changement de cursor

**Mehdi Feki** · 23/04/2006, 13h42

Re salut !!

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

voila mon code :

Code :

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

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)'"/>
<br />
<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

**Swoög** · 23/04/2006, 13h47

asp: ??? Image ?? ImageURL ??

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

**Mehdi Feki** · 23/04/2006, 17h13

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

Code :

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

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

ca marche pas non plus, ca bloque et ie se mele dans les curseurs, si vous voulez essayer

**Swoög** · 23/04/2006, 17h14

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

Code :

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

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>

**Mehdi Feki** · 23/04/2006, 17h41

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

Code :

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

1
2
3
4
5
6
7
 
<html>
<body>
<p><img src="arrow.jpg" width="42" height="41" onmouseover="if(!beginDrag)this.style.cursor='hand';else this.style.cursor='no-drop';"  /></p>
<p><img src="arrow.jpg" width="42" height="41"  onmousedown="document.body.style.cursor='url(greenarrow.cur)'"/></p>
</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

**Swoög** · 23/04/2006, 17h46

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

**Mehdi Feki** · 23/04/2006, 17h57

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 :

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

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>

**Swoög** · 23/04/2006, 18h25

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)

**Mehdi Feki** · 23/04/2006, 18h30

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

changement de cursor

JavaScript

Discussions similaires

Partager

Partager