Question

如何在具有多语言内容的jquery中创建窗口？
例如。对于西班牙语，关闭窗口应该像'maximizar la ventana'。

Answer 1

您的服务器上可能有一组名为en.php，sp.php等的文件在每个文件中，可以存储所有消息文本。

与sp.php一样， $text["close_window"] = "maximizar la ventana";
$text["thank_you"] = "Gracias";

和en.php，
$text["close_window"] = "Close this window"; $text["thank_you"] = "Gracias";

在您的主文件（index.foo）中，您可以使用echo $text["close_window"];或
echo $text["thank_you"]您希望在哪里显示此文字。

然后根据用户字符串或其他一些数据，您可以根据用户的语言在服务器端有条件地包含english.lang或spanish.lang。

文件结构：

index.php //主文件 lang // language-files文件夹 lang / en.php //英文文件 lang / sp.php //西班牙语文件

示例代码：

en.php:

<?php
$text["close_window"] = "Close this window";
$text["thank_you"] = "Thank you";
$text["welcome"] = "Welcome";
$text["home"] = "Home";
$text["about_us"] = "About Us";
$text["company_history"] = "Company History";
$text["company_profile"] = "Company Profile";
$text["contact_us"] = "Contact Us";
$text["greetings"] = "You have selected English";
?>

sp.php:

<?php
$text["close_window"] = "maximizar la ventana";
$text["thank_you"] = "Gracias";
$text["welcome"] = "Bienvenida";
$text["home"] = "Casa";
$text["about_us"] = "Sobre Nosotros";
$text["company_history"] = "Historia de la Empresa";
$text["company_profile"] = "Perfil de la Empresa";
$text["contact_us"] = "Contact Us";
$text["greetings"] = "Usted ha seleccionado Español";
?>

index.php:

 //Check if browser sent the User Language code
if(isset($_SERVER["HTTP_ACCEPT_LANGUAGE"])      // if browser sent
    //AND is NOT empty
    && ($_SERVER["HTTP_ACCEPT_LANGUAGE"] != "")
    ){ //if conditions END
    // get first two letters from it
    $user_lang = substr($_SERVER["HTTP_ACCEPT_LANGUAGE"], 0, 2);
}
if(isset($_POST["lang"]) //if user selected it
  //and is in our desired format
  && (strlen($_POST["lang"]) == 2)
){
    $user_lang = $_POST["lang"];
}
//if User requested to change language, ask him
if(isset($_POST["lang_change"])
  && ($_POST["lang_change"])) // is true ?
{
    ask_lang();
    exit(); // exit the script now..
}
if(!isset($user_lang)){ //if we dont have $user_lang yet, ask
    ask_lang();
    exit();
}
//Main index file contents
include("lang/".$user_lang."php");
?>
<html>
    <head>
        <title><?php echo $text["welcome"]; ?> | Example.com</title>
    <head>
    <body>
    <?php echo $text["welcome"]; ?>, <?php echo $text["greetings"]; ?>!<br />
    <a href="index.php" title="<?php echo $text["home"]; ?>" >
        <?php echo $text["home"]; ?></a> |
    <a href="about_us.php" title="<?php echo $text["about_us"]; ?>" >
        <?php echo $text["about_us"]; ?></a> |
    <a href="history.php" title="<?php echo $text["company_history"]; ?>" >
        <?php echo $text["company_history"]; ?></a> |
    <a href="profile.php" title="<?php echo $text["company_profile"]; ?>" >
        <?php echo $text["company_profile"]; ?></a> |
    <a href="contact_us.php" title="<?php echo $text["contact_us"]; ?>" >
        <?php echo $text["contact_us"]; ?></a>
    <p>
        <form method="POST" action="">
            <input type="hidden" name="lang_change" value="true" />
            <input type="submit" value="<?php echo $text["change_language"]; ?>" name="change_language" />
        </form>
    </p>
    </body>
</html>

<?php
//Main index file contents ENDS
function ask_lang(){
?>
<html>
    <head>
        <title>Please Select Language</title>
    <head>
    <body>
        <form method="POST" action="">
            <fieldset>
                <legend>Please select language:</legend>
                <input type="radio" value="en" name="lang" />English<img src="en.png"><br />
                <input type="radio" value="sp" name="lang" />Spanish<img src="sp.png"><br />
                <input type="submit" value="OK" name="sumbit" />
            </fieldset>
        </form>
    </body>
</html>
<?php
} //function ask_lang() ENDS

假设：

所有类型的翻译文件都在Lang文件夹中。
清理用户输入。
Google正确地翻译了所有这些短语。

这是 Live Snippet at Codepad.viper-7.com

Live Snippet＆amp; In-Answer代码有一点不同。在这里，我的代码使用 include 来获取外部语言文件，而在Viper-7的键盘中，我使用脚本函数。原因：因为我无法将文件放入/写入键盘系统。

Answer 2

您可以使用supplant - 方法变体。克罗克福德写了关于这样的事情here，并将其写成String的延伸。这是一种必要的模板：

if (!String.prototype.supplant) {
    String.prototype.supplant = function (o) {
        return this.replace(/{([^{}]*)}/g,
            function (a, b) {
                var r = o[b];
                return typeof r === 'string' || typeof r === 'number' ? r : a;
            }
        );
    };
}

关于您的问题，您可以使用包含翻译的对象：

var spanish = {close: "maximizar la ventana", thanks: "Gracias"};
var german  = {close: "Fenster schließen", thanks: "Danke"};
var english = {close: "Close window", thanks: "Thank you"};

然后在字符串上使用它：

var spanish_message = "<a href='javascript:void(0);'>{close}</a>".supplant(spanish);

var german_message = "<a href='javascript:void(0);'>{close}</a>".supplant(german);

这不是jQuery，但效果很好。但是，您仍需要确定自己使用哪种语言的条件。我建议在服务器端使用一些东西，例如要使用的语言的额外参数。如果您有不同的窗口，您可以使用哪种语言呈现用于每种窗口的语言对象。

另外，如果您的翻译变得更复杂，我建议您将它们放在外部的js文件中。

LG，

FLO

如何制作显示文字多语言？

2 个答案: