Discussion :

[Nixar]

Bonjour,
Je cherche à rendre le bandeau de mon site (un div avec une image de fond) cliquable, avec comme résultat du clic une redirection de la page vers la racine de mon site.

Dans le css, sur la classe de mon div j'ai ajouté "cursor:pointer;", par contre je ne sais pas quoi utiliser à part :

Code :

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

onclick="javascript:window.open('monlien')";

Comment feriez-vous?

Merci de vos réponses. Nixar

[Erwan31]

Oh là que de complication pour rien. Pourquoi passer par un lien JS?
Si ton image contient du contenu (nom du site...) et si tu veux que son contenu soit référencé, met ton image dans le HTML en renseignant le alt de ton image mais sans l'englober par un div mais d'un <a href="/">...</a>, ça permettra de la rendre cliquable.

[SpaceFrog]

le onclik il aurait fallu le mettre dasn la balise image ...
dans le css ça ne sert à rien ce ne sera pas interptété, il n'y a pas de onclick en css, le seul évènement c'est hover (équivalent du onmouseover) uniquement pour les balises a.

Code :

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

<img src="..." style="cursor:pointer;" onclick="javascript:window.open('monlien')">

pour le faire avec une balise a:

Code :

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

1
2
 
<a href="...." onclick="javascript:window.open('monlien');return false;><img src="..." /></a>

ainsi le href permet aux métas moteurs de suivre le lien et le return false empèche la page mère de charger également la page du popup

[Nixar]

Merci beaucoup de vos réponses.

Comme j'avais un texte par dessus l'image cliquable, j'ai donné à mon lien hypertexte la taille de mon image... Et le tour est joué.

Merci de vos réponses.

Nixar