Carnet Wiki

MenuLangSurClic

Version 9 — Mai 2008 Alexandra

Changer de langue sur un clic sans passer par le menu_lang

dans le contexte $forcer_lang=true Le #MENU_LANG permet d’afficher un selecteur de langue sous forme de menu select (dropmenu) qui est en fait un formulaire qui permet de poser un cookie lang.

cette contribution permet d’avoir la même fonctionnalité sur un simple lien hypertexte grâce à jquery

Mise en place squelette

  • on affiche #MENU_LANG pour avoir le formulaire (on le masque dynamiquement
  • on crée des liens hypertextes en indiquant le suffixe de langue dans l’attribut rel et on leur applique la classe cookie_lang

syntaxe

<a href="lien_pour_non_js" rel="code_lang" class="cookie_lang">cliquer pour changer de langue</a>

exemple

#MENU_LANG
<ul id="nav-lang">
 <li><a href="[(#URL_PAGE{sommaire}|parametre_url{'lang','pt'})]" rel="pt" class="cookie_lang [(#LANG|=={pt}|?{'on',''})]">Português</a></li>
 <li><a href="[(#URL_PAGE{sommaire}|parametre_url{'lang','en'})]" rel="en" class="cookie_lang [(#LANG|=={en}|?{'on',''})]">English</a></li>
 <li><a href="[(#URL_PAGE{sommaire}|parametre_url{'lang','fr'})]" rel="fr" class="cookie_lang [(#LANG|=={fr}|?{'on',''})]">Français</a></li>
</ul> 

et on appelle une petite fonction javascript jquery non obstructif

// menulang sur clic  
// author : erational <http://www.erational.org>
$(document).ready(function(){
    $(".formulaire_menu_lang").hide();     // on cache le menu_lang
    
    $(".cookie_lang").click( function() {  // sur les liens qui possedent la classe cookie_lang, on pose le cookie de leur attribut rel.
        var lang = $(this).attr("rel");
        $(".formulaire_menu_lang form option").removeAttr("selected");
        $(".formulaire_menu_lang form option[@value='"+lang+"']").attr("selected","selected");
        $(".formulaire_menu_lang form").submit();
        return false;
    });
        
});

-  Erational / mai 2008 / sur spip 192d et $forcer_lang=true

- Alexandra mai 2008

On peut aussi utiliser la méthode de kent1 en full SPIP et sans js :

[(#URL_ACTION{'converser'}|parametre_url{var_lang,[(#ENV{lang}|=={fr}|?{'en','fr'})]}|parametre_url{redirect,#SELF})]

Ca fait la même chose mais en une seule ligne ;)