Changer l'aspect du curseur

Bonjour tous ,
j'aimerais changer le curseur souris pour qu'il ressemble à une image lorsqu'il se situe dans un bloc <div>;
je fais donc :

Code:

---

1 2 3

var url = "url(" + e.getAttribute("src") + "), pointer"; fenetre.setAttribute("cursor",url);

---

Sachant que : e.getAttribute("src") me renvoi le nom du fichier image et que : fenetre=document.getElementById("fenetre");
l'id de la balise <div> concernée.
Seulement le curseur ne change pas !

Salut

Que donnerai fenetre.style.cursor=url;

Pas mieux ...

Bonojour,
pas mieux est un peu court tu ne trouve pas, un indice quand même en CSS cela se définie à minima comme suit : cursor: url(nom_image.png).

Citation:

---

Envoyé par NoSmoking

Bonojour,
pas mieux est un peu court tu ne trouve pas, un indice quand même en CSS cela se définie à minima comme suit : cursor: url(nom_image.png).

---

Pas exactement , c'est plutôt comme cela :

Code:

---

1 2	cursor: url(nom_image.png),"paramètre obligatoire"

---

Surtout ne pas croire que je n'ai pas de documentation ...

Pas mieux parce que le curseur reste le même sans changement par rapport à la ligne d'origine qui était ,je le rappelle ,celle ci :

Code:

---

1 2	fenetre.setAttribute("cursor",url);

---

Je pense que c'est assez clair

:salut:

En CSS, j'y arrive avec : cursor: url( "../images/boule4.png" ), pointer;.

En JS :

Code:

---

1 2 3

document.querySelector( "#fenetre" ).addEventListener( "mouseenter", ev => { ev.target.style.cursor= "url( '../images/boule4.png' ), pointer"; }, false );

---

Salut

Moi je suis arrivé à

Code:

---

1 2 3 4 5 6 7 8

function Demo(){ //var url = "url(" + e.getAttribute("src") + "),auto"; var url= "url(" + "https://www.developpez.net/forums/images/ranks/embleme-faq.png" + "),auto";   fenetre=document.getElementById("fenetre"); fenetre.style.cursor=url; //console.log("url " + url); }

---

fenetre étant

Code:

---

<div id="fenetre" onclick="Truq()" style="background-color: #CEFF9C; color:#007800;">A que coucou, une fois</div>

---

La demo est ici: CodeOpen

Citation:

---

Envoyé par moi même

... un indice quand même en CSS cela se définie ...

---

donc pourquoi utiliser fenetre.setAttribute("cursor",url);, bon mais les solutions sont là ;)

Merci pour vos solutions ;
je pense qu'il doit y avoir qq chose dans le reste de mon code qui ne va pas :weird: