90 lines
2.7 KiB
JavaScript
Executable File
90 lines
2.7 KiB
JavaScript
Executable File
(
|
|
function($) {
|
|
//Définition du plugin
|
|
$.fn.imgDropDown = function(options){
|
|
|
|
// définition des paramètres par défaut
|
|
var defaults = { title: "", callback: null };
|
|
|
|
// mélange des paramètres fournis et par défaut
|
|
var opts = $.extend(defaults, options);
|
|
|
|
// création d'une liste
|
|
function createList(f){
|
|
// créer la première zone, affichant l'option sélectionnée
|
|
var cell = $("<div class='dropdownCellico'>" + opts.title + "</div>");
|
|
|
|
// créer la seconde zone, affichant toutes les options
|
|
var dropdown = $("<div class='dropdownPanelIco' valign='top'></div>");
|
|
dropdown.hide();
|
|
$(this).find("li").each(
|
|
function(){
|
|
dropdown.append(
|
|
$("<div class='dropdownOptIco'></div>")
|
|
.click(onSelect)
|
|
.attr("value", $(this).attr("value"))
|
|
.append($(this).html())
|
|
.hover(function(){$(this).addClass("dropdownOptSelected");},
|
|
function(){$(this).removeClass("dropdownOptSelected");})
|
|
);
|
|
}
|
|
);
|
|
|
|
// on masque la zone déroulante
|
|
dropdown.hide();
|
|
$.data(cell, "visible", false);
|
|
|
|
// on remplace la balise ul par notre liste personnalisée
|
|
$(this).after(dropdown);
|
|
$(this).after(cell);
|
|
$(this).remove();
|
|
// on positionne l'évènement de déroulage de la liste
|
|
cell.click(
|
|
function(){
|
|
// si la liste est déroulée
|
|
if ($.data(cell, "visible")){
|
|
dropdown.slideUp("fast");
|
|
$.data(cell, "visible", false);
|
|
// alert('ed5');
|
|
}
|
|
else{
|
|
dropdown.slideDown("fast");
|
|
$.data(cell, "visible", true);
|
|
// alert('ed6');
|
|
}
|
|
}
|
|
);
|
|
|
|
// alert('ed4');
|
|
// fonction appelée à chaque sélection d'un élément
|
|
function onSelect(){
|
|
cell.html($(this).html());
|
|
cell.attr("value", $(this).attr("value"));
|
|
dropdown.slideUp("fast");
|
|
$.data(cell, "visible", false);
|
|
|
|
// ----------------------------------------------------------------------
|
|
// appel de mon traitement JS
|
|
// ----------------------------------------------------------------------
|
|
// alert('$(this).attr("value") = '+ $(this).attr("value") );
|
|
// alert("toto = "+ $('Gallerie1-opt').attr("value") );
|
|
// alert('toto = '+ cell.attr('value') );
|
|
// alert('toto = '+ $(this).html() );
|
|
// upImageFromIco(opts.title);
|
|
choixIco(opts.title);
|
|
|
|
// appel d'une fonction personnalisée
|
|
// if (opts.callback) opts.callback($(this));
|
|
}
|
|
}
|
|
|
|
// création d'une liste déroulante personnalisée pour tous les éléments de l'objet jQuery
|
|
$(this).each(createList);
|
|
|
|
// interface fluide
|
|
return $(this);
|
|
};
|
|
}
|
|
)
|
|
(jQuery);
|