2011-06-18 156 views
1

目前我建立我的網站的語言,我想知道如何做到這一點...選擇國家和HTML

基本上,當你按下那個國家,它要求提供給你的語言,那麼它將重定向到該語言頁面。

我該怎麼做?就像航空公司網站一樣,你選擇一個國家,然後選擇語言,然後直接進入該語言頁面?

+1

您的HTML如何生成?靜態還是動態? – Alp

回答

2

這通常需要一些像PHP這樣的服務器端處理。當用戶從表單中選擇一種語言時,語言選擇會存儲在會話中並在每次頁面加載時調用。

然後,您通常會在您的Web應用程序中有internationalization strings。所選語言用於從索引中選擇正確的i18n字符串。

只使用純html,沒有服務器端處理,語言選擇表單將(可能通過javascript)重定向到該語言的文檔根目錄。這要求您在每種語言中編碼一個完整網站。

http://www.example.com 
http://www.example.com/en/ 
http://www.example.com/de/ 
1

你可以用許多不同的方法做到這一點。

這裏有一個簡單的方法來做到這一點:

有一大堆的鏈接,每一個不同的國家。當你點擊一個,如:

<a href="#" onclick="getLanguages('france')" >France</a> 

這將調用JavaScript函數「getLanguages()」這裏顯示:

<script> 
function getLanguages(country){ 
    if(country == "france"){ 
     document.getElementById("languages").innerHTML = "<a href='/french.html'>French</a><a href='/english.html'>English</a><a href='/german.html'>German</a>"; 
    }else if(country == "china"){ 
     document.getElementById("languages").innerHTML = "<a href='/chinese.html'>Chinese</a><a href='/english.html'>English</a><a href='/japanese.html'>Japanese</a>"; 
    } 
} 
</script> 

顯然你有更多,如果每個國家的代表發言。這將基本上修改ID爲「languages」的元素:

<div id="languages"></div> 

要包括該國家的可能語言。然後,當用戶點擊其中一個鏈接時,它會將它們帶到正確的頁面!

希望這會有所幫助,祝你好運!

+3

這對於一個真實的網站來說是一個糟糕的主意,因爲你依靠JavaScript將內容放在頁面上。如果用戶阻止了JavaScript,該怎麼辦?搜索機器人如何將多語言內容編入索引?你可能可以通過使用hash bangs和修改你的URL來使它工作(很糟糕),但是這比它的價值更多的工作。堅持服務器端處理,你會更快樂。 – derekerdmann

+0

這只是一種方法。當然,這可能不是一個好主意,但從沙地的說法來看,這似乎是他/他在'航空公司'網站上找到的方法。 –