spip_nursit/prive/javascript/ajaxCallback.js

1079 lines
35 KiB
JavaScript
Raw Permalink Normal View History

2023-06-01 15:30:12 +00:00
jQuery.spip=jQuery.spip || {};
jQuery.spip.log = function(){
if (jQuery.spip.debug && window.console && window.console.log)
window.console.log.apply(this,arguments);
}
// A plugin that wraps all ajax calls introducing a fixed callback function on ajax complete
if(!jQuery.spip.load_handlers) {
jQuery.spip.load_handlers = new Array();
/**
* OnAjaxLoad allow to
* add a function to the list of those
* to be executed on ajax load complete
*
* most of time function f is applied on the loaded data
* if not known, the whole document is targetted
*
* @param function f
*/
function onAjaxLoad(f) {
jQuery.spip.load_handlers.push(f);
};
/**
* Call the functions that have been added to onAjaxLoad
* @param root
*/
jQuery.spip.triggerAjaxLoad = function (root) {
jQuery.spip.log('triggerAjaxLoad');
jQuery.spip.log(root);
for ( var i = 0; i < jQuery.spip.load_handlers.length; i++ )
jQuery.spip.load_handlers[i].apply( root );
};
jQuery.spip.intercepted={};
// intercept jQuery.fn.load
jQuery.spip.intercepted.load = jQuery.fn.load;
jQuery.fn.load = function( url, params, callback ) {
if ( typeof url !== "string") {
return jQuery.spip.intercepted.load.apply( this, arguments );
}
callback = callback || function(){};
// If the second parameter was provided
if ( params ) {
// If it's a function
if ( params.constructor == Function ) {
// We assume that it's the callback
callback = params;
params = null;
}
}
params = jQuery.extend(params, {triggerAjaxLoad:false}); // prevent $.ajax to triggerAjaxLoad
var callback2 = function() {jQuery.spip.log('jQuery.load');jQuery.spip.triggerAjaxLoad(this);callback.apply(this,arguments);};
return jQuery.spip.intercepted.load.apply(this,[url, params, callback2]);
};
// intercept jQuery.fn.ajaxSubmit
jQuery.spip.intercepted.ajaxSubmit = jQuery.fn.ajaxSubmit;
jQuery.fn.ajaxSubmit = function(options){
// find the first parent that will not be removed by formulaire_dyn_ajax
// or take the whole document
options = options || {};
if (typeof options.onAjaxLoad=="undefined" || options.onAjaxLoad!=false) {
var me=jQuery(this).parents('div.ajax');
if (me.length)
me=me.parent();
else
me = document;
if (typeof options=='function')
options = { success: options };
var callback = options.success || function(){};
options.success = function(){callback.apply(this,arguments);jQuery.spip.log('jQuery.ajaxSubmit');jQuery.spip.triggerAjaxLoad(me);}
}
return jQuery.spip.intercepted.ajaxSubmit.apply(this,[options]);
}
// intercept jQuery.ajax
jQuery.spip.intercepted.ajax = jQuery.ajax;
jQuery.ajax = function(url, settings) {
if (typeof settings == 'undefined') {
settings = {};
if (typeof url == 'object') {
settings = url;
url = null;
}
}
if (typeof url == 'string') {
settings['url'] = url;
}
// if triggerAjaxLoad is prevented, finish without faking callback
if (settings.data && settings.data['triggerAjaxLoad'] === false) {
settings.data['triggerAjaxLoad'] = null;
return jQuery.spip.intercepted.ajax(settings);
}
var s = jQuery.extend(true, {}, jQuery.ajaxSettings, settings);
var callbackContext = s.context || s;
try {
if (jQuery.ajax.caller==jQuery.spip.intercepted.load || jQuery.ajax.caller==jQuery.spip.intercepted.ajaxSubmit)
return jQuery.spip.intercepted.ajax(settings);
}
catch (err){}
var orig_complete = s.complete || function() {};
settings.complete = function(res,status) {
// Do not fire OnAjaxLoad if the dataType is not html
var dataType = settings.dataType;
var ct = (res && (typeof res.getResponseHeader == 'function'))
? res.getResponseHeader("content-type"): '';
var xml = !dataType && ct && ct.indexOf("xml") >= 0;
orig_complete.call( callbackContext, res, status);
if((!dataType && !xml) || dataType == "html") {
jQuery.spip.log('jQuery.ajax');
if (typeof s.onAjaxLoad=="undefined" || s.onAjaxLoad!=false)
jQuery.spip.triggerAjaxLoad(s.ajaxTarget?s.ajaxTarget:document);
}
};
return jQuery.spip.intercepted.ajax(settings);
};
}
/* jQuery.browser */
jQuery.uaMatch = function( ua ) {
ua = ua.toLowerCase();
var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) ||
/(webkit)[ \/]([\w.]+)/.exec( ua ) ||
/(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) ||
/(msie) ([\w.]+)/.exec( ua ) ||
ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) ||
[];
return {
browser: match[ 1 ] || "",
version: match[ 2 ] || "0"
};
};
// Don't clobber any existing jQuery.browser in case it's different
if ( !jQuery.browser ) {
matched = jQuery.uaMatch( navigator.userAgent );
browser = {};
if ( matched.browser ) {
browser[ matched.browser ] = true;
browser.version = matched.version;
}
// Chrome is Webkit, but Webkit is also Safari.
if ( browser.chrome ) {
browser.webkit = true;
} else if ( browser.webkit ) {
browser.safari = true;
}
jQuery.browser = browser;
}
// jQuery.getScript cache par defaut
jQuery.getScript = function(url,callback){
return $.ajax({
url: url,
dataType: "script",
success: callback,
cache: true
});
}
/**
* if not fully visible, scroll the page to position
* target block at the top of page
* if force = true, allways scroll
*
* @param bool force
*/
jQuery.fn.positionner = function(force, setfocus) {
var offset = jQuery(this).offset();
var hauteur = parseInt(jQuery(this).css('height'));
var scrolltop = self['pageYOffset'] ||
jQuery.boxModel && document.documentElement[ 'scrollTop' ] ||
document.body[ 'scrollTop' ];
var h = jQuery(window).height();
var scroll=0;
if (force || (offset && offset['top'] - 5 <= scrolltop))
scroll = offset['top'] - 5;
else if (offset && offset['top'] + hauteur - h + 5 > scrolltop)
scroll = Math.min(offset['top'] - 5, offset['top'] + hauteur - h + 15);
if (scroll)
jQuery('html,body')
.animate({scrollTop: scroll}, 300);
// positionner le curseur dans la premiere zone de saisie
if (setfocus!==false)
jQuery(jQuery('*', this).filter('input[type=text],textarea')[0]).focus();
return this; // don't break the chain
}
// deux fonctions pour rendre l'ajax compatible Jaws
jQuery.spip.virtualbuffer_id='spip_virtualbufferupdate';
jQuery.spip.initReaderBuffer = function(){
if (jQuery('#'+jQuery.spip.virtualbuffer_id).length) return;
jQuery('body').append('<p style="float:left;width:0;height:0;position:absolute;left:-5000px;top:-5000px;"><input type="hidden" name="'+jQuery.spip.virtualbuffer_id+'" id="'+jQuery.spip.virtualbuffer_id+'" value="0" /></p>');
}
jQuery.spip.updateReaderBuffer = function(){
var i = jQuery('#'+jQuery.spip.virtualbuffer_id);
if (!i.length) return;
// incrementons l'input hidden, ce qui a pour effet de forcer le rafraichissement du
// buffer du lecteur d'ecran (au moins dans Jaws)
i.val(parseInt(i.val())+1);
}
jQuery.fn.formulaire_setARIA = function(){
if (!this.closest('.ariaformprop').length){
// eviter une double execution du js au moment de sa reinsertion dans le DOM par wrap()
// cf http://bugs.jquery.com/ticket/7447
this.find('script').remove();
this.wrap('<div class="ariaformprop" aria-live="polite" aria-atomic="true" aria-relevant="additions"></div>');
// dans un formulaire, le screen reader relit tout a chaque saisie d'un caractere si on est en aria-live
jQuery('form',this).not('[aria-live]').attr('aria-live','off');
}
return this;
}
/**
* rechargement ajax d'un formulaire dynamique implemente par formulaires/xxx.html
* @param target
*/
jQuery.fn.formulaire_dyn_ajax = function(target) {
if (this.length)
jQuery.spip.initReaderBuffer();
return this.each(function() {
var scrollwhensubmit = !jQuery(this).is('.noscroll');
var cible = target || this;
jQuery(cible).formulaire_setARIA();
jQuery('form:not(.noajax):not(.bouton_action_post)', this).each(function(){
var leform = this;
var leclk,leclk_x,leclk_y;
var onError = function(xhr, status, error, $form){
jQuery(leform).ajaxFormUnbind().find('input[name="var_ajax"]').remove();
var msg = "Erreur";
if (typeof(error_on_ajaxform)!=="undefined") msg = error_on_ajaxform;
jQuery(leform).prepend("<p class='error ajax-error none'>"+msg+"</p>").find('.ajax-error').show('fast');
jQuery(cible).closest('.ariaformprop').endLoading(true);
}
jQuery(this).prepend("<input type='hidden' name='var_ajax' value='form' />")
.ajaxForm({
beforeSubmit: function(){
// memoriser le bouton clique, en cas de repost non ajax
leclk = leform.clk;
var scrollwhensubmit_button = true;
if (leclk) {
scrollwhensubmit_button = !jQuery(leclk).is('.noscroll');
var n = leclk.name;
if (n && !leclk.disabled && leclk.type == "image") {
leclk_x = leform.clk_x;
leclk_y = leform.clk_y;
}
}
jQuery(cible).wrap('<div />');
cible = jQuery(cible).parent();
jQuery(cible).closest('.ariaformprop').animateLoading();
if (scrollwhensubmit && scrollwhensubmit_button) {
jQuery(cible).positionner(false,false);
}
},
error: onError,
success: function(c, status, xhr , $form){
if (c.match(/^\s*noajax\s*$/)){
// le serveur ne veut pas traiter ce formulaire en ajax
// on resubmit sans ajax
jQuery("input[name=var_ajax]",leform).remove();
// si on a memorise le nom et la valeur du bouton clique
// les reinjecter dans le dom sous forme de input hidden
// pour que le serveur les recoive
if (leclk){
var n = leclk.name;
if (n && !leclk.disabled) {
jQuery(leform).prepend("<input type='hidden' name='"+n+"' value='"+leclk.value+"' />");
if (leclk.type == "image") {
jQuery(leform).prepend("<input type='hidden' name='"+n+".x' value='"+leform.clk_x+"' />");
jQuery(leform).prepend("<input type='hidden' name='"+n+".y' value='"+leform.clk_y+"' />");
}
}
}
jQuery(leform).ajaxFormUnbind().submit();
}
else {
if (!c.length || c.indexOf("ajax-form-is-ok")==-1)
return onError.apply(this,[status, xhr , $form]);
// commencons par vider le cache des urls, si jamais un js au retour
// essaye tout de suite de suivre un lien en cache
// dans le doute sur la validite du cache il vaut mieux l'invalider
var preloaded = jQuery.spip.preloaded_urls;
jQuery.spip.preloaded_urls = {};
jQuery(cible).html(c);
var a = jQuery('a:first',cible).eq(0);
var d = jQuery('div.ajax',cible);
if (!d.length){
// si pas .ajax dans le form, remettre la classe sur le div que l'on a insere
jQuery(cible).addClass('ajax');
if (!scrollwhensubmit)
jQuery(cible).addClass('noscroll');
}
else {
// sinon nettoyer les br ajaxie
d.siblings('br.bugajaxie').remove();
// desemboiter d'un niveau pour manger le div que l'on a insere
cible = jQuery(":first",cible);
cible.unwrap();
}
// chercher une ancre en debut de html pour positionner la page
if (a.length
&& a.is('a[name=ajax_ancre]')
&& jQuery(a.attr('href'),cible).length){
a = a.attr('href');
if (jQuery(a,cible).length)
setTimeout(function(){
jQuery(a,cible).positionner(false);
//a = a.split('#');
//window.location.hash = a[1];
},10);
jQuery(cible).closest('.ariaformprop').endLoading(true);
}
else{
//jQuery(cible).positionner(false);
if (a.length && a.is('a[name=ajax_redirect]')){
a = a.get(0).href;
setTimeout(function(){
var cur = window.location.href.split('#');
document.location.replace(a);
// regarder si c'est juste un changement d'ancre : dans ce cas il faut reload
// (le faire systematiquement provoque des bugs)
if (cur[0]==a.split('#')[0]){
window.location.reload();
}
},10);
// ne pas arreter l'etat loading, puisqu'on redirige !
// mais le relancer car l'image loading a pu disparaitre
jQuery(cible).closest('.ariaformprop').animateLoading();
}
else {
jQuery(cible).closest('.ariaformprop').endLoading(true);
}
}
// si jamais le formulaire n'a pas un retour OK, retablissons le cache
// car a priori on a pas fait d'operation en base de donnee
if (!jQuery('.reponse_formulaire_ok',cible).length)
jQuery.spip.preloaded_urls = preloaded;
// mettre a jour le buffer du navigateur pour aider jaws et autres readers
// a supprimer ?
jQuery.spip.updateReaderBuffer();
}
}/*,
iframe: jQuery.browser.msie*/
})
// previent qu'on n'ajaxera pas deux fois le meme formulaire en cas de ajaxload
// mais le marquer comme ayant l'ajax au cas ou on reinjecte du contenu ajax dedans
.addClass('noajax hasajax');
});
});
}
jQuery.fn.formulaire_verifier = function(callback, champ){
var erreurs = {'message_erreur':'form non ajax'};
var me=this;
// si on est aussi en train de submit pour de vrai, abandonner
if (jQuery(me).closest('.ariaformprop').attr('aria-busy')!='true') {
if (jQuery(me).is('form.hasajax')){
jQuery(me).ajaxSubmit({
dataType:"json",
data:{formulaire_action_verifier_json:true},
success:function(errs){
var args = [errs, champ]
// si on est aussi en train de submit pour de vrai, abandonner
if (jQuery(me).closest('.ariaformprop').attr('aria-busy')!='true')
callback.apply(me,args);
}
});
}
else
callback.apply(me,[erreurs, champ]);
}
return this;
}
jQuery.fn.formulaire_activer_verif_auto = function(callback){
callback = callback || formulaire_actualiser_erreurs;
var me = jQuery(this).closest('.ariaformprop');
var check = function(){
var name=jQuery(this).attr('name');
// declencher apres 50ms pour ne pas double submit sur sequence saisie+submit
setTimeout(function(){me.find('form').formulaire_verifier(callback,name);},50);
}
var activer = function(){
if (me.find('form').attr('data-verifjson')!='on'){
me
.find('form')
.attr('data-verifjson','on')
.find('input,select,textarea')
.on('change', check);
}
}
jQuery(activer);
onAjaxLoad(function(){setTimeout(activer,150);});
}
function formulaire_actualiser_erreurs(erreurs){
var parent = jQuery(this).closest('.formulaire_spip');
if (!parent.length) return;
// d'abord effacer tous les messages d'erreurs
parent.find('.reponse_formulaire,.erreur_message').fadeOut().remove();
parent.find('.erreur').removeClass('erreur');
// ensuite afficher les nouveaux messages d'erreur
if (erreurs['message_ok'])
parent.find('form').before('<p class="reponse_formulaire reponse_formulaire_ok">'+erreurs['message_ok']+'</p>');
if (erreurs['message_erreur'])
parent.find('form').before('<p class="reponse_formulaire reponse_formulaire_erreur">'+erreurs['message_erreur']+'</p>');
for (var k in erreurs){
var saisie = parent.find('.editer_'+k);
if (saisie.length) {
saisie.addClass('erreur');
saisie.find('label').after('<span class="erreur_message">'+erreurs[k]+'</span>');
}
}
}
// permettre d'utiliser onclick='return confirm('etes vous sur?');' sur un lien ajax
var ajax_confirm=true;
var ajax_confirm_date=0;
var spip_confirm = window.confirm;
function _confirm(message){
ajax_confirm = spip_confirm(message);
if (!ajax_confirm) {
var d = new Date();
ajax_confirm_date = d.getTime();
}
return ajax_confirm;
}
window.confirm = _confirm;
/**
* rechargement ajax d'une noisette implementee par {ajax}
* selecteur personalise, sera defini par defaut a '.pagination a,a.ajax'
*/
var ajaxbloc_selecteur;
/**
* mise en cache des url. Il suffit de vider cete variable pour vider le cache
*/
jQuery.spip.preloaded_urls = {};
/**
* Afficher dans la page
* le html d'un bloc ajax charge
* @param object blocfrag
* @param string c
* @param string href
* @param bool history
*/
jQuery.spip.on_ajax_loaded = function(blocfrag,c,href,history) {
history = history || (history==null);
if (typeof href == undefined || href==null)
history = false;
if (history)
jQuery.spip.setHistoryState(blocfrag);
if (jQuery(blocfrag).attr('data-loaded-callback')){
var callback = eval(jQuery(blocfrag).attr('data-loaded-callback'));
callback.call(blocfrag, c, href, history);
}
else {
jQuery(blocfrag)
.html(c)
.endLoading();
}
if (typeof href != undefined)
jQuery(blocfrag).attr('data-url',href);
if (history) {
jQuery.spip.pushHistoryState(href);
jQuery.spip.setHistoryState(blocfrag);
}
var a = jQuery('a:first',jQuery(blocfrag)).eq(0);
if (a.length
&& a.is('a[name=ajax_ancre]')
&& jQuery(a.attr('href'),blocfrag).length){
a = a.attr('href');
jQuery(a,blocfrag).positionner(false);
}
jQuery.spip.log('on_ajax_loaded');
jQuery.spip.triggerAjaxLoad(blocfrag);
// si le fragment ajax est dans un form ajax,
// il faut remettre a jour les evenements attaches
// car le fragment peut comporter des submit ou button
a = jQuery(blocfrag).parents('form.hasajax')
if (a.length)
a.eq(0).removeClass('noajax').parents('div.ajax').formulaire_dyn_ajax();
jQuery.spip.updateReaderBuffer();
}
jQuery.spip.on_ajax_failed = function(blocfrag,statusCode,href,history) {
// marquer le bloc invalide
jQuery(blocfrag).addClass('invalid');
// si c'est une erreur 400 on a perdu la signature ajax
//console.log("AJAX Erreur");
//console.log(statusCode);
history = history || (history==null);
// quelle que soit l'erreur, on redirige si c'était la nouvelle URL principale de la page
if (history) {
//console.log("On redirige : " + href);
window.location.href = href;
}
}
jQuery.spip.stateId=0;
jQuery.spip.setHistoryState = function(blocfrag){
if (!window.history.replaceState) return;
// attribuer un id au bloc si il n'en a pas
if (!blocfrag.attr('id')){
while (jQuery('#ghsid'+jQuery.spip.stateId).length)
jQuery.spip.stateId++;
blocfrag.attr('id','ghsid'+jQuery.spip.stateId);
}
var href= blocfrag.attr('data-url') || blocfrag.attr('data-origin');
href = jQuery("<"+"a href='"+href+"'></a>").get(0).href;
var state={
id:blocfrag.attr('id'),
href: href
};
var ajaxid = blocfrag.attr('class').match(/\bajax-id-[\w-]+\b/);
if (ajaxid && ajaxid.length)
state["ajaxid"] = ajaxid[0];
// on remplace la variable qui decrit l'etat courant
// initialement vide
// -> elle servira a revenir dans l'etat courant
window.history.replaceState(state,window.document.title, window.document.location);
}
jQuery.spip.pushHistoryState = function(href, title){
if (!window.history.pushState)
return false;
window.history.pushState({}, title, href);
}
window.onpopstate = function(popState){
if (popState.state && popState.state.href){
var blocfrag=false;
if (popState.state.id){
blocfrag=jQuery('#'+popState.state.id);
}
if ((!blocfrag || !blocfrag.length) && popState.state.ajaxid){
blocfrag=jQuery('.ajaxbloc.'+popState.state.ajaxid);
}
if (blocfrag && blocfrag.length==1) {
jQuery.spip.ajaxClick(blocfrag,popState.state.href,{history:false});
return true;
}
// si on revient apres avoir rompu la chaine ajax, on a pu perdre l'id #ghsidxx ajoute en JS
// dans ce cas on redirige hors ajax
else {
window.location.href = popState.state.href;
}
}
}
/**
* Charger un bloc ajax represente par l'objet jQuery blocajax qui le pointe
* avec la requete ajax url, qui represente le lien href
* @param object blocfrag
* bloc cible
* @param string url
* url pour la requete ajax
* @param string href
* url du lien clique
* @param object options
* bool force : pour forcer la requete sans utiliser le cache
* function callback : callback au retour du chargement
* bool history : prendre en charge l'histrisation dans l'url
*/
jQuery.spip.loadAjax = function(blocfrag,url, href, options){
var force = options.force || false;
if (jQuery(blocfrag).attr('data-loading-callback')){
var callback = eval(jQuery(blocfrag).attr('data-loading-callback'));
callback.call(blocfrag,url,href,options);
}
else {
jQuery(blocfrag).animateLoading();
}
if (jQuery.spip.preloaded_urls[url] && !force) {
// si on est deja en train de charger ce fragment, revenir plus tard
if (jQuery.spip.preloaded_urls[url]=="<!--loading-->"){
setTimeout(function(){jQuery.spip.loadAjax(blocfrag,url,href,options);},100);
return;
}
jQuery.spip.on_ajax_loaded(blocfrag,jQuery.spip.preloaded_urls[url],href,options.history);
} else {
var d = new Date();
jQuery.spip.preloaded_urls[url] = "<!--loading-->";
jQuery.ajax({
url: parametre_url(url,'var_t',d.getTime()),
onAjaxLoad:false,
success: function(c){
jQuery.spip.on_ajax_loaded(blocfrag,c,href,options.history);
jQuery.spip.preloaded_urls[url] = c;
if (options.callback && typeof options.callback == "function")
options.callback.apply(blocfrag);
},
error: function(e){
jQuery.spip.preloaded_urls[url]='';
jQuery.spip.on_ajax_failed(blocfrag,e.status,href,options.history);
}
});
}
}
/**
* Calculer l'url ajax a partir de l'url du lien
* et de la variable d'environnement du bloc ajax
* passe aussi l'ancre eventuelle sous forme d'une variable
* pour que le serveur puisse la prendre en compte
* et la propager jusqu'a la reponse
* sous la forme d'un lien cache
*
* @param string href
* @param string ajax_env
*/
jQuery.spip.makeAjaxUrl = function(href,ajax_env,origin){
var url = href.split('#');
url[0] = parametre_url(url[0],'var_ajax',1);
url[0] = parametre_url(url[0],'var_ajax_env',ajax_env);
// les arguments de origin qui ne sont pas dans href doivent etre explicitement fournis vides dans url
if (origin){
var p=origin.indexOf('?');
if (p!==-1){
// recuperer la base
var args = origin.substring(p+1).split('&');
var val;
var arg;
for(var n=0;n<args.length;n++){
arg = args[n].split('=');
arg = arg[0];
p = arg.indexOf('[');
if (p!==-1)
arg = arg.substring(0,p);
val = parametre_url(href,arg);
if (typeof val=="undefined" || val==null)
url[0] = url[0] + '&' + arg + '=';
}
}
}
if (url[1])
url[0] = parametre_url(url[0],'var_ajax_ancre',url[1]);
return url[0];
}
/**
* fonction appelee sur l'evenement ajaxReload d'un bloc ajax
* que l'on declenche quand on veut forcer sa mise a jour
*
* @param object blocfrag
* @param object options
* callback : fonction appelee apres le rechargement
* href : url to load instead of origin url
* args : arguments passes a l'url rechargee (permet une modif du contexte)
* history : bool to specify if navigation history is modified by reload or not (false if not provided)
*/
jQuery.spip.ajaxReload = function(blocfrag, options){
var ajax_env = blocfrag.attr('data-ajax-env');
if (!ajax_env || ajax_env==undefined) return;
var href = options.href || blocfrag.attr('data-url') || blocfrag.attr('data-origin');
if (href && typeof href != undefined){
options = options || {};
var callback=options.callback || null;
var history=options.history || false;
var args = options.args || {};
for (var key in args)
href = parametre_url(href,key,args[key]==undefined?'':args[key],'&',args[key]==undefined?false:true);
var url = jQuery.spip.makeAjaxUrl(href,ajax_env,blocfrag.attr('data-origin'));
// recharger sans historisation dans l'url
jQuery.spip.loadAjax(blocfrag, url, href, {force:true, callback:callback, history:history});
return true;
}
}
/**
* fonction appelee sur l'evenement click d'un lien ajax
*
* @param object blocfrag
* objet jQuery qui cible le bloc ajax contenant
* @param string href
* url du lien a suivre
* @param object options
* force : pour interdire l'utilisation du cache
* history : pour interdire la mise en historique
*/
jQuery.spip.ajaxClick = function(blocfrag, href, options){
var ajax_env = blocfrag.attr('data-ajax-env');
if (!ajax_env || ajax_env==undefined) return;
if (!ajax_confirm) {
// on rearme pour le prochain clic
ajax_confirm=true;
var d = new Date();
// seule une annulation par confirm() dans les 2 secondes precedentes est prise en compte
if ((d.getTime()-ajax_confirm_date)<=2)
return false;
}
var url = jQuery.spip.makeAjaxUrl(href,ajax_env,blocfrag.attr('data-origin'));
jQuery.spip.loadAjax(blocfrag, url, href, options);
return false;
}
/**
* Implementer le comportemant des liens ajax
* et boutons post ajax qui se comportent
* comme un lien ajax
*/
jQuery.fn.ajaxbloc = function() {
// hack accessibilite vieille version de JAWS
// a supprimer ?
if (this.length)
jQuery.spip.initReaderBuffer();
if (ajaxbloc_selecteur==undefined)
ajaxbloc_selecteur = '.pagination a,a.ajax';
return this.each(function() {
// traiter les enfants d'abord :
// un lien ajax provoque le rechargement
// du plus petit bloc ajax le contenant
jQuery('div.ajaxbloc',this).ajaxbloc();
var blocfrag = jQuery(this);
var ajax_env = blocfrag.attr('data-ajax-env');
if (!ajax_env || ajax_env==undefined) return;
blocfrag.not('.bind-ajaxReload').on('ajaxReload', function(event, options){
if (jQuery.spip.ajaxReload(blocfrag,options))
// don't trig reload of parent blocks
event.stopPropagation();
}).addClass('bind-ajaxReload')
.attr('aria-live','polite').attr('aria-atomic','true');
// dans un formulaire, le screen reader relit tout a chaque saisie d'un caractere si on est en aria-live
// mettre un aria-live="off" sur les forms inclus dans ce bloc aria-live="polite"
jQuery('form',this).not('[aria-live]').attr('aria-live','off');
jQuery(ajaxbloc_selecteur,this).not('.noajax,.bind-ajax')
.click(function(){return jQuery.spip.ajaxClick(blocfrag,this.href,{force:jQuery(this).is('.nocache'),history:!(jQuery(this).is('.nohistory')||jQuery(this).closest('.box_modalbox').length)});})
.addClass('bind-ajax')
.filter('.preload').each(function(){
var href = this.href;
var url = jQuery.spip.makeAjaxUrl(href,ajax_env,blocfrag.attr('data-origin'));
if (!jQuery.spip.preloaded_urls[url]) {
jQuery.spip.preloaded_urls[url] = '<!--loading-->';
jQuery.ajax({url:url,onAjaxLoad:false,success:function(r){jQuery.spip.preloaded_urls[url]=r;},error:function(){jQuery.spip.preloaded_urls[url]='';}});
}
}); // previent qu'on ajax pas deux fois le meme lien
// ajaxer les boutons actions qui sont techniquement des form minimaux
// mais se comportent comme des liens
jQuery('form.bouton_action_post.ajax', this).not('.noajax,.bind-ajax').each(function(){
var leform = this;
var url = jQuery(this).attr('action').split('#');
var scrollwhensubmit = (!jQuery(this).is('.noscroll') && !jQuery('.submit',this).is('.noscroll'));
jQuery(this)
.prepend("<input type='hidden' name='var_ajax' value='1' /><input type='hidden' name='var_ajax_env' value='"+(ajax_env)+"' />"+(url[1]?"<input type='hidden' name='var_ajax_ancre' value='"+url[1]+"' />":""))
.ajaxForm({
beforeSubmit: function(){
jQuery(blocfrag).animateLoading();
if (scrollwhensubmit) {
jQuery(blocfrag).positionner(false);
}
},
onAjaxLoad:false,
success: function(c){
jQuery.spip.on_ajax_loaded(blocfrag,c);
jQuery.spip.preloaded_urls = {}; // on vide le cache des urls car on a fait une action en bdd
},
error: function(e){
jQuery.spip.preloaded_urls = {}; // on vide le cache des urls car on a fait une action en bdd
var href = parametre_url(url, 'redirect');
if (!href) {
href = window.location.href;
}
// si c'est une erreur 400 c'est un fragment ajax invalide, il faut rediriger vers href
jQuery.spip.on_ajax_failed(blocfrag,e.status,href,e.status === 400);
}/*,
iframe: jQuery.browser.msie*/
})
.addClass('bind-ajax'); // previent qu'on n'ajaxera pas deux fois le meme formulaire en cas de ajaxload
});
});
};
/**
* Suivre un lien en simulant le click sur le lien
* Si le lien est ajax, on se contente de declencher l'evenement click()
* Si le lien est non ajax, on finit en remplacant l'url de la page
*/
jQuery.fn.followLink = function(){
$(this).click();
if (!$(this).is('.bind-ajax'))
window.location.href = $(this).get(0).href;
return this;
}
/**
* Recharger un bloc ajax pour le mettre a jour
* ajaxid est l'id passe en argument de INCLURE{ajax=ajaxid}
* options permet de definir une callbackk ou de passer des arguments a l'url
* au rechargement
* ajaxReload peut s'utiliser en passant un id :
* ajaxReload('xx');
* ou sur un objet jQuery
* jQuery(this).ajaxReload();
* Dans ce dernier cas, le plus petit conteneur ajax est recharge
*
* @param string ajaxid
* @param object options
* callback : callback after reloading
* href : url to load instead of origin url
* args : {arg:value,...} to pass tu the url
* history : bool to specify if navigation history is modified by reload or not (false if not provided)
*/
function ajaxReload(ajaxid, options){
jQuery('div.ajaxbloc.ajax-id-'+ajaxid).ajaxReload(options);
}
/**
* Variante jQuery de ajaxReload pour la syntaxe
* jQuery(..).ajaxReload();
* cf doc ci-dessus
* @param options
*/
jQuery.fn.ajaxReload = function(options){
options = options||{};
// just trigg the event, as it will bubble up the DOM
jQuery(this).trigger('ajaxReload', [options]);
return this; // don't break the chain
}
/**
* animation du bloc cible pour faire patienter
*
*/
jQuery.fn.animateLoading = function() {
this.attr('aria-busy','true').addClass('loading').children().css('opacity', 0.5);
if (typeof ajax_image_searching != 'undefined'){
var i = (this).find('.image_loading');
if (i.length) i.eq(0).html(ajax_image_searching);
else this.prepend('<span class="image_loading">'+ajax_image_searching+'</span>');
}
return this; // don't break the chain
}
// compatibilite avec ancien nommage
jQuery.fn.animeajax = jQuery.fn.animateLoading;
/**
* Fin de l'animation
* l'argument permet de forcer le raz du contenu si il est inchange
* @param hard
*/
jQuery.fn.endLoading = function(hard) {
hard = hard || false;
this.attr('aria-busy','false').removeClass('loading');
if (hard){
this.children().css('opacity', '');
this.find('.image_loading').html('');
}
return this; // don't break the chain
}
/**
* animation d'un item que l'on supprime :
* ajout de la classe remove avec un background tire de cette classe
* puis fading vers opacity 0
* quand l'element est masque, on retire les classes et css inline
*
* @param function callback
*
*/
jQuery.fn.animateRemove = function(callback){
if (this.length){
var me=this;
var color = $("<div class='remove'></div>").css('background-color');
var sel=$(this);
// if target is a tr, include td childrens cause background color on tr doesn't works in a lot of browsers
if (sel.is('tr'))
sel = sel.add('>td',sel);
sel.addClass('remove').css({backgroundColor: color}).animate({opacity: "0.0"}, 'fast', function(){
sel.removeClass('remove').css({backgroundColor: ''});
if (callback)
callback.apply(me);
});
}
return this; // don't break the chain
}
/**
* animation d'un item que l'on ajoute :
* ajout de la classe append
* fading vers opacity 1 avec background herite de la classe append,
* puis suppression progressive du background pour revenir a la valeur heritee
*
* @param function callback
*/
jQuery.fn.animateAppend = function(callback){
if (this.length){
var me=this;
// recuperer la couleur portee par la classe append (permet une personalisation)
var color = $("<div class='append'></div>").css('background-color');
var origin = $(this).css('background-color') || '#ffffff';
// pis aller
if (origin=='transparent') origin='#ffffff';
var sel=$(this);
// if target is a tr, include td childrens cause background color on tr doesn't works in a lot of browsers
if (sel.is('tr'))
sel = sel.add('>td',sel);
sel.css('opacity','0.0').addClass('append').css({backgroundColor: color}).animate({opacity: "1.0"}, 1000,function(){
sel.animate({backgroundColor: origin}, 3000,function(){
sel.removeClass('append').css({backgroundColor: ''});
if (callback)
callback.apply(me);
});
});
}
return this; // don't break the chain
}
/**
* Equivalent js de parametre_url php de spip
*
* Exemples :
* parametre_url(url,suite,18) (ajout)
* parametre_url(url,suite,'') (supprime)
* parametre_url(url,suite) (lit la valeur suite)
* parametre_url(url,suite[],1) (tableau valeurs multiples)
* @param url
* url
* @param c
* champ
* @param v
* valeur
* @param sep
* separateur '&' par defaut
* @param force_vide
* si true et v='' insere &k= dans l'url au lieu de supprimer le k (false par defaut)
* permet de vider une valeur dans une requete ajax (dans un reload)
*/
function parametre_url(url,c,v,sep,force_vide){
// Si l'URL n'est pas une chaine, on ne peut pas travailler dessus et on quitte
if (typeof(url) == 'undefined'){
url = '';
}
var p;
// lever l'#ancre
var ancre='';
var a='./';
var args=[];
p = url.indexOf('#');
if (p!=-1) {
ancre=url.substring(p);
url = url.substring(0,p);
}
// eclater
p=url.indexOf('?');
if (p!==-1){
// recuperer la base
if (p>0) a=url.substring(0,p);
args = url.substring(p+1).split('&');
}
else
a=url;
var regexp = new RegExp('^(' + c.replace('[]','\\[\\]') + '\\[?\\]?)(=.*)?$');
var ajouts = [];
var u = (typeof(v)!=='object')?encodeURIComponent(v):v;
var na = [];
var v_read = null;
// lire les variables et agir
for(var n=0;n<args.length;n++){
var val = args[n];
try {
val = decodeURIComponent(val);
} catch(e) {}
var r=val.match(regexp);
if (r && r.length){
if (v==null){
// c'est un tableau, on memorise les valeurs
if (r[1].substr(-2) == '[]') {
if (!v_read) v_read = [];
v_read.push((r.length>2 && typeof r[2]!=='undefined')?r[2].substring(1):'');
}
// c'est un scalaire, on retourne direct
else {
return (r.length>2 && typeof r[2]!=='undefined')?r[2].substring(1):'';
}
}
// suppression
else if (!v.length) {
}
// Ajout. Pour une variable, remplacer au meme endroit,
// pour un tableau ce sera fait dans la prochaine boucle
else if (r[1].substr(-2) != '[]') {
na.push(r[1]+'='+u);
ajouts.push(r[1]);
}
/* Pour les tableaux ont laisse tomber les valeurs de départ, on
remplira à l'étape suivante */
// else na.push(args[n]);
}
else
na.push(args[n]);
}
if (v==null) return v_read; // rien de trouve ou un tableau
// traiter les parametres pas encore trouves
if (v || v.length || force_vide) {
ajouts = "="+ajouts.join("=")+"=";
var all=c.split('|');
for (n=0;n<all.length;n++){
if (ajouts.search("="+all[n]+"=")==-1){
if (typeof(v)!=='object'){
na.push(all[n] +'='+ u);
}
else {
var id = ((all[n].substring(-2)=='[]')?all[n]:all[n]+"[]");
for(p=0;p<v.length;p++)
na.push(id +'='+ encodeURIComponent(v[p]));
}
}
}
}
// recomposer l'adresse
if (na.length){
if (!sep) sep='&';
a = a+"?"+na.join(sep);
}
return a + ancre;
}
// Ajaxer les formulaires qui le demandent, au demarrage
if (!window.var_zajax_content)
window.var_zajax_content = 'contenu';
jQuery(function() {
jQuery('form:not(.bouton_action_post)').parents('div.ajax')
.formulaire_dyn_ajax();
jQuery('div.ajaxbloc').ajaxbloc();
jQuery("input[placeholder]:text").placeholderLabel();
jQuery('a.popin').click(function(){if (jQuery.modalbox) jQuery.modalbox(parametre_url(this.href,"var_zajax",jQuery(this).attr('data-var_zajax')?jQuery(this).attr('data-var_zajax'):var_zajax_content));return false;});
});
// ... et a chaque fois que le DOM change
onAjaxLoad(function() {
if (jQuery){
jQuery('form:not(.bouton_action_post)', this).parents('div.ajax')
.formulaire_dyn_ajax();
if (jQuery(this).is('div.ajaxbloc'))
jQuery(this).ajaxbloc();
else if (jQuery(this).closest('div.ajaxbloc').length)
jQuery(this).closest('div.ajaxbloc').ajaxbloc();
else
jQuery('div.ajaxbloc', this).ajaxbloc();
jQuery("input[placeholder]:text",this).placeholderLabel();
jQuery('a.popin',this).click(function(){if (jQuery.modalbox) jQuery.modalbox(parametre_url(this.href,"var_zajax",jQuery(this).attr('data-var_zajax')?jQuery(this).attr('data-var_zajax'):var_zajax_content));return false;});
}
});