Create your frontend website in multiple languages by using this class.

Overview

Javascript Langauge Selector

Create your frontend website in multiple languages by using this class.

Features

  • Simple but yet powerful.
  • Enable RTL automatically.
  • Super fast.
  • Much more...

Demo

Requirement

  • Jquery

How to use?

  • Just download this code or clone

    •   git clone https://github.com/Lablnet/Javascript-Language-Selector.git```
      
  • Include the js file in head section of your page

    •   <script src="js/LanguageSelector.min.js"></script>	
    • Make sure jquery is included in your page
  • Load the language file which contain json data

    •   <script src="locale.js"></script>
      • The locale.js file contains language strings something like
    •   	'en': {
        		':heading': 'Javascript Language Selector',
        		':h2': 'This is the sub heading',
        		':first:p': "Hey! this is the javascript language selector",
        		':english': 'English',
        		':urdu': 'Urdu',
        		':portuguese': 'Portuguese',
        		':choose': 'Choose the language',
        	},
        }
  • Now write your markup/html

    •   <h1>:heading</h1>
        <h3>:h2</h3>
        <p>:first:p</p>
  • Parse language

    •   var l = new LanguageSelector();
        l.parse();	
  • That's all.

LICENSE

  • MIT

Author

Muhammad Umer Farooq

You might also like...

O objetivo dessa aplicação era criar um frontend feito totalmente em Javascript, sem nenhum arquivo HTML ou CSS pré-criado. Além disso, esse projeto também é o frontend da minha API 100% NodeJS.

O objetivo dessa aplicação era criar um frontend feito totalmente em Javascript, sem nenhum arquivo HTML ou CSS pré-criado. Além disso, esse projeto também é o frontend da minha API 100% NodeJS.

Projeto HTML 100% Javascript Front-end feito "sem HTML" Conteúdos ➜ Sobre o projeto ➜ O que aprendi ➜ Como usar 🔎 Sobre o projeto Voltar ao topo O ob

Aug 3, 2021

A simple class to embed a panoramic view in a website from six pictures

htmlcubemap A simple class to embed a panoramic view in a website from six pictures. It uses CSS with transforms. Demo here Usage Just call from javas

Dec 17, 2022

this is a single-page web application. we built a book website where the user can add , remove and display books. we used modules to implement these functionalities. also, we used the Date class to display the date and time.

Awsome Books In this Project, we have built A Books websites. Built With 🔨 HTML CSS javascript Git & Github Live Demo Here you can find the live Demo

Aug 3, 2022

A Tempermonky / Greasemonkey plugin which can help you export your class schedule to the calendar on your phone / pad / PC / Mac.

A Tempermonky / Greasemonkey plugin which can help you export your class schedule to the calendar on your phone / pad / PC / Mac.

WHU Class Schedule Export as iCS Languages: English | 簡體中文 | 繁體中文 Changelog v0.90.1 - Sep 18, 2022 Fix bugs: Fix an error when a class have multiple s

Sep 7, 2022

Generator of interlinear glossing for many mark-up languages. Conlanging.

Gloss My Gloss A generator for interlinear glosses This is an input/output generator for aligning linguistic interlinear gloss, for the purposes of co

Nov 16, 2022

▶ A tool that helps developers to translate JSON to different languages with ease

▶ A tool that helps developers to translate JSON to different languages with ease

JSON translator Link 🔗 : https://json-translator.vercel.app/ 👉 The information you have entered will not be kept on this site. 👉 Translation is usi

Mar 6, 2022

Flexible survey webapp with multi-languages support

Civic-echo Civic-echo is a light app used for dynamic survey generation based on YAML files. Coupled with DeepL, it can handle multiple languages easi

Jul 4, 2022

Collection of benchmarks of functional programming languages and proof assistants.

Collection of benchmarks of functional programming languages and proof assistants.

Functional Benchmarks This repository contains a collection of benchmarks of functional programming languages and proof assistants. It is split in two

Dec 12, 2022

Brainfuck implementations each other in different languages.

Brainfuck implementations Brainfuck implementations in each other in different languages. What is brainfuck? Brainfuck is an esoteric programming lang

Nov 15, 2022
Comments