| Current Path : /home/etiennec/www/oldsite/prive/javascript/ |
| Current File : /home/etiennec/www/oldsite/prive/javascript/multilang.js |
/*
* multilang
*
* Copyright (c) 2006-2010 Renato Formato (rformato@gmail.com)
* Licensed under the GPL License:
* http://www.gnu.org/licenses/gpl.html
*
*/
var multilang_containers={}, //menu containers
forms_fields={},
multilang_forms, //forms to be processed (jQuery object)
multilang_menu_lang; //template of the menu (jQuery object)
/*
(?:\[([a-z_]+)\]|^[\s\n]*)
[lang] or white space
((?:.|\n)*?)
all chars not greedy
(?=\[[a-z_]+\]|$)
[lang] or end string
*/
var match_multi = /(?:\[([a-z_]+)\]|^[\s\n]*)((?:.|\n|\s)*?)(?=\[[a-z_]+\]|$)/ig;
var multilang_css_link,
multilang_css_cur_link={},
multilang_root, //root of the search (jQuery object)
multilang_fields_selector,
multilang_menu_selector,
multilang_forms_selector; //selector of the forms to be processed (string)
multilang_css_link = {"cursor":"pointer","margin":"2px 5px","float":"left"};
$.extend(multilang_css_cur_link,multilang_css_link,{fontWeight:"bold"});
/* options is a hash having the following values:
* - fields (mandatory): a jQuery selector to set the fields that have to be internationalized.
* - page (optional): a string to be searched in the current url. if found the plugin is applied.
* - root (optional): the root element of all processing. Default value is 'document'. To speed up search
* - forms (optional): a jQuery selector to set the forms that have to be internationalized. Default value is 'form'.
* - main_menu (optional): a jQuery selector to set the container for the main menu to control all the selected forms.
* - form_menu (optional): a jQuery selector to set the container for the form menus.
*/
function multilang_init_lang(options) {
//Detect if we're on the right page and if multilinguism is activated. If not return.
if((options.page && window.location.search.indexOf(options.page)==-1) || multilang_avail_langs.length<=1) return;
//set the root element of all processing
var root = options.root || document;
multilang_root = $(root);
//set the main menu element
multilang_containers = options.main_menu ? $(options.main_menu,multilang_root) : $([]);
//create menu lang template
multilang_menu_lang =$("<div>");
$.each(multilang_avail_langs,function() {
multilang_menu_lang.append($("<a>").html("["+this+"]").css(this==multilang_def_lang?multilang_css_cur_link:multilang_css_link)[0]);
});
//store all the internationalized forms
multilang_forms_selector = options.forms || "form";
multilang_forms = $(multilang_forms_selector,multilang_root);
//create menu lang for the global form
if(multilang_containers.size()) forms_make_menu_lang(multilang_containers);
//init fields
multilang_fields_selector = options.fields;
multilang_menu_selector = options.form_menu;
forms_init_multi();
}
function forms_make_menu_lang(container,target) {
target = target || multilang_forms;
$(multilang_menu_lang).clone().find("a").click(function() {forms_change_lang(this,container,target)}).end().
append("<div style='clear:left'></div>").appendTo(container);
}
function forms_change_lang(el,container,target) {
var lang = el.innerHTML;
container = container || multilang_containers;
//update lang menu with current selection
container.find("a").each(function(){
$(this).css("fontWeight",lang==this.innerHTML?"bold":"normal");
}).end();
lang = lang.slice(1,-1);
//store the fields inputs for later use (usefull for select)
var target_id = target!=multilang_forms?jQuery.data(target[0]):"undefined";
if(!forms_fields[target_id]) forms_fields[target_id] = $(multilang_fields_selector,target);
//save the current values
forms_fields[target_id].each(function(){
forms_save_lang(this,this.form.form_lang);
});
//change current lang
target.each(function(){this.form_lang = lang});
//reinit fields to current lang
forms_fields[target_id].each(function(){forms_set_lang(this,lang)});
}
function forms_init_multi(options) {
var target = options?options.target:null;
var init_forms;
//Update the list of form if this is an update
if(target) {
//Verify the target is really a form to be internationalized (in case of an ajax request fired by onAjaxLoad)
if(target==document) return;
init_forms = $(target).find('form').in_set($(multilang_forms_selector,multilang_root));
if(!init_forms.length) return;
multilang_forms.add(init_forms.each(forms_attach_submit).get());
} else {
//attach multi processing to submit event
init_forms = multilang_forms;
multilang_forms.each(forms_attach_submit);
}
forms_fields = {};
forms_fields["undefined"] = $(multilang_fields_selector,multilang_forms);
//init the value of the field to current lang
//add a container for the language menu inside the form
init_forms.each(function() {
this.form_lang = multilang_def_lang;
var container = multilang_menu_selector ? $(multilang_menu_selector,this) : $(this);
container.prepend("<div class='menu_lang'>");
});
$(multilang_fields_selector,init_forms).each(function(){
forms_init_field(this,this.form.form_lang);
});
//create menu for each form. The menu is just before the form
$("div.menu_lang",init_forms).empty().each(function() {
//store all form containers to allow menu lang update on each container
//when it is triggered by global menu
multilang_containers.add(this);
forms_make_menu_lang($(this),$(this).parents("form"));
});
}
function forms_attach_submit() {
var oldsubmit = this.onsubmit;
this.onsubmit = "";
if(oldsubmit) $(this).submit(function(){forms_multi_submit.apply(this);return oldsubmit.apply(this);})
else $(this).submit(forms_multi_submit);
}
function forms_init_field(el,lang) {
//Retrieves the following data
//1)the title element of the field
//2)boolean multi = the fields has a multi value
//3)various lang string
//if already inited just return
if(el.field_lang) return;
var langs;
var m = el.value.match(/(\d+\.\s+)?<multi>((?:.|\n|\s)*?)<\/multi>/);
el.field_lang = {};
el.field_pre_lang = ""; //this is the 01. part of the string, the will be put outside the <multi>
el.titre_el = $("#titre_"+el.id);
if(m!=null) {
el.field_pre_lang = m[1] || "";
el.multi = true;
match_multi.lastIndex=0;
while((langs=match_multi.exec(m[2]))!=null) {
var text = langs[2].match(/^(\d+\.\s+)((?:.|\n|\s)*)/), value;
if(text!=null) {
value = text[2];
el.field_pre_lang = text[1] || "";
} else {
value = langs[2];
}
el.field_lang[langs[1]||multilang_def_lang] = value;
}
//Put the current lang string only in the field
forms_set_lang(el,lang);
} else {
el.multi = false;
el.field_lang[lang] = el.value;
}
}
function forms_set_lang(el,lang) {
//if current lang is not setted use default lang value
if(el.field_lang[lang]==undefined)
el.field_lang[lang] = el.field_lang[multilang_def_lang];
el.value = el.field_pre_lang+(el.field_lang[lang]==undefined?"":el.field_lang[lang]); //show the common part (01. ) before the value
el.titre_el.html(el.value);
}
function forms_save_lang(el,lang) {
//if the lang value is equal to the def lang do nothing
//else save value but if the field is not empty, delete lang value
var m = el.value.match(/^(\d+\.\s+)((?:.|\n|\s)*)/);
if(m!=null) {
el.field_pre_lang = m[1];
el.value = m[2];
}
if(el.field_lang[multilang_def_lang]!=el.value) {
if(!el.value) {
delete el.field_lang[lang];
return;
}
el.multi = true;
el.field_lang[lang] = el.value;
}
}
//This func receives the form that is going to be submitted
function forms_multi_submit(params) {
if(multilang_avail_langs.length<=1) return;
var form = this;
//remove the current form from the list of forms
multilang_forms.not(this);
//remove the current menu lang container from the list
multilang_containers.not("div.menu_lang",$(this));
//build the input values
$(multilang_fields_selector,this).each(function(){
//save data before submit
forms_save_lang(this,form.form_lang || multilang_def_lang);
//build the string value
var def_value = this.field_lang[multilang_def_lang];
if(!this.multi) this.value = this.field_pre_lang+(def_value==undefined?"":def_value);
else {
var value="",count=0;
$.each(this.field_lang,function(name){
//save default lang value and other lang values if different from
//the default one
if(this!=def_value || name==multilang_def_lang) {
value += "["+name+"]"+this;
count++;
}
});
this.value = this.field_pre_lang+(count!=1?"<multi>"+value+"</multi>":value.replace(/^\[[a-z_]+\]/,''));
}
});
//save back the params
if(params) $.extend(params,$(form).formToArray(false));
}
jQuery.fn.in_set = function(set) {
var elements = this.get();
var result = $.grep(set,function(i){
var found = false;
$.each(elements,function(){
if(this==i) found=true;
})
return found;
});
return jQuery(result);
}