Version complète: sur le forum Webmaster Hub : code pour recharger automatiquement la banniere
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net
esmax666
mardi 24 mai 2005 à 16:36
alors voila tout en haut de ma page vous voyez que toute les 15sec la page ce remet a jour et j aimerai que ce soi seulement la banniere publicitaire et non toute la page
Es ce quelqu un connais un code?
rottman
mardi 24 mai 2005 à 17:18
Tu peux mettre la bannière dans une iframe et utiliser la fonction javascript window.location.reload();
esmax666
mardi 24 mai 2005 à 21:50
tu pourrais m'expliquer comment faire stp :-)
Eclipsis
mardi 24 mai 2005 à 23:47
Salut, au lieu de l'utilisation d'un iframe, je pense qu'il serait plus judicieux d'utiliser une fonction javascript qui recharge un DIV, un truc du style:
CODE
<script language="javascript">
function bann()
{
duree = 15;
document.getElementById("banniere").innerHTML = '<img........ta bannière.......>';
window.setTimeout("bann()", (duree*1000));
}
</script>
<div id="banniere">
<script language="javascript">bann();</script>
</div>
A toi de voir... A+
esmax666
mercredi 25 mai 2005 à 06:40
Je dois rentrer ca dans le body ?

Dans ce code il faut que je modifie cette partie "innerHTML = '<img........ta bannière.......>'" ?
Je dois inserer le code de la bannière publicitaire?
Eclipsis
mercredi 25 mai 2005 à 21:19
CITATION(esmax666 @ mercredi 25 mai 2005, 07h40)
Je dois rentrer ca dans le body ?

Dans ce code il faut que je modifie cette partie "innerHTML = '<img........ta bannière.......>'" ?
Je dois inserer le code de la bannière publicitaire?
Oui, tu as tout compris... Tu places ça à l'endroit où tu veux la bannière (une zone de 468x60 a priori), en modifiant <img........ta bannière.......> par le code de ta bannière (par exemple: <a href="http://www.cibleclick.com/cibles/clicks/symp.cfm?site_id=123456789&friend_id=123456789&banniere_id=12345" target="_blank"><img src=http://ad.cibleclick.com/cibles/banniere/symp.cfm?site_id=123456789&friend_id=123556789&banniere_id=12345 border=0 alt=></a>). Tu peux modifier, dans le code que je t'ai donné, le 15 en le remplaçant par une autre durée qui te convient plus... Si tu as des soucis ou une autre question, n'hésite pas. A+
JJJ
samedi 28 mai 2005 à 16:31
Tu peux aussi utiliser le javascript de cette façon :
Dans un fichier terminé par l'extension .js

CODE
js_banurl = new Array;
js_banimageUrl=new Array;

js_banimageUrl[0] = "url/Image1.gif";
js_banurl[0] = "Url du lien";

js_banimageUrl[1] = "url/Image2.gif";
js_banurl[1] = "Url du lien";

js_banimageUrl[2] = "url/Image3.gif";
js_banurl[2] = "Url du lien";

js_banimageUrl[3] = "url/Image4.gif";
js_banurl[3] = "Url du lien";

js_banimageUrl[4] = "url/Image1.gif";
js_banurl[4] = "Url du lien";

affiche = false;

function AffichePub()
{
if(!affiche)
{
numimage= Math.round(Math.random()*(js_banurl.length-1));
document.write ('<A HREF="#" onClick="window.open(js_banurl[numimage],\'_blank\')"><IMG SRC="' + js_banimageUrl[numimage] + '" BORDER=0 NAME=js_banpub></A>')
affiche = true;
}
else
{
if(numimage == (js_banurl.length-1))
numimage = 0;
else
numimage++;
document.js_banpub.src=js_banimageUrl[numimage];
}
setTimeout("AffichePub()",2000);
}

AffichePub();


(la valeur 2000 ci-dessus est le temps d'affichage de l'image, ici fixée à 20 secondes.)

Tu nommes par exemple ton fichier en banniere.js, et à l'endroit de ta page ou tu souhaites que ces images défilantes soient affichées, tu colles :

CODE
<script LANGUAGE="javascript SRC=../banniere.js"></SCRIPT>


Ainsi tu centralises toute la fonction dans un fichier à part que tu peux modifier à souhait chaque fois que tu veux ajouter une image, et non remettre les mains dans chaque page où elles s'affichent.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.