changement de cursor

Version imprimable

Re salut !!

J'arrive pa à m'en sortir avec les cursors !!!

voila mon code :
Code:

1 2 3 <asp:Image ID="Image2" runat="server" Height="86px" ImageUrl="arrow.jpg" onmouseover="document.body.style.cursor='hand'" onmouseout="document.body.style.cursor='url(greenarrow.cur)'"/> <asp:Image ID="Image1" runat="server" Height="60px" ImageUrl="arrow.jpg" onmousedown="document.body.style.cursor='url(greenarrow.cur)'" />
et le scenario st le suivant : je veux que qand je clique sur image1 mon curseur devient greenarrow.cur ensuite quand je passe la souris sur image2 le curseur devient hand et quand j'en sort il repasse à greenarrow.cur.

Le probleme est que scenario fonctionne la premiere fois ensuite il ne veut plus il devient un curseur par defaut (le curseur blanc)

Merci d'avance

23/04/2006, 13h47
Swoög

asp: ??? Image ?? ImageURL ??

heu... juste comme ça, tu as essayé avec du code HTML "tout simple" ?

1 pièce(s) jointe(s)

Vous avez raison j'ai oublié de le mentionner c'etait un code ASP.Net
Code:

1 2 3 4 5 6 7 <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>
ca marche pas non plus, ca bloque et ie se mele dans les curseurs, si vous voulez essayer

je serais toi, je mettrais plutôt un truc de ce style :

Code:

1
2
3
4
5
6
<html>
<body>
<p><img src="arrow.jpg" width="42" height="41" style="cursor : hand" /></p>
<p><img src="arrow.jpg" width="42" height="41"  onmousedown="document.body.style.cursor='url(greenarrow.cur)'"/></p>
</body>
</html>

;)

oui je sais mais le probleme est que mon code a lorigine est bcq plus complique que ca :
Code:

1 2 3 4 5 6 7 <html> <body> <img src="arrow.jpg" width="42" height="41" onmouseover="if(!beginDrag)this.style.cursor='hand';else this.style.cursor='no-drop';" /> <img src="arrow.jpg" width="42" height="41" onmousedown="document.body.style.cursor='url(greenarrow.cur)'"/> </body> </html>
si je le laisse comme ca le curseur va devenir celui par defaut ( le curseur lanc ) quand je quitte la premiere image, donc je dois le forcer dans l'evenement onmouseout

23/04/2006, 17h46
Swoög

vu ce que tu mets, si le curseur redevient blanc c'est qu'il y a un problème quelque part, puisque tu modifie le style de l'image pour image1, et celui du document pour image2...

Si vous le dites, mais voila un code de test tout simple vous allez voir apres deux trois manipulations IE s'enmele dans les curseurs

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<head>
<script language="javascript">
var beginDrag=false;
function setDrag(value)
{
    beginDrag=value;
}
</script>
</head>
<html>
<body>
<p><img src="arrow.jpg" width="42" height="41" onmousedown="setDrag(false);document.body.style.cursor='default'"  onMouseOver="if(!beginDrag)this.style.cursor='hand';else this.style.cursor='no-drop';"/></p>
<p><img src="arrow.jpg" width="42" height="41"  onmousedown="setDrag(true);document.body.style.cursor='url(greenarrow.cur)'"/></p>
</body>
</html>

23/04/2006, 18h25
Swoög

en effet, il y a un bug, à partir de la seconde fois, document.body.style.cursor prend la valeur url('url(greenarrow.cur)' .... va savoir pourquoi XD (vive IE lol)
23/04/2006, 18h30
Mehdi Feki

Aaaaaaaaaaaaaaaaaaaaaaaaah une journee de travail perdue :( pour un bug :(

Je me disais bien parce que mon code est simple et ya pa de raison pour qu'il ne fonctionne pas .

Bon rien à dire, merci pour ton aide, mais faut comme meme trouver une solution