[Problème] Lien hypertexte sur background

[Capitaine Joom]

Bonjour,

Je rencontre un problème pour rendre cliquable mon background, ci-dessous le code mentionné dans mes fichiers

Dans le fichier .css
#site-wrapper {
background: url("lien_pour_afficher_image") no-repeat scroll center top rgba(0, 0, 0, 0);
background-attachment:fixed;
background-color: #7E99AE;


Dans l'index.php
<script type="text/javascript">
<?php echo $ga; ?>
$("#site-wrapper").click(function () {
location.href="url de redirection";
});
</script>


L'image s'affiche bien mais url de redirection ne fonctionne pas .

Je ne vois pas ce qui cloche dans mon code

je recherche une âme charitable pour m’aiguiller

Merci par avance

[webcrea]

Re : Lien hypertexte sur background

je rajouterais

window.addEvent('domready', function() {
ton code
})
si tu utilises mootools

ou

jQuery(document).ready(function(){
ton code
});
si tu utilises jquery

Ceci afin d'être sûr que le js se déclenche quand tous les éléments sont chargés...

[PieceOfCake]

Re : Lien hypertexte sur background

Bonjour,

sauf erreur, on ne peut pas mettre un événement sur une backround-image, qui n'est d'ailleurs pas un élément du DOM.
maintenant si l'image en background est contenue dans une balise div, span ou une autre balise quelconque supportant ce type d'attribut, alors le remède est simple, on binde l'événement sur l'objet (div, span ou autre) en question.

Cordialement

Nota : l'identifiant CSS étant préfixé par un #, je présume qu'il y a bien un élément div, span ou autre autour (supportant le background-image), auquel cas cela devrait fonctionner, si cela ne fonctionne pas, c'est bien que le # n'est pas affecté à un élément DOM