style="cursor: url('cursors.cur') dans une fonction JS

Marsh Posté le 22-04-2006 à 20:21:33

salut comment faire pour modifier le cursor (custom cursor) dans une fonction javascript

normalement je fais avec les style

Code :

style="cursor: url('cursors.cur') "

Message édité par mehdi_tn le 22-04-2006 à 20:22:19

Reply

Marsh Posté le 22-04-2006 à 20:21:33

Reply

Marsh Posté le 22-04-2006 à 20:30:29

http://www.w3.org/TR/CSS2/ui.html

ça en CSS ?

Reply

Marsh Posté le 23-04-2006 à 09:04:14

pour modifier un style en javascript c'est comme ceci :

monobjet.style.cursor = "url(moncursor.cur)";

si tu veux modifier plusieurs style
tu peux passer par cssText
monobjet.style.cssText="display:block; color:red; border:1px solid green"
mais si tu veux faire chaque style à la mano c'est comme ceci :
monobjet.style.display = "block"
monobjet.style.color = "red"
monobjet.style.backgroundImage = "url(toto.gif)"
monobjet.style.borderLeft = "1px solid yellow"

Reply

Marsh Posté le 23-04-2006 à 11:46:50

Ok merci pour la reponse ca marche une autre question

J'ai une fonction

Code :

function selectArrow()
{
document.body.style.cursor = "url(greenarrow)";
}

Appelé lors du chargement de la page

ensuite j'ai une image (Code ASP.NET)

Code :

<asp:Image ID="Image1" runat="server" ImageUrl="Penguin.bmp" onmouseover="document.body.style.cursor='hand'" onmouseout="document.body.style.cursor='url(greenarrow.cur)'"/>

je veux que quand je passe la souris sur l'image elle devient une main et quand je sors elle devient mon curseur persnnalisé

Mais ca marche une seule fois la deuxieme fois le cursor devient celui par defaut, Apparament j'ai du mal avec les curseurs !

Reply

Marsh Posté le 23-04-2006 à 12:03:31

document.body ne represente rien du tout
c'est sur l'image que tu veux que ca change ?????
et pourquoi tu n'essaye pas de voir si ASP.NET gère directement ça en direct
[:fordprefect]
J'aurai plutôt fait comme cela
<tag onmouseover="this.style.cursor='hand'"></tag>

et même un simple
<tag style="cursor:moncurseurperso"></tag> ca passe tout autant

Message cité 1 fois
Message édité par gatsu35 le 23-04-2006 à 12:05:56

Reply

Marsh Posté le 23-04-2006 à 13:21:41

gatsu35 a écrit :

document.body ne represente rien du tout

bein je veux definir le cursor pour toute la page !!! et ca fonctionne tres bien mais j'arrive pas a le faire changer deux fois successives

si je fais this.style.cursor='hand' le sursor sera definit pour u evenement sur l'image

Je me trompe peut etre

Reply

Marsh Posté le 23-04-2006 à 14:11:21

ben pour toute la page en CSS tu fais :

body { cursor:url(cursor.cur) } ou cursor:hand ou ce que tu veux d'autre
http://wiki.media-box.net/documentation/css/cursor

et sur l'image tu lui met un id, apparament c'est Image1
et donc en CSS
#Image1 { cursor:monautrecursor}

Reply

Marsh Posté le 23-04-2006 à 17:15:48

ca marche pas non plus voila ucode simplifié

Code :

<html>
<body>
<img src="arrow.jpg" width="42" height="41" onmouseover="this.style.cursor='hand'" onmouseout="document.body.style.cursor='url(greenarrow.cur)'" />
<img src="arrow.jpg" width="42" height="41" onmousedown="document.body.style.cursor='url(greenarrow.cur)'"/>
</body>
</html>

Esaayez vous allez comprendre

Message cité 1 fois

Reply

Marsh Posté le 23-04-2006 à 18:50:50

mehdi_tn a écrit :

ca marche pas non plus voila ucode simplifié

Code :

<html>
<body>
<img src="arrow.jpg" width="42" height="41" onmouseover="this.style.cursor='hand'" onmouseout="document.body.style.cursor='url(greenarrow.cur)'" />
<img src="arrow.jpg" width="42" height="41" onmousedown="document.body.style.cursor='url(greenarrow.cur)'"/>
</body>
</html>

Esaayez vous allez comprendre

mais putain [:alexrow]
tu ecoutes ce que je te dit un peu

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <title></title> 
   <style> 
   html,body {height:100%} 
   #putaindebody { cursor: crosshair;} 
   #putaindeIMG  { cursor: e-resize;} 
   #putaindeP    { cursor: move;} 
 
   </style> 
</head> 
<body id="putaindebody"> 
<p id="putaindeP">je suis une putain de paragraphe</p> 
<img id="putaindeIMG" src="http://forum-images.hardware.fr/images/perso/fordprefect.gif"> 
</body> 
</html>

Message édité par gatsu35 le 23-04-2006 à 18:51:18

Reply

style="cursor: url('cursors.cur') dans une fonction JS

Sujets relatifs:

Leave a Replay