我最近开始为我的网站实现语言选项。下面是它的基本工作原理:
if(isset($_GET['lang']))
{
$langr= $_GET['lang'];
$_SESSION['lang'] = $langr;
setcookie('lang', $langr, time() + (3600 * 24 * 30));
}
elseif(isset($_SESSION['lang']))
{
$langr = $_SESSION['lang'];
}
elseif(isset($_COOKIE['lang']))
{
$langr = $_COOKIE['lang'];
}
else
{
$langr = 'en';
}
switch ($langr)
{
case 'en':
$lang_file = $_SERVER['DOCUMENT_ROOT']."/includes/lang/en.php";
break;
case 'fr':
setlocale (LC_ALL, 'fr_FR.utf8','fra');
$lang_file = $_SERVER['DOCUMENT_ROOT']."/includes/lang/fr.php";
break;
default:
$lang_file = $_SERVER['DOCUMENT_ROOT']."/includes/lang/en.php";
}
include_once $lang_file;
它在我的网站的每个页面的顶部加载适当的语言文件。然而,当使用jQuery的UI datepicker时,问题开始出现。我在网上找到了日期选择器的区域设置文件,并为它创建了一个单独的文件:
///jquery.ui.datepicker-fr.js file
jQuery(function($){
$.datepicker.regional['fr'] = {
closeText: 'Fermer',
prevText: 'Précédent',
nextText: 'Suivant',
currentText: 'Aujourd''hui',
monthNames: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin',
'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
monthNamesShort: ['janv.', 'févr.', 'mars', 'avril', 'mai', 'juin',
'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'],
dayNames: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'],
dayNamesShort: ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'],
dayNamesMin: ['D','L','M','M','J','V','S'],
weekHeader: 'Sem.',
dateFormat: 'dd/mm/yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['fr']);
});
问题是,每当检测到语言变化时,我需要动态加载jquery.ui.datepicker-fr.js
,以便我的日期选择器切换到法语。我在想的是创建一个PHP函数,我会把我的<head>
会回我的文件,但问题是,不是所有的网页都是PHP,我不觉得这是一个非常有效的方法。还有其他办法吗?
你需要在header。php中添加一个检查符,如下所示:
<script type="text/javascript>" src="/js/<?php if($_SESSION['lang'] == "en"){ echo 'datepicker-en.js'}else echo 'datepicker-fr.js'; ?>"></script>
所以它会根据你的语言参数自动检测datepicker文件
我会这样做,有一个单独的PHP文件负责获得正确的JS文件,这样你也可以在计划HTML页面中使用它…
<script type="text/javascript" src="/getCorrectJsFile.php"></script>
您觉得这个方法怎么样?
function getBaseURL()
{
var url = location.href;
var baseURL = url.substring(0, url.indexOf('/', 14));
if (baseURL.indexOf('http://localhost') != -1)
{
var url = location.href;
var pathname = location.pathname;
var index1 = url.indexOf(pathname);
var index2 = url.indexOf("/", index1 + 1);
var baseLocalUrl = url.substr(0, index2);
return baseLocalUrl + "/";
}
else
{
return baseURL + "/";
}
}
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^'s+|'s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}
function getLang()
{
var lang = getCookie("lang");
switch(lang)
{
case "fr":
document.write("<script src='"+getBaseURL()+"js/lang/jquery.ui.datepicker-"+lang+".js'></script>");
break;
default:
document.write("");
}
}
getLang();
函数将位于一个共同的js文件,我会在我所有的页面上调用getLang()
函数…
如何使用。change()和。post()?您可以在表单中添加lang的id,以便用户可以更改语言。
$('#lang').change(function(){
//link to your php file
var findlangfile = "<?php echo index.php/findlang.php;?>
$.post(findlangfile, {
lang: $('#lang').val(),
}, function(response){
// you do things
});
return false;
});
可以使用jQuery cookie插件,不错的一个。然后使用jQuery执行与php相同的过程。如果语言作为url参数提供-使用插件设置cookie(使用上面的getBaseURL()函数获取语言值)。否则加载cookie,然后加载适当的javascript文件。像$('head').append('<script..');
这样的东西应该完成这个任务。
确保在页面加载时使用$(function() { /* code here */ });
虽然可以通过这种方式完成任务,但我强烈建议将所有页面切换到php,因为它将简化像这样的事情。
Moeed回答的改进版:
你需要在header。php中添加一个检查符,就像这样:
<script src="/js/<?php echo 'datepicker-' . *COOKIE/SESSION VALUE, LIKE en* . '.js'; ?>"></script>
这将动态地选择datepicker-???.js
,其中???
是cookie/session-cookie所表示的值。