Discussion :

[mary_261]

Bonjour,

Je possède une image, et j'aimerais que lors du clic sur celle-ci, l'utilisateur soit dirigé vers un autre site.
Voici le code que j'ai tenté d'expérimenter :

Code :

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

<img src= .\Images\PhotoTest.jpg onclick = document.location.href = 'http://www.google.com'>

L'image s'affiche sans problème, mais malheureusement, rien ne se produit sur le clic.
Est-ce possible de vouloir effectuer cette manipulation ? Suis-je complètement dans l'erreur ?

Merci à tous pour votre aide.

[Auteur]

Voici le code que j'ai tenté d'expérimenter :

Code :

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

<img src= .\Images\PhotoTest.jpg onclick = document.location.href = 'http://www.google.com'>

bonjour,

ton code est faux.
Dans une balise la syntaxe est la suivante :

Code :

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

1
2
 
attribut="valeur"

=> pas d'espace avant et après le signe =
=> la valeur est encadrée par des guillemets

Code html :

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

<img src=".\Images\PhotoTest.jpg" onclick="document.location.href='http://www.google.com'">

[mary_261]

Merci pour la suggestion, c'est gentil !
J'ai effectué des tests, et ça ne fonctionne toujours pas de cette façon. Pourtant, lorsque je remplace le document.location.href par un simple alert('Hello world'), cela fonctionne.

Je dois dire que je ne comprend plus trop...

[Astral7777]

Moi ca fonctionne avec IE7 et Firefox

[Auteur]

Merci pour la suggestion, c'est gentil !
J'ai effectué des tests, et ça ne fonctionne toujours pas de cette façon. Pourtant, lorsque je remplace le document.location.href par un simple alert('Hello world'), cela fonctionne.

Je dois dire que je ne comprend plus trop...

Quelle est l'erreur générée ? Pour Firefox ouvre la console javascript (outils > console d'erreurs). Pour IE une icone apparaît dans la barre d'état : double-clique dessus pour connaître l'erreur.

Regarde si tu ne t'es pas trompé(e) dans la succession des guillemets ( " ) et des apostrophes ( ' ).

Sinon montre nous ton code HTML complet