Discussion :

[exe2bin]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[danielhagnoul]

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

En JS :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[ProgElecT]

Salut

Moi je suis arrivé à

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

La demo est ici: CodeOpen

[NoSmoking]

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

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

[exe2bin]

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

[ProgElecT]

Salut

Que donnerai fenetre.style.cursor=url;

[exe2bin]

Pas mieux ...

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

[exe2bin]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Je pense que c'est assez clair