//Fichier JavaScript -- Mis à jour le 19 / 07 / 2010 //Source 1 : "http://www.java.scripts-fr.com" //Préparation fonction //jQuery.noConflict(); ??? //Pemet de slider un élément (En cliquant sur un bouton ayant comme class : bouton-slide on fait glisser l'élément ayant comme ID : div_admin $(document).ready(function() { $(".bouton-slide").click(function() { $("#div_admin").slideToggle("slow"); $(this).toggleClass("active"); return false; }); }); /* // Put all your code in your document ready area jQuery(document).ready(function($) { // Do jQuery stuff using $ $('img[@src$=.png], .slide').ifixpng(); }); */ //Afficher le dump d'une variable (Objet) function var_dump(obj) { var out = ''; for (var i in obj) {out += i + ": " + obj[i] + "\n";} //alert(out); // or, if you wanted to avoid alerts... var pre = document.createElement('pre'); pre.innerHTML = out; document.body.appendChild(pre); } //Créer une instance XMLHTTPRequest function getXhr () { var xhr = null; if (window.XMLHttpRequest) // Firefox et autres xhr = new XMLHttpRequest(); else if (window.ActiveXObject) { // Internet Explorer try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else { // XMLHttpRequest non supporté par le navigateur alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest."); xhr = false; } return xhr; } /* ---------------------------------------------------------------- //Gestion des comportements visuels des blocs ------------------------------------------------------------------ */ //Modifier le style ou la classe d'un élément function ChangeStyle (IdElement, Value, Method) { if (Method==undefined) { Method="classe"; } if (Method=="style") { document.getElementById(IdElement).style.cssText=Value; //document.getElementById(IdElement).setAttribute("style","background:"+Value); } else if (Method=="classe") { document.getElementById(IdElement).className=Value; } } //Modifier le style "display" d'un élément function HideShow (IdElement, StyleActu, Value) { var Element1 = document.getElementById(IdElement); if (Element1) { if (StyleActu==undefined) { StyleActu=Element1.style.display; } if (Value==undefined) { Value="none"; } Element1.style.display = (StyleActu == Value) ? '' : Value; } } //Permet de masquer des éléments fils issues d'un parent avec l'ID spécifié (Avec possibilité de filtre sur la class des éléments fils) function HideElements(ElementParent, ElementFils, $ExclusiveClass) { var Element1 = document.getElementById(ElementParent); if (Element1) { if (ElementFils==undefined) {Elements=Element1;} {Elements=Element1.getElementsByTagName(ElementFils);} if ($ExclusiveClass==undefined) for (i=0; i'; popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=no'); popupImage.document.open(); popupImage.document.write(html); popupImage.document.close() }; //Recharger une page (utile pour les formulaires sans boutons) function jumpto (path, startpath, endpath) { if (path != "null" && path !="") { document.location.href = startpath+path+endpath; } else { document.location.href = path; } } //Ajouter un site aux favoris /* Attention, bien mettre le préfixe http://*/ function favoris (StrUrl, PathUrl) { if (navigator.appName != 'Microsoft Internet Explorer') { window.sidebar.addPanel(StrUrl, PathUrl, ""); } else { window.external.AddFavorite(PathUrl, StrUrl); } } //Créer une textbox à la volée. //Si vous utiliser des formulaire mettre le name sous la forme suivante : name="MyName[]". Ne pas utliser d'id dans le bloc MyPattern function bloc_clone (MyPattern, MyDestBloc, Operation) { if (Operation==undefined) { Operation="add"; } var elem = document.getElementById(MyPattern); new_elem = elem.cloneNode(true); new_elem.removeAttribute("id"); if (Operation=="add") { document.getElementById(MyDestBloc).appendChild(new_elem); } if (Operation=="del") { document.getElementById(MyDestBloc).removeChild(document.getElementById(MyDestBloc).lastChild); } } //Modifier une valeur à la volée function fn_modif_value (MySource, MyModif, MyDestBloc) { document.getElementById(MyDestBloc).innerHTML=(document.getElementById(MySource).value)+MyModif; } function prepare() { formblock=document.getElementById('form_pack'); } ////Compter des éléments identiques et de renvoyer un message en cas de dépassement function CheckCount(elmId, elmNameGroup, elmIdRetour) { forminputs=formblock.getElementsByTagName('input'); maxOptionsSelect = 11; //Peut être egale à "NULL" count = 0; for (i=0 ; i=0 && forminputs[i].checked==true) { //alert(elmId + " : " + elmNameGroup + " : " + elmIdRetour); count++; } } //Ecrire le nouveau texte dans la balise spécifié par "elmIdRetour". document.getElementById(elmIdRetour).innerHTML=count; //Vérifier que l'on ne dépasse pas la valeur autorisée. if (maxOptionsSelect && (count == maxOptionsSelect)) { alert("Attention vous avez séléctionné " + count + " documents pour ce secteur."); document.getElementById(elmId).checked=false; return false; } return true; } ////Cocher en masse des case à cocher function select_all(name, oper, BoolOnClick) { forminputs=formblock.getElementsByTagName('input'); if (oper == '1') { //Permet de cycler tous les éléments du formulaires avec l'id spécifié (TOUS !!!) for (i = 0; i < forminputs.length; i++) { //Vérifier que le nom de du contrôle recherché existe dans le contrôle parcouru if (forminputs[i].getAttribute('name').indexOf(name)>=0) { forminputs[i].checked = true; //Si BoolOnClick, alors effectuer l'action contenu dans cette élément. if (BoolOnClick) {$i_tmp=i; eval(forminputs[i].getAttribute('onclick')); i=$i_tmp;} } } } else if (oper == '0') { for (i = 0; i < forminputs.length; i++) { if (forminputs[i].getAttribute('name').indexOf(name)>=0) { forminputs[i].checked = false; if (BoolOnClick) {$i_tmp=i; eval(forminputs[i].getAttribute('onclick')); i=$i_tmp;} } } } else { for (i = 0; i < forminputs.length; i++) { if (forminputs[i].getAttribute('name').indexOf(name)>=0) { forminputs[i].checked = ! forminputs[i].checked; if (BoolOnClick) {$i_tmp=i; eval(forminputs[i].getAttribute('onclick')); i=$i_tmp;} } } } } ////Afficher sous forme de slide des bloc html (Nécessite JQuery) //Featured Content Glider: By http://www.dynamicdrive.com //Created: Dec 22nd, 07' //Updated (Jan 29th, 08): Added four possible slide directions: "updown", "downup", "leftright", or "rightleft" //Updated (Feb 1st, 08): Changed glide behavior to reverse direction when previous button is clicked //Updated (Feb 12th, 08): Added ability to retrieve gliding contents from an external file using Ajax ("remotecontent" variable added to configuration) //Updated (July 21st, 09): Updated to work in jQuery 1.3.x //Updated (Dec 13th, 09): Added keyboard navigation, so left/ right arrow keys now move glider. Fixed bug with auto rotation when "next" link isn't defined. var featuredcontentglider={ leftrightkeys: [37, 39], //keycodes to move glider back and forth 1 slide, respectively. Enter [] to disable feature. csszindex: 100, ajaxloadingmsg: 'Fetching Content. Please wait...', glide:function(config, showpage, isprev){ var selected=parseInt(showpage) if (selected>=config.$contentdivs.length){ //if no content exists at this index position alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.") selected=0 } var $target=config.$contentdivs.eq(selected) //Test for toggler not being initialized yet, or user clicks on the currently selected page): if (config.$togglerdiv.attr('lastselected')==null || parseInt(config.$togglerdiv.attr('lastselected'))!=selected){ var $selectedlink=config.$toc.eq(selected) config.nextslideindex=(selectedServer Response: '+ajaxrequest.responseText) }, success:function(content){ config.$glider.html(content) featuredcontentglider.setuptoggler($, config) } }) }, aligncontents:function($, config){ config.$contentdivs=$("#"+config.gliderid+" ."+config.contentclass) config.$contentdivs.css(config.leftortop, config.startpoint).css({height: config.$glider.height(), visibility: 'visible'}) //position content divs so they're out of view: }, setuptoggler:function($, config){ this.aligncontents($, config) config.$togglerdiv.hide() config.$toc.each(function(index){ $(this).attr('pagenumber', index+'pg') if (index > (config.$contentdivs.length-1)) $(this).css({display: 'none'}) //hide redundant "toc" links }) var $nextandprev=$("#"+config.togglerid+" .next, #"+config.togglerid+" .prev") $nextandprev.click(function(event){ //Assign click behavior to 'next' and 'prev' links featuredcontentglider.glide(config, this.getAttribute('loadpage'), this.getAttribute('buttontype')) event.preventDefault() //cancel default link action }) config.$toc.click(function(event){ //Assign click behavior to 'toc' links featuredcontentglider.glide(config, this.getAttribute('pagenumber')) event.preventDefault() }) config.$togglerdiv.fadeIn(1000, function(){ featuredcontentglider.glide(config, config.selected) if (config.autorotate==true){ //auto rotate contents? config.stepcount=0 //set steps taken config.totalsteps=config.$contentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles) featuredcontentglider.autorotate(config) } }) config.$togglerdiv.click(function(){ featuredcontentglider.cancelautorotate(config.togglerid) }) if (this.leftrightkeys.length==2){ $(document).bind('keydown', function(e){ featuredcontentglider.keyboardnav(config, e.keyCode) }) } }, autorotate:function(config){ var rotatespeed=config.speed+config.autorotateconfig[0] window[config.togglerid+"timer"]=setInterval(function(){ if (config.totalsteps>0 && config.stepcount>=config.totalsteps){ clearInterval(window[config.togglerid+"timer"]) } else{ featuredcontentglider.glide(config, config.nextslideindex, "next") config.stepcount++ } }, rotatespeed) }, cancelautorotate:function(togglerid){ if (window[togglerid+"timer"]) clearInterval(window[togglerid+"timer"]) }, keyboardnav:function(config, keycode){ if (keycode==this.leftrightkeys[0]) featuredcontentglider.glide(config, config.prevslideindex, "previous") else if (keycode==this.leftrightkeys[1]) featuredcontentglider.glide(config, config.nextslideindex, "next") if (keycode==this.leftrightkeys[0] || keycode==this.leftrightkeys[1]) featuredcontentglider.cancelautorotate(config.togglerid) }, getCookie:function(Name){ var re=new RegExp(Name+"=[^;]+", "i") //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return null }, setCookie:function(name, value){ document.cookie = name+"="+value }, init:function(config){ jQuery(document).ready(function($){ config.$glider=$("#"+config.gliderid) config.$togglerdiv=$("#"+config.togglerid) config.$toc=config.$togglerdiv.find('.toc') config.$next=config.$togglerdiv.find('.next') config.$prev=config.$togglerdiv.find('.prev') config.$prev.attr('buttontype', 'previous') var selected=(config.persiststate)? featuredcontentglider.getCookie(config.gliderid) : config.selected config.selected=(isNaN(parseInt(selected))) ? config.selected : selected //test for cookie value containing null (1st page load) or "undefined" string config.leftortop=(/up/i.test(config.direction))? "top" : "left" //set which CSS property to manipulate based on "direction" config.heightorwidth=(/up/i.test(config.direction))? config.$glider.height() : config.$glider.width() //Get glider height or width based on "direction" config.startpoint=(/^(left|up)/i.test(config.direction))? -config.heightorwidth : config.heightorwidth //set initial position of contents based on "direction" if (typeof config.remotecontent!="undefined" && config.remotecontent.length>0) featuredcontentglider.getremotecontent($, config) else featuredcontentglider.setuptoggler($, config) $(window).bind('unload', function(){ //clean up and persist config.$togglerdiv.unbind('click') config.$toc.unbind('click') config.$next.unbind('click') config.$prev.unbind('click') if (config.persiststate) featuredcontentglider.setCookie(config.gliderid, config.$togglerdiv.attr('lastselected')) config=null }) }) } } //Permet de créer un slider avec deux boutons de navigation $(document).ready(function() { //rotation speed and timer var speed = 5000; var run = setInterval('rotate()', speed); //grab the width and calculate left value var item_width = $('#slides li').outerWidth(); var left_value = item_width * (-1); //move the last item before first item, just in case user click prev button $('#slides li:first').before($('#slides li:last')); //set the default item to the correct position $('#slides ul').css({'left' : left_value}); //if user clicked on prev button $('#prev').click(function() { //get the right position var left_indent = parseInt($('#slides ul').css('left')) + item_width; //slide the item $('#slides ul:not(:animated)').animate({'left' : left_indent}, 200,function(){ //move the last item and put it as first item $('#slides li:first').before($('#slides li:last')); //set the default item to correct position $('#slides ul').css({'left' : left_value}); }); //cancel the link behavior return false; }); //if user clicked on next button $('#next').click(function() { //get the right position var left_indent = parseInt($('#slides ul').css('left')) - item_width; //slide the item $('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () { //move the first item and put it as last item $('#slides li:last').after($('#slides li:first')); //set the default item to correct position $('#slides ul').css({'left' : left_value}); }); //cancel the link behavior return false; }); //if mouse hover, pause the auto rotation, otherwise rotate it $('#slides').hover( function() { clearInterval(run); }, function() { run = setInterval('rotate()', speed); } ); }); //a simple function to click next link //a timer will call this function, and the rotation will begin :) function rotate() { $('#next').click(); }