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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : style="cursor: url('cursors.cur') dans une fonction JS

mehdi_tn

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

Publicité

xtof_83

Freeride Spirit

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

ça en CSS ?

gatsu35

Blablaté par Harko

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"

mehdi_tn

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 !

gatsu35

Blablaté par Harko

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

mehdi_tn

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

gatsu35

Blablaté par Harko

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}

mehdi_tn

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

gatsu35

Blablaté par Harko

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[asp][debutant]fonction et bouton...	Probleme sur une fonction !!
plynôme (fonction)	Fonction SQL => Enregistrement au Hasard
Interrompre une fonction php	Aide fonction Dir (VBA)
Style.display sur une liste dynamique	La fonction header se comportant bizarrement
[VBA] Fonction qui ne retourne rien. Possible ?	Préremplir un email avec la fonction mailto:
Plus de sujets relatifs à : style="cursor: url('cursors.cur') dans une fonction JS

Page générée en 0.075 secondes