Discussion :

[nicolas2603]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

[andry.aime]

Salut,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 !

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Non, ça c'est pas bon !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 ?

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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)

[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 !

[Bovino]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Euh, si, un lien recharge ta page !

[nicolas2603]

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 ?

[Bovino]

Ben si... en PHP

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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