Problème Javascript / CSS Fermé

Question

Bonjour, je viens vous faire part d'un petit soucis... J'ai mon code HTML qui comporte une

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 : --------------------------------------------------------------------------------- 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

Utilisateur anonyme · Answer

Bonjour

$("#neko") et non pas $("neko").

wyll waryn · Answer

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.

Utilisateur anonyme · Answer

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 ?

wyll waryn · Answer

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...

Utilisateur anonyme · Answer

Si tu fais simplement
$("#neko").text("coucou")
ça affiche bien coucou dans ton div ?

wyll waryn · Answer

toujours rien... pas de texte qui s'affiche dans la div... Je ne comprends vraiment plus là :(

wyll waryn · Answer

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...

Utilisateur anonyme · Answer

Si ça affiche bien le alert et pas le coucou, c'est que ta bibliothèque jquery est mal importée. 
Si tu utilises Chrome, je peux t'expliquer comment vérifier avec la console à quelle url il va vraiment la chercher.

Problème Javascript / CSS

8 réponses

Discussions similaires