Problème Javascript / CSS
wyll waryn
Messages postés
22
Statut
Membre
-
wyll waryn Messages postés 22 Statut Membre -
wyll waryn Messages postés 22 Statut Membre -
Bonjour,
je viens vous faire part d'un petit soucis...
J'ai mon code HTML qui comporte une <div id="neko"></div> avec un background-image dans la feuille de style.
Au chargement de la page, l'image apparaît parfaitement.
Je veux aller plus loin et changer le background-image lors d'un évènement.
j'utilise donc le code suivant :
<!-- j'importe la bibliothèque JQuery -->
<script language="JavaScript" type="text/javascript" src="jquery.js"></script>
<!-- Ensuite je change la div comme ceci -->
<script type="text/javascript">
$("neko").css("background-image", "url('Error.png')");
alert ("Une erreur est survenu....");
</script>
---------------------------------------------------------------------------------
le message d'alerte me sert à vérifier que le script s'effectue. En effet, j'ai bien le message d'alerte mais l'image ne change pas... Où me suis-je donc trompé ?
Si quelqu'un aurait une solution, je l'en remercie grandement.
Cordialement
je viens vous faire part d'un petit soucis...
J'ai mon code HTML qui comporte une <div id="neko"></div> avec un background-image dans la feuille de style.
Au chargement de la page, l'image apparaît parfaitement.
Je veux aller plus loin et changer le background-image lors d'un évènement.
j'utilise donc le code suivant :
<!-- j'importe la bibliothèque JQuery -->
<script language="JavaScript" type="text/javascript" src="jquery.js"></script>
<!-- Ensuite je change la div comme ceci -->
<script type="text/javascript">
$("neko").css("background-image", "url('Error.png')");
alert ("Une erreur est survenu....");
</script>
---------------------------------------------------------------------------------
le message d'alerte me sert à vérifier que le script s'effectue. En effet, j'ai bien le message d'alerte mais l'image ne change pas... Où me suis-je donc trompé ?
Si quelqu'un aurait une solution, je l'en remercie grandement.
Cordialement
A voir également:
- Problème Javascript / CSS
- Telecharger javascript - Télécharger - Langages
- Javascript echo ✓ - Forum PHP
- Css exposant ✓ - Forum CSS
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
8 réponses
Merci de ta réponse le père. J'ai bien essayé en remplaçant par $("#neko").. Malheureusement aucun changement... L'image reste la même.
Je trouve curieux que tu n'utilises que des liens relatifs :
src="jquery.js" et url('Error.png')
Es-tu sûr que tes fichiers sont bien accédés ? Il ne ne manque pas l'indication du chemin d'accès ?
src="jquery.js" et url('Error.png')
Es-tu sûr que tes fichiers sont bien accédés ? Il ne ne manque pas l'indication du chemin d'accès ?
Non le fichier Jquery est bien dans le dossier racine ainsi que le fichier Error.png
Cependant le background de la div neko a un autre chemin dans la feuille de style :
#neko {
height : 400px;
width: 200px;
background-image : url(img/neko.png);
background-repeat : no-repeat;
}
je voudrais pouvoir utiliser JS pour changer le background-image en :
background-image : url(Error.png);
le fichier Error.png fait exactement les mêmes dimension et se trouve dans le dossier racine. J'ai essayé en plaçant le fichier dans le dossier 'img' : le résultat ne change pas...
Cependant le background de la div neko a un autre chemin dans la feuille de style :
#neko {
height : 400px;
width: 200px;
background-image : url(img/neko.png);
background-repeat : no-repeat;
}
je voudrais pouvoir utiliser JS pour changer le background-image en :
background-image : url(Error.png);
le fichier Error.png fait exactement les mêmes dimension et se trouve dans le dossier racine. J'ai essayé en plaçant le fichier dans le dossier 'img' : le résultat ne change pas...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Je viens de faire plusieurs test et en fait, le texte "coucou" s'affiche lorsque je place le code JS après la div "neko". par contre je n'arrive pas à saisir la logique...
