SICKofitALL a écrit :
1) utilise Firebug pour voir ce qui se passe dans ton code
2) un document.write ECRASE le document courant, tu dois choper l'element que tu veux "remplir" et y placer tes données à ta guise (avec innerHTML par exemple)
|
ah ok c'est pour ça que j'ai l'impression qu'il passe à un écran suivant.
Voici mon code de la page appelant :
Code :
- blabla<br />blabla<br />
- <script type="text/javascript">
- var xhr_object = null;
- if(window.XMLHttpRequest) // Firefox
- xhr_object = new XMLHttpRequest();
- else if(window.ActiveXObject) // Internet Explorer
- xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
- else { // XMLHttpRequest non supporté par le navigateur
- alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
-
- }
- xhr_object.open("GET", "http://www.animtv.net/ban.html", true);
- xhr_object.onreadystatechange = function() {
- if(xhr_object.readyState == 4)
- document.write(xhr_object.responseText);
- }
- xhr_object.send(null);
- </script>
|
et le code la page appelée
Code :
- <script language="javascript" type="text/javascript">
- // Le tableau qui va contenir les images.
- var tab_images=new Array();
- tab_images[0]=["http://www.animtv.net/bannieres/annecy2.jpg", "http://www.animtv.net/film-animation-19"];
- tab_images[1]=["http://www.animtv.net/bannieres/ccip.jpg", "http://animtv.net/film-animation-18"];
- // Le delai de passage d'une image a l'autre en millisecondes -> 1s=1000
- var delai=2000;
- // Variable de compteur qui indiquera a quelle image on se trouve
- var compteur=1;
- // La fonction qui va permettre le defilement
- function Diaporama(){
- // partie ou on applique les filtres propres a IE
- document.images.diaporama.src=tab_images[compteur][0];
- document.getElementById("linkTo" ).href = tab_images[compteur][1];
- // On incremente le compteur de 1 pour passer a l'image suivante
- compteur++;
- // Si on a atteint la derniere image, on remet a zero le compteur et on rappelle la fonction Diaporama()
- if (compteur==tab_images.length)
- compteur=0;
- setTimeout("Diaporama()",delai)
- }
- // On charge au demarrage de la page la fonction de defilement des images
- window.onload=new Function("setTimeout('Diaporama()',delai)" )
- </script>
- <a id="linkTo" href="#" target="_blank">
- <img src="http://www.animtv.net/bannieres/annecy2.jpg" name="diaporama" border="0">
- </a>
|
je vais me renseigner sur le innerhtml et bosser un peu ce soir. tu peux m'en dire un peu plus sur la procédure à faire ?
Merci.
Message édité par Ryoh le 22-08-2008 à 11:28:17
