11548 sujets

JavaScript, DOM et API Web HTML5

Rendre cliquable le background de mon site !

Bonjour,

j'essaye de mettre une action javascript sur une image de background, j'ajoute une action cliqué que la <div id="fondImage">, cependant j'aimerai que cette action concerne juste l'arriere plan de mon site pas le contenu ou il y aura bien évidement d'autres liens.
Voici une partie de mon code, merci d'avance pour vos conseils ! Smiley biggrin 


<body>
   <div id="fondImage">
     <table width="100%" border=0 cellpadding=0 cellspacing=0 style='width:100.0%'> CONTENU DE MON SITE </table>
</div>
</body>

// code javascript pour l'action sur l'image de fond

var fondImage = document.getElementById("fondImage");
fondImage.addEventListener("click", cliquer, false);

 function cliquer(event){
	alert(event.currentTarget)
}

Modifié par fleck_22 (18 Feb 2010 - 10:36)
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien "Aide" qui apparaît tout en haut du forum est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Salut et bienvenue,

ce que tu veux faire n'est à ma connaissance pas possible puisque tous les éléments descendants de TABLE vont réagir au clic (y compris les liens).

Au passage c'est un comportement inattendu d'avoir une action associée au clic sur un background et c'est potentiellement anti-ergonomique (par exemple cela empêche de sélectionner du texte). Smiley cligne
Sujet clos
Aller à