changement banniere en JS

Bonjour à ts...
je vous explique mon soucis. On m'a demandé de modifier les bannieres d'un site dynamique sur 5 pages. Le soucis c'est que se site comporte 5 rubriques et toute sont generer en asp et visual basic a se que j'ai compris. Celui qui avait concu le site à l'époque avait fait un gabarit. Ce qui fais que en fait si je modifis la banniere d'une page ca changera la banniere des 5 pages. Et je voudrais que chaque pages comporte des banniere différente.
Afin d'arriver a se résulta javais pensé de crée un petit code javascripte ou je ferai une condition que "si l'adresse url est égale à http://blablabla....valeur=1 alors ecrire en html <img src=''...> esce possible ? j'ai essayer un truc ms ca marche pas

<script type="text/javascript">

if (top.location.href="http://www.monsite.fr/pages/rubriques.aspx?action=rubrique&valeur=1"){document.write('<a href="http://www.free.fr" target="_blank"><img src="/images/pub/3.jpg" width="150" height="458" border="0" /></a>');

}else if () {};
else if () {};
else if () {};
else if () {}; ....


</script>

pourriez vous m'orienter si cela est possible et comment faire car je suis en contrat pro et c'est tres difficile...

Qu'est-ce qui ne marche pas là ? J'imagine que quand tu fais ton document.write, ça efface tout le contenu de la page ?

Tu peux remplacer le contenu de ton élément en utilisant la propriété innerHTML, ou modifier la source de ton image avec la propriété src

Ex:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

var img = new array(img1, img2...); var urlPage = new array(url1, url2...); switch (urldudocument) { case urlPage[0]: // si la bannière est une image document.getElementById(iddelabanniere).src = img[0]; break; case urlPage[1]: document.getElementById(iddelabanniere).src = img[1]; break;   [...]   etc, ou alors une boucle for

---

non, il ne m'affiche plus la banniere le reste de la page reste...
Ms dans le technique du switch sur le src comment il reconnaitrais que je lui demande ds le tableau l'adresse de l'url ? faut il spécifier quelque chose avt ?
et comment sa se presenterai en innerHtml.
Je vous remercie pour toutes ses précision

je ne comprend pas trop ce que tu veux dire 8O .

Oui oui bien sûr il faut spécifier quelque chose : récupérer l'url de la page courante, comme tu le fais dans ton script, définir à la place d'url1, url2... les url des tes 5 pages, à la place de img1, img2... les 5 images de tes 5 bannières.

En innerHTML, bah ça dépendra de ton code, mais le fonctionnement est simple. Tu identifie ton élément conteneur, et tu lui attribue un nouveau contenu (document.getElementById('monelem').innerHTML = '<b>un exemple en gras</b>'); )

aaah je m'arrache les cheveux....
voila mon script et ca marche pas. qd je le fait ca me met aucune banniere et mm pas l'emplacement de l'img.
le pire c'est que pour moi c logique. il y a il une erreur ds mon code ?

<script type="text/javascript">

if (document.location.href='http://www.monsite.fr/pages/rubriques.aspx?action=rubrique&valeur=1'){
document.getElementById('monelem').innerHTML ='<img src="/images/pub/3.jpg" width="140" height="410" border="0" />'
};

else {document.getElementById('monelem').innerHTML ='<img src="/images/pub/2.jpg" width="140" height="410" border="0" />'};



</script>
<div id="monelem"></div>