Twitter Bootstrap: comment recharger?

Question

Plutôt nouveau sur Twitter Bootstrap, je suis maintenant devant le numéro suivant.

J'ai un petit site Web basé sur un exemple de démarrage que j'ai trouvé sur le site officiel. Cela fonctionne bien jusqu'à maintenant.

Ici, je veux définir un moyen de basculer entre 2 langues.

Pour que j'ai mis 2 boutons en haut avec le code suivant, que j'ai aussi reçu de l'un des exemples:

<div class="masthead"> 
    <div class="navbar"> 
     <div class="navbar-inner"> 
     <div class="nav_container"> 
      <ul class="nav"> 
      <li class="active"><a href="#">English</a></li> 
      <li><a href="#">Japanese</a></li> 
      </ul> 
     </div> 
     </div> 
    </div><!-- /.navbar --> 
    </div> 

Que dois-je changer pour que le site est chargé à nouveau lorsque je clique le bouton non actif?

Ce serait simple à gérer en PHP. Je voudrais définir une variable, l'obtenir avec $ _POST et ... .etc ... Mais quel est le truc avec Twitter Bootstrap? J'ai le sentiment que ça doit être simple. Bien que je n'ai pas trouvé la solution en cherchant sur le net. Et je dois admettre que je suis beaucoup moins familier avec JavaScript que Twitter Bootstrap semble utiliser beaucoup, qu'avec PHP.

J'apprécierai n'importe quel conseil pertinent. Merci d'avance.

Answer 1

Votre problème principal ici est que vous essayez d'utiliser Bootstrap comme quelque chose que ce n'est pas. Bootstrap est vraiment juste un moyen facile de gérer la présentation (joliesse) de votre site Web.

Ce que vous cherchez est une méthode pour changer le contenu réel (mots, etc.) du site. Ceci pourrait être fait en Javascript en utilisant le téléchargement du contenu pour le japonais et l'anglais en même temps, puis en changeant le contenu, mais c'est méchant et cela ne devrait pas être fait.

La bonne façon

Ceci est en utilisant un langage côté serveur (comme PHP) pour définir quelle langue l'utilisateur consulte la page, puis servir le texte pertinent.

Une très version simplifiée de ce serait ainsi:

<li class="active"><a href="?set_lang=english">English</a></li> 
<li><a href="?set_lang=japanese">Japanese</a></li> 

Puis

<?php 
    session_start(); 

    //Set the language in a session to ensure that all future requests to this website 
    //will default to being in the correct language 
    if(isset($_GET["set_lang"])){ 
    $_SESSION["language"] = $_GET["set_lang"]; 
    }elseif(!isset($_SESSION["language"]){ 
    //Default language 
    $_SESSION["language"] = "english"; 
    } 

    if($_SESSION["language"]==="english"){ 
    echo "Hello!"; 
    }elseif($_SESSION["language"]==="japanese"){ 
    echo "Konichiwa!"; 
    }