<body style="text-align:center">
<h2>Popup</h2>
<div class="popup" onclick="myFunction()">Click me to toggle the popup!
<span class="popuptext" id="myPopup">A Simple Popup!</span>
</div>
<script>
// When the user clicks on div, open the popup
function myFunction() {
var popup = document.getElementById('myPopup');
popup.classList.toggle('show');
}
</script>
</body>
I am trying to make a popup in the way as shown below in the images and by following procedures from the w3shools link that if someone clicks on:
Click me toggle the popup
It should display:
English (If the french language is displayed on the page)
French (If the English language is displayed on the page)
Clicking on English will display the whole webpage in English language and clicking on French will display the whole webpage in French language. I already have a JS files in which every text is translated from English to French and French to English. The snippets of it is :
define([],function(){
var exports = {
//////////////////////////////////
// Enter each key value pair as //
// "key" : "value" , //
//////////////////////////////////
// Do not edit above this line //
//////////////////////////////////
"unspecified": "Unspecified",
"yes": "Yes",
"no": "No",
"error.notify": "An error has occurred. Please contact your plan administrator.",
"error.application": "Error: 500",
"english": "English",
"french": "French",
"m": "Male",
"f": "Female",
"smoker": "smoker",
"non-smoker": "non-smoker",
//////////////////////////////////
// Do not edit below this line //
//////////////////////////////////
};
return exports;
});
Aucun commentaire:
Enregistrer un commentaire