* DATE : May 12, 2011
* USAGE/MARKUP :
* '+page+'');
};
/* 5 - Actions de navigation */
/* 5.0 Initialisation du compteur */
var Cpt = 0;
/* 5.1 - ACTION BTN SUIVANT */
$(CIBLE+"-navigation .carrousel-next .btn-navigation").click(function(){
// Si le compteur est inférieur au nombre de diaposives moins 1
if (Cpt < (NbElement - 1)) {
// Ajout +1 au compteur (nous allons sur la diapositive suivante)
Cpt++;
// Mouvement du carrousel en arrière-plan
$(CIBLE).animate({
marginLeft: -(Reference.width() * Cpt)
});
}
// fin du if
// SURBRILLANCE
$(CIBLE+'-navigation .btn-numero-slide').removeClass('actif');
$(CIBLE+"-navigation #numero-slide-"+Cpt).addClass('actif');
return false;
});
/* 5.2 - ACTION BTN PRECEDENT */
$(CIBLE+"-navigation .carrousel-prev .btn-navigation").click(function(e){
e.preventDefault();
// Si le compteur est supérieur à zéro
if (Cpt > 0) {
// Soustraction -1 au compteur (nous allons sur la diapositive précédente)
Cpt--;
// Mouvement du carrousel en arrière-plan
$(CIBLE).animate({
marginLeft: -(Reference.width() * Cpt)
});
}
// fin du if
// SURBRILLANCE
$(CIBLE+'-navigation .btn-numero-slide').removeClass('actif');
$(CIBLE+"-navigation #numero-slide-"+Cpt).addClass('actif');
return false;
});
/* 5.3 - ACTION POUR CHAQUE BTN DE LA PAGINATION DE SLIDE */
$(CIBLE+"-navigation .btn-numero-slide").each(function(index){
// On ajoute un id indexé a chaque bouton de la pagination
$(this).attr("id" , "numero-slide-"+index);
// On attribue et stocke le SLIDE parent depuis le href du BTN
$(this).attr("href" , "slide-"+index);
var SLIDE = $(this).attr("href");
// PAR DEFAUT le premier BTN de la pagination est ACTIF
$(CIBLE+"-navigation li a#numero-slide-0").addClass('actif');
// ONCLICK on anime jusque le SLIDE parent
$(CIBLE+"-navigation li a#numero-slide-"+index).click(function(e){
e.preventDefault();
// DEFILEMENT
$(CIBLE).animate({
marginLeft: -(Reference.width() * index)
});
// Kill interval automatique
try{
clearInterval(play);
} catch(e){}
//console.log("interval kill");
// SURBRILLANCE
$(CIBLE+'-navigation .btn-numero-slide').removeClass('actif');
$(this).addClass('actif');
//
return false;
})
});
/* 6 - Auto scroll */
// Test option auto
if(typeof EXTRA =="undefined"){
var EXTRA = false;
}else{
var EXTRA;
// On defini un interval par defaut
if (typeof INTERVAL == "undefined") {
var INTERVAL = 5000;
}
}
/* ENDOF LeCarrousel() */
};
/* LeCarrouselAlt
* version alternative pour height auto des panneaux
*/
function LeCarrouselAlt(CIBLE , CIBLE_NAV){
/* 0 - INIT DE VAR */
// Id du ul principal
var CIBLE ;
// Div dans laquelle on affichera la navigation du carrousel
var CIBLE_NAV ;
// Supprimer le '#'
var CIBLE_ID = CIBLE.substr(1);
// Calculs resets
var Cpt;
var NbElement;
/* 1 - Préalables */
/* 1.0 - Identifications et 'classages' des slides du carrousel */
$(CIBLE +" li:first").addClass('premier-slide');
//
$(CIBLE +" li").each(function(index){
$(this).addClass('LeCarrousel-slide');
// On ne vise que les li du carrousel
$(CIBLE +" li li").removeAttr('class');
});
/* 1.1 - Calculs */
// Element de référence pour la zone de visualisation (ici le premier item)
if ($(CIBLE +" li.premier-slide").length) {
var Reference = $(CIBLE +" li.premier-slide");
// Nombre d'éléments de la liste
var NbElement = $(CIBLE +" li.LeCarrousel-slide").length;
}else{
return ;
}
/* 2 - TRAITEMENT de la bande de diapositives */
/* 2.0 - Englobage de la liste par la zone de visualisation */
$(CIBLE)
.wrap('')
// Application d'une largeur à la bande de diapositive afin de conserver une structrure horizontale
.css("width", (Reference.width() * NbElement));
/* 2.1 - Identificaion de chaque slide */
$(CIBLE+' li').each(function(index){
$(this).attr("id" , "slide-"+index);
return false;
});
/* 3 - RESIZE de la zone de visualisation */
$(CIBLE+'-conteneur') // Application de la largeur d'une seule diapositive
.width(Reference.width()) // Application de la hauteur d'une seule diapositive
//.height(Reference.height()) // Blocage des débordements
.css("overflow", "hidden"); // Insertion des boutons de navigation
/* 4 - AJOUT de la PAGINATION */
/* 4.0 - Insertion du HTML PAGINATION BTNS prev/suiv */
$(CIBLE_NAV)
.html('' +
''+page+'');
};
/* 5 - Actions de navigation */
/* 5.0 Initialisation du compteur */
var Cpt = 0;
/* 5.1 - ACTION BTN SUIVANT */
$(CIBLE+"-navigation .carrousel-next .btn-navigation").click(function(){
// Si le compteur est inférieur au nombre de diaposives moins 1
if (Cpt < (NbElement - 1)) {
// Ajout +1 au compteur (nous allons sur la diapositive suivante)
Cpt++;
// Mouvement du carrousel en arrière-plan
$(CIBLE).animate({
marginLeft: -(Reference.width() * Cpt)
});
}
// fin du if
// SURBRILLANCE
$(CIBLE+'-navigation .btn-numero-slide').removeClass('actif');
$(CIBLE+"-navigation #numero-slide-"+Cpt).addClass('actif');
return false;
});
/* 5.2 - ACTION BTN PRECEDENT */
$(CIBLE+"-navigation .carrousel-prev .btn-navigation").click(function(){
// Si le compteur est supérieur à zéro
if (Cpt > 0) {
// Soustraction -1 au compteur (nous allons sur la diapositive précédente)
Cpt--;
// Mouvement du carrousel en arrière-plan
$(CIBLE).animate({
marginLeft: -(Reference.width() * Cpt)
});
}
// fin du if
// SURBRILLANCE
$(CIBLE+'-navigation .btn-numero-slide').removeClass('actif');
$(CIBLE+"-navigation #numero-slide-"+Cpt).addClass('actif');
return false;
});
/* 5.3 - ACTION POUR CHAQUE BTN DE LA PAGINATION DE SLIDE */
$(CIBLE+"-navigation .btn-numero-slide").each(function(index){
// On ajoute un id indexé a chaque bouton de la pagination
$(this).attr("id" , "numero-slide-"+index);
// On attribue et stocke le SLIDE parent depuis le href du BTN
$(this).attr("href" , "slide-"+index);
var SLIDE = $(this).attr("href");
// PAR DEFAUT le premier BTN de la pagination est ACTIF
$(CIBLE+"-navigation li a#numero-slide-0").addClass('actif');
// ONCLICK on anime jusque le SLIDE parent
$(CIBLE+"-navigation li a#numero-slide-"+index).click(function(){
// DEFILEMENT
$(CIBLE).animate({
marginLeft: -(Reference.width() * index)
});
// SURBRILLANCE
$(CIBLE+'-navigation .btn-numero-slide').removeClass('actif');
$(this).addClass('actif');
//
return false;
})
});
/* ENDOF LeCarrousel() */
};
/*
*
* UI : LeCarrouselImages(); < Obsolete a supprimer en prod
* ACTION : Permets de transformer un ul>li en carrousel < Obsolete a supprimer en prod
*/
function LeCarrouselImages(CIBLE , CIBLE_NAV){
/* 0 - INIT DE VAR */
// Id du ul principal
var CIBLE ;
// Div dans laquelle on affichera la navigation du carrousel
var CIBLE_NAV ;
// Supprimer le '#'
var CIBLE_ID = CIBLE.substr(1);
// Calculs resets
var Cpt;
var NbElement;
// LOOP Interval entre les animations
//var LOOP_LAPS = 5000;
/* 1 - Préalables */
/* 1.0 - Identifications et 'classages' des slides du carrousel */
$(CIBLE +" li:first").addClass('premier-slide');
//
$(CIBLE +" li").each(function(index){
$(this).addClass('LeCarrousel-slide');
// On ne vise que les li du carrousel
$(CIBLE +" li li").removeAttr('class');
});
/* 1.1 - Calculs */
// Element de référence pour la zone de visualisation (ici le premier item)
if ($(CIBLE +" li.premier-slide").length) {
var Reference = $(CIBLE +" li.premier-slide");
var Largeur_Reference = Reference.width();
// Nombre d'éléments de la liste
var NbElement = $(CIBLE +" li.LeCarrousel-slide").length;
}else{
//On arretes l'application du carrousel si on trouve pas de premier element
return ;
}
/* 2 - TRAITEMENT de la bande de diapositives */
/* 2.0 - Englobage de la liste par la zone de visualisation */
$(CIBLE)
.wrap('') // Application d'une largeur à la bande de diapositive afin de conserver une structrure horizontale
.css("width", (Reference.width() * NbElement));
/* 2.1 - Identificaion de chaque slide */
$(CIBLE+' li').each(function(index){
$(this).attr("id" , "slide-"+index);
//
return false;
});
/* 3 - RESIZE de la zone de visualisation */
$(CIBLE+'-conteneur') // Application de la largeur d'une seule diapositive
.width(Reference.width()) // Application de la hauteur d'une seule diapositive
.height(Reference.height()) // Blocage des débordements
.css("overflow", "hidden"); //
/* 4 - AJOUT de la PAGINATION */
/* 4.0 - Insertion du HTML PAGINATION */
$(CIBLE_NAV+" ul")
.wrap('' +
'' +
'');
var page;
for (var i=0; i 0) {
// Soustraction -1 au compteur (nous allons sur la diapositive précédente)
Cpt--;
// Mouvement du carrousel
$(CIBLE).animate({
marginLeft: -(Reference.width() * Cpt)
}, 500);
// Surbrillance
$(CIBLE_NAV+ " a.actif").removeClass('actif');
$(CIBLE_NAV+ " #numero-slide-"+Cpt).addClass('actif');
}
// fin du if
}, 5000); // Vitesse d'Interval
};
// UI
// EGALISE LES HAUTEURS
function equalHeight(group) {
var tallest = 0;
group.each(function() {
var thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
//console.log(tallest);
}
/*
*
* UI : NavSousMenus(); ACTION : Permets de creer une navigation
*/
// # ACTION
// Affiche les listes liees aux boutons
//
// # PARAMS
// CIBLE = l'ID de la div parent des boutons et des listes
// # APPEL JS (exemple)
//
function NavSousMenus(CIBLE ){
// 0 - PREALABLES
// parent des boutons et des listes
var CIBLE;
// 1 - TRAITEMENT DES LISTES
$(CIBLE+" .contenu-menu-navigation").each(function(index) {
// MANIPULATION DU MARKUP HTML
// on masque initial
$(this).hide();
// On ajoute des class indexees au trigger
$(this).addClass("liste-navigation-"+index);
});
// 2 -TRAITEMENT DES IMAGES
$(CIBLE+" .contenu-img-navigation").each(function(index) {
// MANIPULATION DU MARKUP HTML
// on masque initial
$(this).hide();
// On ajoute des class indexees au trigger
$(this).addClass("image-navigation-"+index);
});
// 3 - TRAITEMENT DES BOUTONS
// resize colonnes
$(CIBLE+" .bouton-menu-navigation").each(function(index) {
// MANIPULATION DU MARKUP HTML
// On ajoute des class indexees au trigger
$(this).addClass("btn-menu-navigation-"+index);
// ON CLICK BOUTONS
$(this).click(function(){
// SURBRILLANCE DES BOUTONS
$(CIBLE+" .SURBRILLANCE").removeClass("SURBRILLANCE");
$(this).addClass("SURBRILLANCE");
// ANIMATION DES LISTES
// Masque toutes les listes
$(CIBLE+" .contenu-menu-navigation").hide();
// Affiche la liste liée au bouton
$(CIBLE+" .liste-navigation-"+index).show();
// ANIMATION DES IMAGES
// Masque toutes les images
$(CIBLE+" .contenu-img-navigation").hide();
// Affiche l'image liée au bouton
$(CIBLE+" .image-navigation-"+index).show();
//Hauteur colonnes egalisation
equalHeight($(".contenu-menu-navigation "));
//
return false;
});
});
// 4 - INITIALISATION DE L'ETAT DE DEPART
$(CIBLE+" .liste-navigation-0").show();
$(CIBLE+" .image-navigation-0").show();
$(CIBLE+" .btn-menu-navigation-0").addClass("SURBRILLANCE");
//
// $(".COL_A").live("click",function(){
// console.log("change");
// var HeightRef=$('.COL_C').parent(".sous_menu_contenu").height();
// console.log(HeightRef);
// $('.COL_C').css('height',HeightRef+"px");
// $('.COL_B').css('height',HeightRef+"px");
// });
//
return false;
};
/*
*
* UI : FormaterBloc();
* ACTION : MANIPULATION DU HTML MARKUP pour LES BESOINS DU DESIGN
*/
function FormaterBloc(CIBLE , CLASS) {
var CIBLE;
var CLASS;
// Parent de la div contenant l'article
var CONTENEUR_ARTICLE = $(CIBLE).parent();
// Ajout de class au div suivant le parent
$(CONTENEUR_ARTICLE).next().addClass(CLASS);
return false;
}
/*
*
* UI : FormaterArticle();
* ACTION : MANIPULATION DU HTML MARKUP pour LES BESOINS DU DESIGN
*/
function FormaterArticle(CIBLE) {
var CIBLE;
// Parent de la div contenant l'article
var CONTENEUR_ARTICLE = $(CIBLE).parent();
// Ajout de class au div suivant le parent
$(CONTENEUR_ARTICLE).next().addClass('ARTICLE_PAGE');
return false;
}
function FormaterArticlePlus(CIBLE , CLASSES) {
var CIBLE;
var CLASSES;
// Parent de la div contenant l'article
var CONTENEUR_ARTICLE = $(CIBLE).parent();
// Ajout de class au div suivant le parent
$(CONTENEUR_ARTICLE).next().addClass(CLASSES);
return false;
}
/*
*
* UI : FormaterAbstract();
* ACTION : MANIPULATION DU HTML MARKUP pour LES BESOINS DU DESIGN
*/
function FormaterAbstract(CIBLE , WRAP_ID) {
// 1 - Prealables
var CIBLE;
var WRAP_ID;
var CONTENEUR_ARTICLE = $(CIBLE).parent(); // Parent de la div contenant l'article
var PARENT_CONTENEUR_ARTICLE = $(CONTENEUR_ARTICLE).parent(); // GRAND Parent de la div contenant l'article
// 2 - Traitements
// Ajout de class au parent pour les heritages CSS
$(CONTENEUR_ARTICLE).parent().addClass('ABSTRACT');
// Envellope le div grand parent ds un ID pour les heritages CSS
$(PARENT_CONTENEUR_ARTICLE).wrap("")
// Envellope le div ds une class pour les heritages CSS
$("#"+WRAP_ID+" .ABSTRACT").wrap('');
return false;
}
/*
*
* UI : FormaterModule();
* ACTION : MANIPULATION DU HTML MARKUP pour LES BESOINS DU DESIGN
*/
function FormaterModule(CIBLE , MODULE_ID) {
// 1 - Prealables
var CIBLE;
var MODULE_ID;
var CONTENEUR_CIBLE = $(CIBLE).parent(); // Parent de la div contenant l'article
var PARENT_CONTENEUR_ARTICLE = $(CONTENEUR_CIBLE).parent(); // GRAND Parent de la div contenant l'article
// 2 - Traitements
// Envellope le div grand parent ds un ID pour les heritages CSS
$(PARENT_CONTENEUR_ARTICLE).wrap("");
return false;
}
/*
*
* UI : FormaterPlug();
* ACTION : MANIPULATION DU HTML MARKUP pour LES BESOINS DU DESIGN
*/
function FormaterPlug(CIBLE , EXTRAS) {
// 1 - Prealables
var CIBLE;
var EXTRAS;
// 2 - Traitements
// Aoute une class au plug
$(CIBLE).parent().addClass(EXTRAS);
return false;
}
/*
*
* UI : AJOUTE DES "CLEAR"
* ACTION : Ajouts avant / apres / dans / la div de la class "K" pour clear les floats
*/
// A LA FIN DE LA DIV CIBLE
function K(CIBLE){
var CIBLE;
$(CIBLE).append("");
}
// APRES LA DIV CIBLE
function K_(CIBLE){
var CIBLE;
$(CIBLE).after("");
}
// AU PARENT de LA DIV CIBLE
function _K(CIBLE){
var CIBLE;
$(CIBLE).parent().append("");
}
/*
*
* UI : Accordeon();
* ACTION : creation d'un Accordeon pour listes animations
*/
function Accordeon(CIBLE){
// 0 - PREALABLES
var CIBLE;
var TIROIR;
// 1 - MANIPULATION DU HTML
// ACCORDEON : On ajoute un index a chaque ligne
$(CIBLE).each(function(index) {
// $(this).addClass('accordeon-'+index);
});
// TRIGGERS : On ajoute un index unique aux liens d'entetes
$(CIBLE+" dt a.declencheur-accordeon").each(function(index) {
// on ajoute ds le href le chemin DOM du tiroir cible de ce lien
$(this).removeAttr("href").attr('href', '.accordeon-tiroir-'+index);
});
// TIROIRS : On ajoute une classe communes et un index unique aux tiroirs
$(CIBLE+" dd").each(function(index) {
$(this).addClass('accordeon-tiroir-'+index).addClass("tiroir");
});
// 2 - OUVRIR
$(CIBLE + " dt a.declencheur-accordeon").click(function() {
var actionSlide = 'ouvrir';
if ($(this).hasClass('OUVERT')) {
actionSlide = 'fermer';
}
// On masque tous les tiroirs
$('.tiroir').slideUp(500);
// surbrillance
$('.OUVERT').removeClass('OUVERT');
if (actionSlide == 'ouvrir') {
// Tiroir cible
var TIROIR = $(this).attr("href");
// on affiche le tiroir ciblé
$(TIROIR).slideDown(500);
$(this).addClass('OUVERT');
}
return false;
});
// end
return false;
}
/*
*
* UI : AccordeonAll();
* ACTION : creation d'un Accordeon a partir dee nimporte quel markup
*/
function AccordeonAll(CIBLE , classTRIGGER , classTIROIR){ // TRIGGER : class de l'entete
// 0 - PREALABLES
var CIBLE;
var TIROIR;
var classTIROIR;
var classTRIGGER;
// 1 - MANIPULATION DU HTML
// ACCORDEON : On masque tous les tiroirs
$(CIBLE+' '+classTIROIR).each(function(index) {
$(this).hide();
});
// TRIGGERS : On ajoute un index unique aux liens d'entetes
$(CIBLE+" "+classTRIGGER).each(function(index) {
// on ajoute ds le rel le chemin DOM du tiroir cible de ce lien
$(this).removeAttr("href").attr('rel', '.accordeon-tiroir-'+index);
//
});
// on index et cible le parent du trigger
// TIROIRS : On ajoute une classe communes et un index unique aux tiroirs
$(classTIROIR).each(function(index) {
$(this).addClass('accordeon-tiroir-'+index).addClass("tiroir");
});
// 2 - OUVRIR
$(CIBLE+" "+classTRIGGER).click(
function(){
// Tiroir cible
var TIROIR = $(this).attr("rel");
// on masque tous les tiroirs
$('.tiroir').hide();
// on affiche le tiroir ciblé
$(TIROIR).slideDown(500);
// surbrillance
$('.OUVERT').removeClass('OUVERT');
$(this).addClass('OUVERT');
return false;
});
// end
return false;
}
/*
*
* UI : Bouton Imprimer;
* ACTION : Imprime une page avec la css print
*/
function ImprimerPage(){
window.print();
return false;
}
/*
*
* UI : Gestion des pseudos-liens vers le moteur de recherche dedishop depuis le menu
* ACTION : Prérempli un formulaire caché puis poste la page
*/
function chercheCategorie(id)
{
jQuery('input.rechCat').val(id);
jQuery('form.chercheCat').submit();
}
/*
* UI : Gestion de la liste déroulante du formulaire de demande infos-devis
* ACTION : Cacher/Afficher les cases à cocher en fonction du choix
*/
jQuery(document).ready(function(){
jQuery('#interesse_par').change(function() {
if (jQuery('#interesse_par').val() == "Une participation aux SalonsCE")
{
jQuery('#form_infos_devis_salons').show('fast');
} else {
jQuery('#form_infos_devis_salons').hide('slow');
}
});
$('#loginsubmit').live("click",function(event){
$('#user').val($('#login').val());
$('#pass').val($('#password').val());
$('#loginform [name="redirect_url"]').val($('#rel').val());
$('#loginform input[type="submit"]').trigger('click');
});
});
/*Validation formulaire*/
-
*
*
- * * 1er niveau * * * * * *
- ... Place your gooooodies ...
Cette DIV sera remplie par la pagination
# CSS minimum (exemple de valeurs)
.Lecarrousel {
height:75px; // hauteur des slide ( doit etre identique a celle des li ci-dessous)
}
.Lecarrousel li.LeCarrousel-slide {
float:left;
width:75px; // largeur des slide
height:75px; // hauteur des slide
}
*/
function LeCarrousel(CIBLE , CIBLE_NAV , EXTRA , INTERVAL){
/* 0 - INIT DE VAR */
// Id du ul principal
var CIBLE ;
// Div dans laquelle on affichera la navigation du carrousel
var CIBLE_NAV ;
// Supprimer le '#'
var CIBLE_ID = CIBLE.substr(1);
// Calculs resets
var Cpt;
var NbElement;
/* 1 - Préalables */
/* 1.0 - Identifications et 'classages' des slides du carrousel */
$(CIBLE +" li:first").addClass('premier-slide');
//
$(CIBLE +" li").each(function(index){
$(this).addClass('LeCarrousel-slide');
// On ne vise que les li du carrousel
$(CIBLE +" li li").removeAttr('class');
});
/* 1.1 - Calculs */
// Element de référence pour la zone de visualisation (ici le premier item)
if ($(CIBLE +" li.premier-slide").length) {
var Reference = $(CIBLE +" li.premier-slide");
// Nombre d'éléments de la liste
var NbElement = $(CIBLE +" li.LeCarrousel-slide").length;
}else{
return ;
}
/* 2 - TRAITEMENT de la bande de diapositives */
/* 2.0 - Englobage de la liste par la zone de visualisation */
$(CIBLE)
.wrap('') // Application d'une largeur à la bande de diapositive afin de conserver une structrure horizontale
.css("width", (Reference.width() * NbElement));
/* 2.1 - Identificaion de chaque slide */
$(CIBLE+' li').each(function(index){
$(this).attr("id" , "slide-"+index);
return false;
});
/* 3 - RESIZE de la zone de visualisation */
$(CIBLE+'-conteneur') // Application de la largeur d'une seule diapositive
.width(Reference.width()) // Application de la hauteur d'une seule diapositive
.height(Reference.height()) // Blocage des débordements
.css("overflow", "hidden"); // Insertion des boutons de navigation
/* 4 - AJOUT de la PAGINATION */
/* 4.0 - Insertion du HTML PAGINATION BTNS prev/suiv */
$(CIBLE_NAV)
.html('' +
'' +
// AJOUT BTN PRECEDENT
' 
' +
'');
/* 4.1 - Insertion du HTML PAGINATION BTNS des numeros de slide */
var page;
for (var i=0; i
' +
'' +
// AJOUT BTN PRECEDENT
'
' +
'');
/* 4.1 - Insertion du HTML PAGINATION BTNS des numeros de slide */
var page;
for (var i=0; i
' +
'