Catégories
Chronologie
Derniers billets
Recherche
Archives
Blogroll
Web deux zéro
ven 05 oct 2007 |
PurposeIntroductionLang Switcher is a plugin for the great jquery library that enables you to switch dynamically between several languages on a web page. It is based on the valid lang attribute that can be specified in many HTML tags (div, p, span, ...). Lang Switcher will parse these attributes and will show as many buttons as different languages. Clicking onthe button will dynamically switch between languages without reloading the page (DHTML). Lang Switcher est un plugin pour l'excellente bibliothèque jquery qui vous permet d'installer des sélecteurs de langue dynamiques sur vos pages web. Ce plugin est basé sur l'utilisation de l'attribut lang. C'est est un attribut HTML valide pouvant être utilisé avec la plupart des balises (div, p, span, ...). Lang Switcher recherche cet attribut dans les tags HTML. Il génère alors autant de boutons HTML que de langues différentes rencontrées. Un clic sur l'un de ces boutons sélectionne dynamiquement la langue correspondante, cachant les éléments de langue différente, sans recharger la page (DHTML). DownloadInstructionsPlease refer to the manual Merci de vous référer au manuel Edit: I've just released a Wordpress plugin to integrate this functionnality into Wordpress. Edit: Je viens juste de publier un plugin Wordpress pour intégrer cette fonctionnalité à ce moteur de blog. ReleasesVersions
|
||
Commentaires (12) 
12 commentaire(s)
Hello,
Il y a un soucis avec IE7. Il s’agit d’un problème de la fonction indexOf.
J’ai remplacé la ligne 123
(list.indexOf(lang) != -1))
par
($.grep(list, “a == ‘”+lang+”‘”).length > 0))
Et ça a l’air de fonctionner…
Super.
Merci beaucoup d’avoir identifié ce bug.
J’ai ajouté les cookies pour un lecteur qui voulait ça (et c’est vrai que c’est un plus)
Il m’a dit que ça ne marchait pas sous IE7 mais je n’avais pas eu le temps de tester.
Par contre, pour la solution, je préfère celle ci, plus élégante :
http://soledadpenades.com/2007/05/17/arrayindexof-in-internet-explorer/
J’avais vu, mais je n’avais pas vu que jquery proposait cette fonction:
($.inArray(lang, list)))
ça m’étonnait aussi que jquery n’ai pas ce genre de fonction… Plus besoin de la redéfinir…
Bonjour,
Cet article est très intéressant. Parler de JQuery est une action
d’utilité publique pour le web.
Vous pouvez consulter plus d’informations sur le site http://www.webjax.eu
et plus particulièrement la rubrique http://www.webjax.eu/r/14-JQuery-javascript-framework-ajax-library-jquery-j-query-Framework-Javascript-Library-Ajax-asyncronous-web2.0-ria-dom-control-enhancer
qui présente la documentation officielle de Jquery en version française.
Vive le web2.0 et ajax, longue vie aux codeurs
Bonjour,
Merci pour ce plugin, très simple à installer et à utiliser.
J’aurais une petite question cependant : comment faire pour récupérer la langue actuellement sélectionné ? Est-ce qu’il existe une petite fonction genre get_lang() ? Sinon ça serait bien utile
J’ai découvert lang-switcher par hasard, en cherchant sur google,des astuces pour passer switcher d’une langue à l’autre. Vu les commentaires, il me semble qu’il est simple à installer, mais comme je débute, j’ai quelques questions :
1° Doit je traduire tous les pages du site ? Le site de mon club de sport est basé sur zite cms.
2° Peux - je avoir un doc un peu plus détaillé concernant l’installation et intégration dans une page.
Merci d’avance
@Hua
Le plugin tel que présenté dans cette note est destiné à des développeurs web ayant une connaissance minimum de HTML et de Javascript.
Le manuel est disponible ici :
http://www.lalala.fr/stuff/lang-switcher/readme.html
J’ai également intégré ce plugin à un plugin WordPress. Tu peux le trouver ici :
http://www.lalala.fr/blog/?p=26
Si tu utilise une plateforme de CMS différent, je te conseille de te rapprocher de la communauté qui développe ce CMS pour leur demander l’intégration de ce plugin.
bonjour admin,
merci de ta réponse, en même temps, j’au pu intégrer et testé en local, le plugin et il est vraiment simple et facile à utiliser.
merci encore et bravo à ce plugin.
Bonjour
Je debute en jquery et j’ai un conflit entre
- switchlang
- load des pages
en fait mes pages sont des div “load”es par des liens sur la page principal
-> les boutons apparaissent en 1 seule langue et le changement de langue fonctionne très bien.
-> les div “load”es apparaissent dans toutes les langues. au 1er choix de langue manuel, tout vas bien
Une idée pour forcer une langue au démarrage.
Merci
@Laurent:
Oui ça doit être possible.
Si tu regardes les sources de lang-switcher, tu verras une fonction switch_to(id, lang).
“id” c’est un identifiant unique qui identifie les boutons.
Si tu a mis un seul ensemble de boutons, ça devrait être 0 par défaut (puis ,1, 2 .. etc pour les suivants).
Après, lang c’est “fr”, “en”, etc.
Donc, dans la fonction qui charge tes divs, juste après (dans le callback typiquement), tu mets un truc du genre :
switch_to(0, “fr”);
Bon, le problème avec cette soluce, c’est que si tu as déjà sélectionné une autre langue genre “en”, les div loadées vont l’être en français.
Du coup, il faut un petit truc en plus pour se souvenir de la langue courante sélectionnée.
Dans la fonction switch_to, au début, rajoute :
gLangButtons[id].currLang=lang;
Ensuite, dans le callback du chargement de tes divs, tu pourras mettre :
switch_to(0, gLangButtons[0].currLang);
Ça devrait marcher comme ça.
Tiens moi au courant si tu as un souci.
Salut et merci pour ce plugin! je suis en train de refaire mon portfolio et j’ai déja opter pour une solution PHP pour le changement de langue mais je me demande si je vais pas utiliser ce petit plugin bien sympa étant donné que j’utilise Jquery déja pour le slide des pages et une gallerie photo…
En tout cas il est trés bien et simple d’utilisation en plus si le JS est désacvtivé les deux langues apparaissent nikel !
Bonsoir,
je reviens pour un bug que j’arrive pas à identifier sous ie.
Comme je charge plusieurs script je pense que c’est à cause de ca.
En fait sous firefox le switch lang fonctionne impec et sous ie ca ne marche qu’une fois.
Sous la console de débugage je ne vois rien…
merci de votre aide !
page: http://barbato-alexandre.fr/essai_port
Ajouter un commentaire