2016-04-22 08:27:58 +00:00
|
|
|
|
/* SELECTOR ALIASES */
|
|
|
|
|
function $(selector){ return document.querySelector(selector); }
|
|
|
|
|
function $$(selector){ return document.querySelectorAll(selector); }
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Retourne un data-* attribute d'un element (surcharge de l'ELEMENT natif)
|
|
|
|
|
*
|
|
|
|
|
* @attribute<String> L'attribut qui nous interesse
|
|
|
|
|
*
|
|
|
|
|
* @return value<String> Retourne la valeur si l'attribut existe
|
|
|
|
|
* @return false Retourne FALSE si rien n'a ete trouve
|
|
|
|
|
*
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
Element.prototype.getData = function(attribute){
|
|
|
|
|
// On verifie qu'un data-* attribute existe
|
|
|
|
|
if( typeof this.dataset == 'undefined' )
|
|
|
|
|
return false;
|
|
|
|
|
|
|
|
|
|
return ( this.dataset.hasOwnProperty(attribute) ) ? this.dataset[attribute] : false;
|
2016-04-22 08:27:58 +00:00
|
|
|
|
};
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Ajout de classe pour un element (surcharge de l'ELEMENT natif)
|
|
|
|
|
*
|
|
|
|
|
* @className<String> Classe a ajouter a l'element
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
Element.prototype.addClass = function(className){
|
|
|
|
|
/* [1] On transforme la classe actuelle en tableau
|
|
|
|
|
====================================================*/
|
|
|
|
|
var classArray = this.className.split(' ');
|
|
|
|
|
|
|
|
|
|
/* [2] On ajoute la classe si elle n'y est pas deja
|
|
|
|
|
====================================================*/
|
|
|
|
|
if( classArray.indexOf(className) > -1 ) return; // La classe y est deja
|
|
|
|
|
|
|
|
|
|
classArray.push(className);
|
|
|
|
|
|
|
|
|
|
/* [3] On reformatte tout
|
|
|
|
|
====================================================*/
|
|
|
|
|
this.className = classArray.join(' ').trim();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Suppression de classe pour un element (surcharge de l'ELEMENT natif)
|
|
|
|
|
*
|
|
|
|
|
* @className<String> Classe a supprimer a l'element
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
Element.prototype.remClass = function(className){
|
|
|
|
|
/* [1] On transforme la classe actuelle en tableau
|
|
|
|
|
====================================================*/
|
|
|
|
|
var classArray = this.className.split(' ');
|
|
|
|
|
|
|
|
|
|
/* [2] On retire la classe si elle y est
|
|
|
|
|
====================================================*/
|
|
|
|
|
var index = classArray.indexOf(className);
|
|
|
|
|
|
|
|
|
|
if( index == -1 ) return; // La classe n'y est pas
|
|
|
|
|
|
|
|
|
|
classArray = classArray.slice(0,index).concat( classArray.slice(index+1) );
|
|
|
|
|
|
|
|
|
|
/* [3] On reformatte tout
|
|
|
|
|
====================================================*/
|
|
|
|
|
this.className = classArray.join(' ').trim();
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// on définit le "indexOf" pour <HTMLCollection> et <NodeList>
|
|
|
|
|
NodeList.prototype.indexOf = HTMLCollection.prototype.indexOf = function(searchedElement){
|
|
|
|
|
for( var i = 0 ; i < this.length ; i++ ) // on parcours la collection
|
|
|
|
|
// si on trouve l'élement, on retourne son rang
|
|
|
|
|
if( this[i] == searchedElement ) return i;
|
|
|
|
|
|
|
|
|
|
// si on a rien trouvé, on retourne -1
|
|
|
|
|
return -1;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// GESTION DES ANIMATIONS (CLASSE PENDANT TEMPS IMPARTI)
|
|
|
|
|
Element.prototype.anim = function(className, timeout){
|
|
|
|
|
|
|
|
|
|
var pointer = this; // on cree un pointeur
|
|
|
|
|
|
|
|
|
|
pointer.addClass(className); // on met la classe
|
|
|
|
|
|
|
|
|
|
// on la retire apres le @timeout imparti
|
|
|
|
|
setTimeout(function(){ pointer.remClass(className); }, timeout);
|
|
|
|
|
|
2016-04-22 08:27:58 +00:00
|
|
|
|
};
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
|
|
2016-04-18 08:30:40 +00:00
|
|
|
|
// INCLUSION D'UN SCRIPT JAVASCRIPT
|
2016-04-25 14:18:50 +00:00
|
|
|
|
var _includes = [];
|
|
|
|
|
var _includeTags = [];
|
2016-04-18 12:56:49 +00:00
|
|
|
|
function include(jsResource, callback, action){ // action=true -> EXCLUSION, SINON -> INCLUSION
|
|
|
|
|
/* (0) On formatte les arguments */
|
|
|
|
|
jsResource = typeof jsResource === 'string' ? jsResource : null;
|
|
|
|
|
callback = typeof callback === 'function' ? callback : function(){ console.log('[x] '+jsResource+' loaded'); };
|
|
|
|
|
action = typeof action === 'boolean' ? action : false;
|
|
|
|
|
|
|
|
|
|
// Si la ressource n'est pas donnée
|
|
|
|
|
if( jsResource == null ) return false;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* (1) Gestion de l'inclusion */
|
|
|
|
|
if( !action ){
|
|
|
|
|
// Si le fichier est déja inclus, on lance le callback
|
2016-04-25 14:18:50 +00:00
|
|
|
|
if( _includes.indexOf(jsResource) > -1 ){
|
2016-04-18 12:56:49 +00:00
|
|
|
|
callback();
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// On crée l'élément dans le tag <head>
|
|
|
|
|
var tag = document.createElement('script');
|
|
|
|
|
tag.type = 'text/javascript';
|
|
|
|
|
tag.src = jsResource;
|
|
|
|
|
document.head.appendChild( tag );
|
|
|
|
|
|
|
|
|
|
// On ajoute la ressource et le tag à la liste
|
2016-04-25 14:18:50 +00:00
|
|
|
|
_includes.push(jsResource);
|
|
|
|
|
_includeTags.push(tag);
|
2016-04-18 12:56:49 +00:00
|
|
|
|
|
|
|
|
|
// On définit le callback
|
|
|
|
|
tag.onload = callback;
|
|
|
|
|
|
|
|
|
|
return true;
|
|
|
|
|
/* (2) Gestion de l'exclusion */
|
|
|
|
|
}else{
|
2016-04-25 14:18:50 +00:00
|
|
|
|
var index = _includes.indexOf(jsResource);
|
2016-04-18 12:56:49 +00:00
|
|
|
|
|
|
|
|
|
// On vérifie que le fichier est déja inclus
|
|
|
|
|
if( index == -1 ) return false;
|
|
|
|
|
|
|
|
|
|
// On supprime l'élément
|
2016-04-25 14:18:50 +00:00
|
|
|
|
document.head.removeChild( _includeTags[index] );
|
2016-04-18 12:56:49 +00:00
|
|
|
|
|
|
|
|
|
// On dé-indexe l'élément
|
2016-04-25 14:18:50 +00:00
|
|
|
|
_includes.splice(index, 1);
|
|
|
|
|
_includeTags.splice(index, 1);
|
2016-04-18 12:56:49 +00:00
|
|
|
|
|
|
|
|
|
return true;
|
|
|
|
|
}
|
2016-04-18 08:30:40 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
2016-05-08 13:25:20 +00:00
|
|
|
|
/* RETOURNE LES CLÉS N'AYANT PAS UNE VALEUR EGALE POUR 2 OBJETS
|
|
|
|
|
*
|
|
|
|
|
* @A<Object> Premier Objet
|
|
|
|
|
* @B<Object> Second Objet
|
2016-05-09 18:04:23 +00:00
|
|
|
|
* @ignore<Array> Tableau des clés à ignorer
|
2016-05-08 13:25:20 +00:00
|
|
|
|
*
|
|
|
|
|
* @return diff<Array> Tableau contenant les clés des valeurs différentes (uniquement les clés communes et non NULLes)
|
|
|
|
|
*
|
|
|
|
|
*/
|
2016-05-09 18:04:23 +00:00
|
|
|
|
function diff(A, B, ignore){
|
2016-05-08 13:25:20 +00:00
|
|
|
|
var dKeys = [];
|
|
|
|
|
|
|
|
|
|
for( var key in A ){
|
|
|
|
|
// Si A[key] ou B[key] est NULL, on ne compare pas
|
2016-05-09 18:04:23 +00:00
|
|
|
|
if( B[key] == null || A[key] == null || ignore instanceof Array && ignore.indexOf(key) > -1 )
|
2016-05-08 13:25:20 +00:00
|
|
|
|
continue;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* (1) On vérifie le type */
|
|
|
|
|
if( typeof A[key] !== typeof B[key] )
|
|
|
|
|
dKeys.push(key);
|
|
|
|
|
|
|
|
|
|
/* (2) Vérification récursive si 2 objets */
|
|
|
|
|
else if( A[key] instanceof Object && B[key] instanceof Object ){
|
|
|
|
|
// Si au moins 1 différence profonde (récursive), on ajoute la clé
|
|
|
|
|
if( diff(A[key], B[key]).length > 0 )
|
|
|
|
|
dKeys.push(key);
|
|
|
|
|
|
|
|
|
|
/* (3) Vérification superficielle (types non composés) */
|
|
|
|
|
}else if( A[key] != B[key] )
|
|
|
|
|
dKeys.push(key);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return dKeys;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2016-04-04 09:47:17 +00:00
|
|
|
|
|
|
|
|
|
/* DEFINITION DES FORMATS UTILES POUR INPUT-CHECKER
|
|
|
|
|
*
|
|
|
|
|
*/
|
2016-04-21 09:26:21 +00:00
|
|
|
|
// Numéro de téléphone
|
|
|
|
|
var format_number = new formatChecker(null, '0i ii ii ii ii' );
|