// JavaScript Document // JavaScript Document /* * OBJET XmlHttpRequest permettant de faire les requetes ajax * * * */ 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; } /** * MAJ sous theme * * fct javascript qui permet de modifier le select des sous theme qd on choisi le theme (pae moteur de recherches avancées V3) * * @param id_div : id de la balise select contennant les themes * @param id_div_nv : id de la balise select contennant les sous themes **/ /////////////// EXEMPLE FCT APPELLE L 252 DEPUIS LE FICHIER artistes-galerie-lansberg VIA UN ONCLICK function affichetof(encours, tof, det, bib, idartiste){ //alert ("select = "+tof+" sstheme = "+det); var xhr = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(encours).innerHTML = leselect; } } var xhr2 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr2.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr2.readyState == 4 && xhr2.status == 200){ leselect2 = xhr2.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(tof).innerHTML = leselect2; } } var xhr3 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr3.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr3.readyState == 4 && xhr3.status == 200){ leselect3 = xhr3.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(det).innerHTML = leselect3; } } var xhr4 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr4.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr4.readyState == 4 && xhr4.status == 200){ leselect4 = xhr4.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(bib).innerHTML = leselect4; init_dw_Scroll(); } } id = document.getElementById(encours).value; xhr.open("POST","ajax-encours.php",true); // parametres du post xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr.send("id="+id); xhr2.open("POST","ajax-tof.php",true); // parametres du post xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr2.send("id="+id); xhr3.open("POST","ajax-det.php",true); // parametres du post xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr3.send("id="+id); xhr4.open("POST","ajax-bib.php",true); // parametres du post xhr4.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr4.send("id="+id); } function affichetof2(tofprec, tofencours, tofsuiv, tof, det, bib, idartiste, idprec, idencours, idsuiv, dir, plusdinfos){ //alert ("select = "+tof+" sstheme = "+det); var xhr = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(tofencours).innerHTML = leselect; } } var xhr2 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr2.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr2.readyState == 4 && xhr2.status == 200){ leselect2 = xhr2.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(tof).innerHTML = leselect2; } } var xhr3 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr3.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr3.readyState == 4 && xhr3.status == 200){ leselect3 = xhr3.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(det).innerHTML = leselect3; } } var xhr4 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr4.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr4.readyState == 4 && xhr4.status == 200){ leselect4 = xhr4.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(bib).innerHTML = leselect4; init_dw_Scroll(); } } var xhr5 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr5.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr5.readyState == 4 && xhr5.status == 200){ leselect5 = xhr5.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(tofprec).innerHTML = leselect5; init_dw_Scroll(); } } var xhr6 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr6.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr6.readyState == 4 && xhr6.status == 200){ leselect6 = xhr6.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(tofsuiv).innerHTML = leselect6; init_dw_Scroll(); } } var xhr7 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr7.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr7.readyState == 4 && xhr7.status == 200){ leselect7 = xhr7.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(plusdinfos).innerHTML = leselect7; } } idartiste = document.getElementById(idartiste).value; idsuiv = document.getElementById(idsuiv).value; idprec = document.getElementById(idprec).value; idencours = document.getElementById(idencours).value; //sens = 'droite'; sens=dir; if (sens=='droite'){ id=idsuiv; idsensprec=idencours; idsenssuiv=id; }else if (sens=='gauche'){ id=idprec; idsensprec=id; idsenssuiv=idencours; } xhr.open("POST","ajax-encours.php",true); // parametres du post ID PHOTO EN COURS xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr.send("id="+id); xhr2.open("POST","ajax-tof.php",true); // parametres du post PHOTO A AFFICHER xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr2.send("id="+id+"&idartiste="+idartiste); xhr3.open("POST","ajax-det.php",true); // parametres du post DETAILS xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr3.send("id="+id); xhr4.open("POST","ajax-bib.php",true); // parametres du post BIBLIO xhr4.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr4.send("id="+id); xhr5.open("POST","ajax-prec.php",true); // parametres du post PRECEDENT xhr5.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr5.send("id="+idsensprec+"&idartiste="+idartiste+"&sens="+sens); xhr6.open("POST","ajax-suiv.php",true); // parametres du post SUIVANT xhr6.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr6.send("id="+idsenssuiv+"&idartiste="+idartiste+"&sens="+sens); xhr7.open("POST","ajax-infos.php",true); // parametres du post SUIVANT xhr7.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr7.send("id="+id); } function affichetof3(encours, tof, det, bib, idartiste, tofprec, tofencours, tofsuiv, idprec, idencours, idsuiv, plusdinfos ){ //alert ("select = "+tof+" sstheme = "+det); var xhr = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(tofencours).innerHTML = leselect; } } var xhr2 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr2.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr2.readyState == 4 && xhr2.status == 200){ leselect2 = xhr2.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(tof).innerHTML = leselect2; } } var xhr3 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr3.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr3.readyState == 4 && xhr3.status == 200){ leselect3 = xhr3.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(det).innerHTML = leselect3; } } var xhr4 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr4.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr4.readyState == 4 && xhr4.status == 200){ leselect4 = xhr4.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(bib).innerHTML = leselect4; init_dw_Scroll(); } } var xhr5 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr5.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr5.readyState == 4 && xhr5.status == 200){ leselect5 = xhr5.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(tofprec).innerHTML = leselect5; init_dw_Scroll(); } } var xhr6 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr6.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr6.readyState == 4 && xhr6.status == 200){ leselect6 = xhr6.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(tofsuiv).innerHTML = leselect6; init_dw_Scroll();// sert a mettre a jour la div avec le scroll } } var xhr7 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr7.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr7.readyState == 4 && xhr7.status == 200){ leselect7 = xhr7.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(plusdinfos).innerHTML = leselect7; } } id = document.getElementById(encours).value; idartiste = document.getElementById(idartiste).value; idartiste2 = idartiste.value; xhr.open("POST","ajax-encours.php",true); // parametres du post xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr.send("id="+id); xhr2.open("POST","ajax-tof.php",true); // parametres du post xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr2.send("id="+id+"&idartiste="+idartiste); xhr3.open("POST","ajax-det.php",true); // parametres du post xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr3.send("id="+id); xhr4.open("POST","ajax-bib.php",true); // parametres du post xhr4.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr4.send("id="+id); xhr5.open("POST","ajax-prec.php",true); // parametres du post PRECEDENT xhr5.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr5.send("id="+id+"&idartiste="+idartiste); xhr6.open("POST","ajax-suiv.php",true); // parametres du post SUIVANT xhr6.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr6.send("id="+id+"&idartiste="+idartiste); xhr7.open("POST","ajax-infos.php",true); // parametres du post SUIVANT xhr7.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr7.send("id="+id); } function afficheactu(actuprec, actuencours, actusuiv, image, titre, texte, typeactu, idprec, idencours, idsuiv, dir, periode){ //alert ("select = "+tof+" sstheme = "+det); var xhr = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(actuencours).innerHTML = leselect; } } var xhr2 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr2.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr2.readyState == 4 && xhr2.status == 200){ leselect2 = xhr2.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(image).innerHTML = leselect2; } } var xhr3 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr3.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr3.readyState == 4 && xhr3.status == 200){ leselect3 = xhr3.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(titre).innerHTML = leselect3; } } var xhr4 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr4.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr4.readyState == 4 && xhr4.status == 200){ leselect4 = xhr4.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(texte).innerHTML = leselect4; init_dw_Scroll(); } } var xhr5 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr5.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr5.readyState == 4 && xhr5.status == 200){ leselect5 = xhr5.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(actuprec).innerHTML = leselect5; init_dw_Scroll(); } } var xhr6 = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr6.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr6.readyState == 4 && xhr6.status == 200){ leselect6 = xhr6.responseText; //alert(xhr4.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(actusuiv).innerHTML = leselect6; init_dw_Scroll(); } } idtypeactu = document.getElementById(typeactu).value; idsuiv = document.getElementById(idsuiv).value; idprec = document.getElementById(idprec).value; idencours = document.getElementById(idencours).value; //sens = 'droite'; sens=dir; per=periode; if (sens=='droite'){ id=idsuiv; idsensprec=idencours; idsenssuiv=id; }else if (sens=='gauche'){ id=idprec; idsensprec=id; idsenssuiv=idencours; } xhr.open("POST","ajax-actu-encours.php",true); // parametres du post ID PHOTO EN COURS xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr.send("id="+id); xhr2.open("POST","ajax-actu-image.php",true); // parametres du post PHOTO A AFFICHER xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr2.send("id="+id); xhr3.open("POST","ajax-actu-titre.php",true); // parametres du post DETAILS xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr3.send("id="+id); xhr4.open("POST","ajax-actu-texte.php",true); // parametres du post BIBLIO xhr4.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr4.send("id="+id); xhr5.open("POST","ajax-actu-prec.php",true); // parametres du post PRECEDENT xhr5.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr5.send("id="+idsensprec+"&idtypeactu="+idtypeactu+"&sens="+sens+"&per="+per); xhr6.open("POST","ajax-actu-suiv.php",true); // parametres du post SUIVANT xhr6.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post xhr6.send("id="+idsenssuiv+"&idtypeactu="+idtypeactu+"&sens="+sens+"&per="+per); } /** * AutoCompletion Auteur * * fct javascript qui permet d afficher les resultats proposés lorsque l'utilisteur commence à taper le nom d un auteur * * * @param id_div_chp : id de la balise input type text contenant les caracteres saisis par l'utilisateur * @param id_div : id de la balise div qui permettra d'afficher les propositions de mots trouvés * @param type : permet de differencier si on cherche des auteurs ou des titres **/ function autoCompletion(id_div, id_div_chp, type ){ //alert ("div = "+id_div); var xhr = getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ //alert ("xhr.readyState "+xhr.readyState+" xhr.status "+xhr.status); // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; //alert(xhr.responseText); // On se sert de innerHTML pour rajouter les options a la liste document.getElementById(id_div).innerHTML = leselect; } } xhr.open("POST","ajaxAutoCompletion.php",true); // parametres du post xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1'); //contenu du post chp = document.getElementById(id_div_chp); //alert (chp); nom = chp.value; //alert (nom+" - "+type); div = document.getElementById(id_div); div.style.display = 'block'; xhr.send("mot="+nom+"&type="+type); } /** * SelectProposition * * fct javascript qui permet d'ajouter la veleur choisie dans un champ de texte afin de pouvoir ensuite envoyer le formulaire * * * @param id_div_chp : id de la balise input type text à remplir * @param mot : chaine de caractere à inscrire **/ function SelectProposition(id_div_chp, text, id_div) { chp = document.getElementById(id_div_chp) chp.value = stripslashes(text); document.getElementById(id_div).style.display = 'none'; } function stripslashes(str) { str=str.replace(/\\'/g,'\''); str=str.replace(/\\"/g,'"'); str=str.replace(/\\\\/g,'\\'); str=str.replace(/\\0/g,'\0'); return str; }