spip_nursit/prive/javascript/layer.js
2023-06-01 17:30:12 +02:00

324 lines
8.8 KiB
JavaScript

var url_chargee = new Array();
var xhr_actifs = {};
//
// Fonctions pour mini_nav
//
function slide_horizontal (couche, slide, align, depart, etape ) {
var obj = jQuery("#"+couche);
if (!obj.length) return;
obj = obj.get(0);
if (!etape) {
if (align == 'left') depart = obj.scrollLeft;
else depart = obj.firstChild.offsetWidth - obj.scrollLeft;
etape = 0;
}
etape = Math.round(etape) + 1;
pos = Math.round(depart) + Math.round(((slide - depart) / 10) * etape);
if (align == 'left') obj.scrollLeft = pos;
else obj.scrollLeft = obj.firstChild.offsetWidth - pos;
if (etape < 10) setTimeout("slide_horizontal('"+couche+"', '"+slide+"', '"+align+"', '"+depart+"', '"+etape+"')", 60);
//else obj.scrollLeft = slide;
}
function changerhighlight (couche) {
jQuery(couche)
.addClass('on')
.siblings()
.not(couche)
.removeClass('on');
jQuery('.petite-racine.on').removeClass('on');
}
function aff_selection (arg, idom, url, event) {
var noeud = jQuery("#"+idom);
if (noeud.length) {
noeud.hide();
charger_node_url(url+arg, noeud.get(0), '','',event);
}
return false;
}
// selecteur de rubrique et affichage de son titre dans le bandeau
function aff_selection_titre(titre, id, idom, nid)
{
var t = jQuery('#titreparent');
var p = t.closest('form');
t.attr('value',titre);
p.find('#'+nid).attr('value',id).trigger('change'); // declencher le onchange
p.find("#"+idom).hide('fast');
if (p.is('.submit_plongeur')) p.get(p.length-1).submit();
else p.find("#"+idom).prev('div').find('a').eq(0).focus();
}
/**
* Utilise dans inc/plonger
* @param id
* @param racine
* @param url
* @param col
* @param sens
* @param informer
* @param event
*/
function aff_selection_provisoire(id, racine, url, col, sens,informer,event) {
if(url.href == 'javascript:void(0)'){
slide_horizontal(racine + '_principal', ((col-1)*150), sens);
aff_selection (id, racine + "_selection", informer);
}
else{
charger_id_url(url.href,
racine + '_col_' + (col+1),
function() {
slide_horizontal(racine + '_principal', ((col-1)*150), sens);
aff_selection (id, racine + "_selection", informer);
},
event);
}
// empecher le chargement non Ajax
return false;
}
/**
* Lanche une requete Ajax a chaque frappe au clavier dans une balise de saisie.
* Si l'entree redevient vide, rappeler l'URL initiale si dispo.
* Sinon, controler au retour si le resultat est unique,
* auquel cas forcer la selection.
* utlise dans inc/selectionner
* @param valeur
* @param rac
* @param url
* @param img
* @param nid
* @param init
*/
function onkey_rechercher(valeur, rac, url, img, nid, init) {
var Field = jQuery("#"+rac).get(0);
if (!valeur.length) {
init = jQuery("#"+init).get(0);
if (init && init.href) { charger_node_url(init.href, Field);}
} else {
charger_node_url(url+valeur,
Field,
function () {
var n = Field.childNodes.length - 1;
// Safari = 0 & Firefox = 1 !
// et gare aux negatifs en cas d'abort
if ((n == 1)) {
noeud = Field.childNodes[n].firstChild;
if (noeud.title)
// cas de la rubrique, pas des auteurs
aff_selection_titre(noeud.firstChild.nodeValue, noeud.title, rac, nid);
}
},
img);
}
return false;
}
// Recupere tous les formulaires de la page
// (ou du fragment qu'on vient de recharger en ajax)
// et leur applique les comportements js souhaites
// ici :
// * utiliser ctrl-s, F8 etc comme touches de sauvegarde
var verifForm_clicked=false;
function verifForm(racine) {
verifForm_clicked = false; // rearmer quand on passe ici (il y a eu de l'ajax par exemple)
if (!jQuery) return; // appels ajax sur iframe
// Clavier pour sauver (cf. crayons)
// cf http://www.quirksmode.org/js/keys.html
if (!jQuery.browser.msie)
// keypress renvoie le charcode correspondant au caractere frappe (ici s)
jQuery('form:not(.bouton_action_post)', racine||document).not('.verifformok')
.keypress(function(e){
if (
((e.ctrlKey && (
/* ctrl-s ou ctrl-maj-S, firefox */
(((e.charCode||e.keyCode) == 115) || ((e.charCode||e.keyCode) == 83))
/* ctrl-s, safari */
|| (e.charCode==19 && e.keyCode==19)
)
) /* ctrl-s, Opera Mac */
|| (e.keyCode==19 && jQuery.browser.opera))
&& !verifForm_clicked
) {
verifForm_clicked = true;
jQuery(this).find('input[type=submit]')
.click();
return false;
}
}).addClass('verifformok');
else
// keydown renvoie le keycode correspondant a la touche pressee (ici F8)
jQuery('form:not(.bouton_action_post)', racine||document).not('.verifformok')
.keydown(function(e){
//jQuery('#ps').after("<div>ctrl:"+e.ctrlKey+"<br />charcode:"+e.charCode+"<br />keycode:"+e.keyCode+"<hr /></div>");
if (!e.charCode && e.keyCode == 119 /* F8, windows */ && !verifForm_clicked){
verifForm_clicked = true;
jQuery(this).find('input[type=submit]')
.click();
return false;
}
}).addClass('verifformok');
}
// La fonction qui fait vraiment le travail decrit ci-dessus.
// Son premier argument est deja le noeud du DOM
// et son resultat booleen est inverse ce qui lui permet de retourner
// le gestionnaire Ajax comme valeur non fausse
function AjaxSqueezeNode(trig, target, f, event) {
var i, callback;
// retour std si pas precise: affecter ce noeud avec ce retour
if (!f) {
callback = function() { verifForm(this);}
}
else {
callback = function(res,status) {
f.apply(this,[res,status]);
verifForm(this);
}
}
valid = false;
if (typeof(window['_OUTILS_DEVELOPPEURS']) != 'undefined'){
if (!(navigator.userAgent.toLowerCase().indexOf("firefox/1.0")))
valid = (typeof event == 'object') && (event.altKey || event.metaKey);
}
if (typeof(trig) == 'string') {
// laisser le choix de la touche enfoncee au moment du clic
// car beaucoup de systemes en prenne une a leur usage
if (valid) {
window.open(trig+'&transformer_xml=valider_xml');
} else {
jQuery(target).animeajax();
}
res = jQuery.ajax({
"url":trig,
"complete": function(r,s) {
AjaxRet(r,s,target, callback);
jQuery(target).endLoading();
}
});
return res;
}
if(valid) {
//open a blank window
var doc = window.open("","valider").document;
//create a document to enable receiving the result of the ajax post
doc.open();
doc.close();
//set the element receiving the ajax post
target = doc.body;
}
else {
jQuery(target).animeajax();
}
jQuery(trig).ajaxSubmit({
"target": target,
"success": function(res,status) {
if(status=='error') return this.html('Erreur HTTP');
callback.apply(this,[res,status]);
},
"beforeSubmit":function (vars) {
if (valid)
vars.push({"name":"transformer_xml","value":"valider_xml"});
return true;
}
});
return true;
}
function AjaxRet(res,status, target, callback) {
if (res.aborted) return;
if (status=='error') return jQuery(target).html('HTTP Error');
// Inject the HTML into all the matched elements
jQuery(target)
.html(res.responseText)
// Execute callback
.each(callback, [res.responseText, status]);
}
// Comme AjaxSqueeze,
// mais avec un cache sur le noeud et un cache sur la reponse
// et une memorisation des greffes en attente afin de les abandonner
// (utile surtout a la frappe interactive au clavier)
// De plus, la fonction optionnelle n'a pas besoin de greffer la reponse.
function charger_id_url(myUrl, myField, jjscript, event) {
var Field = jQuery("#"+myField);
if (!Field.length) return true;
if (!myUrl) {
Field.empty();
retour_id_url(Field.get(0), jjscript);
return true; // url vide, c'est un self complet
}
else
return charger_node_url(myUrl, Field.get(0), jjscript, jQuery('#'+'img_' + myField).get(0), event);
}
// La suite
function charger_node_url(myUrl, Field, jjscript, img, event) {
// disponible en cache ?
if (url_chargee[myUrl]) {
var el = jQuery(Field).html(url_chargee[myUrl])[0];
retour_id_url(el, jjscript);
jQuery.spip.triggerAjaxLoad(el);
return false;
}
else {
if (img) img.style.visibility = "visible";
if (xhr_actifs[Field]) { xhr_actifs[Field].aborted = true;xhr_actifs[Field].abort(); }
xhr_actifs[Field] = AjaxSqueezeNode(myUrl,
Field,
function (r) {
xhr_actifs[Field] = undefined;
if (img) img.style.visibility = "hidden";
url_chargee[myUrl] = r;
retour_id_url(Field, jjscript);
slide_horizontal($(Field).children().attr("id")+'_principal', $(Field).width() , $(Field).css("text-align"));
},
event);
return false;
}
}
function retour_id_url(Field, jjscript) {
jQuery(Field).css({'visibility':'visible','display':'block'});
if (jjscript) jjscript();
}
function charger_node_url_si_vide(url, noeud, gifanime, jjscript,event) {
if (noeud.style.display !='none') {
noeud.style.display='none';}
else {
if (noeud.innerHTML != "") {
noeud.style.visibility = "visible";
noeud.style.display = "block";
} else {
charger_node_url(url, noeud,'',gifanime,event);
}
}
return false;
}
// Lancer verifForm
jQuery(function(){
verifForm();
onAjaxLoad(verifForm);
});