0

Twitter Bootstrap を初めて使用する私は、次の問題に直面しています。

公式サイトで見つけたスターターの例に基づいた小さな Web サイトがあります。今のところ問題なく動作しています。

ここでは、2 つの言語を切り替える方法を設定します。

そのために、例の1つから取得した次のコードを使用して、上部に2つのボタンを設定しました:

  <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>

非アクティブ ボタンをクリックしたときにサイトがリロードされるようにするには、何を変更する必要がありますか?

これは PHP で簡単に処理できます。変数を設定し、$_POST でそれを取得し、….etc ... しかし、Twitter Bootstrap のトリックは何ですか?

シンプルでなければならないという気持ちがあります。ネットを検索しても解決策が見つかりませんでしたが。また、Twitter Bootstrap がよく使用しているように見える JavaScript については、PHP よりもはるかに慣れていないことを認めなければなりません。

関連するヒントをいただければ幸いです。前もって感謝します。

4

1 に答える 1

1

ここでの主な問題は、Bootstrap をそうではないものとして使用しようとしていることです。Bootstrap は、Web サイトのプレゼンテーション (かわいらしさ) を処理する簡単な方法です。

あなたが探しているのは、サイトの実際のコンテンツ (言葉など) を切り替える方法です。

これは、日本語と英語の両方のコンテンツを同時にダウンロードし、コンテンツを切り替えることで Javascript で実行できる可能性がありますが、面倒なので実行しないでください。

正しい方法

これは、サーバー側の言語 (PHP など) を使用して、ユーザーがページを表示している言語を設定し、関連するテキストを提供することによって行われます。

これを非常に単純化したバージョンは次のようになります。

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

それで

<?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!";
  }
于 2013-06-12T10:46:26.170 に答える