[DOM] Masquer une image au clic sur un lien du menu

Bonjour, mon problème semble pourtant tout simple : je cacher une image nommée lorsque je clique sur un des liens du menu.

Etant donné que je n'arrive pas du tout à obtenir ce que je veux, j'ai procédé par étapes :

1. Je remplace l'image par une image vide au survol -> ça fonctionne :

Code:

---

<a href="index.php?page=accueil" onmouseover="image.src='img/accueil/blank.png'">

---

2. Je remplace l'image par une image vide au click -> ça ne fonctionne pas :

Code:

---

<a href="index.php?page=accueil" onclick="image.src='img/accueil/blank.png'">

---

1. Je modifie l'affiche de l'image au survol -> ça ne fonctionne pas :

Code:

---

<a href="index.php?page=accueil" onmouseover="image.style='display:none'">

---

Pour info, dans la structure de mon code l'image est placée après le menu, ça peut avoir une influence ? Sinon, une petite idée ? Merci d'avance.

Salut,

Citation:

---

<a href="index.php?page=accueil" onclick="image.src='img/accueil/blank.png'">

---

Code:

---

<a href="index.php?page=accueil" onclick="javascript:image.src='img/accueil/blank.png'">

---

Citation:

---

2. Je remplace l'image par une image vide au click -> ça ne fonctionne pas :

Code:

---

<a href="index.php?page=accueil" onclick="image.src='img/accueil/blank.png'">

---

---

Si, ça fonctionne, mais comme tu recharges la page en suivant le lien, ça ne se voit pas !

Citation:

---

1. Je modifie l'affiche de l'image au survol -> ça ne fonctionne pas :

Code:

---

<a href="index.php?page=accueil" onmouseover="image.style='display:none'">

---

---

Non, ça c'est pas bon !

Code:

---

<a href="index.php?page=accueil" onmouseover="image.style.display='none'">

---

Citation:

---

Pour info, dans la structure de mon code l'image est placée après le menu, ça peut avoir une influence ?

---

Non, car au moment ou tu vas survoler ou cliquer le lien, l'image aura déjà été insérée dans le DOM (l'objet image, même si l'image elle-même n'a pas fini de se charger)


EDIT : @andry :

Code:

---

<a href="index.php?page=accueil" onclick="javascript:image.src='img/accueil/blank.png'">

---

ne change rien, en plus dans un attribut de type événement, javascript: est inutile puisque c'est précisément du JavaScript qui doit être contenu dedans (voir FAQ) ;)

Normalement la page où l'image est située ne se recharge pas, puisque c'est le contenu d'un div qui affiche les différentes pages !

Citation:

---

Envoyé par nicolas2603

Normalement la page où l'image est située ne se recharge pas, puisque c'est le contenu d'un div qui affiche les différentes pages !

---

Code:

---

<a href="index.php?page=accueil"...>

---

Euh, si, un lien recharge ta page !

Donc : mon image se trouve sur ma page "index.php".
Cette page contient une div "conteneur" qui affiche le contenu des pages appelées.

Si effectivement mon fichier "index.php" est rechargé à chaque fois que je demande de modifier la source de "conteneur" (index.php?page=accueil, index.php?page=page1 ...) je n'ai aucun moyen de faire en sorte que mon image ne soit visible que lorsque c'est la page "accueil" qui est chargée, si ?

Ben si... en PHP

Code:

---

1 2 3

if(isset($_GET['page']) && $_GET['page']=="accueil"){ // Tu affiches ton image }

---

Terrible ! Je n'avais pas pensé à faire comme ça ! :P ça marche du tonnerre, merci pour l'aide.