Question

我在一个有国家地图的网站上工作，请点击此处：http://defenddefenders.huritech.org/ 挑战在于它有一个阿拉伯语翻译选项，这个选择严重扭曲了我的CSS甚至更糟的是图像映射。现在我正在寻找一个javascript解决方案来检测当选择阿拉伯语翻译选项时，它会选择一个不同的样式表，比如ar_style.css来显示。

我对javascript不太好，有什么帮助吗？我将不胜感激，谢谢。翻译是由transposh插件完成的。

Answer 1

该页面有一个像这样的正文标记：

<body class="home page page-id-1011 page-template page-template-template-magazine-php gecko two-col-left width-960 two-col-left-960">

当我切换到阿拉伯语时，我得到：

<body class="rtl home page page-id-1011 page-template page-template-template-magazine-php chrome two-col-left width-960 two-col-left-960">

所以你已经有了CSS来改变这些东西。

如果您指定的样式如下：

body div { /* something */ }
body.rtl div { /* something else */ }

然后，您可以在body.rtl div为您的阿拉伯用户设置覆盖。对于看起来不对的元素，也许你可以这样做：

body.rtl div#whatever {
    direction: ltr;
}

这样，你强迫它改变方向。真的，那是一个创可贴。您需要为阿拉伯语用户提供更好的样式。

Answer 2

我希望这段PHP代码可以帮助你

<link rel="stylesheet" href="../css/main.css" type="text/css" />
<?php if($language->language == "he" || $language->language == "ar") : ?>
<link rel="stylesheet" href="../css/rtl.css" type="text/css" />
<?php endif; ?>

或者你可能想看这里

http://jasonrobb.com/v2/2009/09/03/how-to-flip-the-text-direction-layout-of-a-website-with-css/index.html

用于检测阿拉伯语翻译并选择阿拉伯语样式表的Javascript代码

2 个答案: