Changer apparence pointeur souris chargement

**RyzenOC** · 14/07/2014, 10h28

Bonjour, peut on changer l'apparence du pointeur de souris de chargement en JavaScript ?

Voici mon code actuel qui change le curseur de al souris au bout de 5 seconde, je souhaite le changer quand la page est chargée

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
17
18
19
20
21
<!DOCTYPE html>
<html style="height:100%;width:100%" >
<head>
    <meta charset=utf-8 />
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
    <script type="text/javascript" >
        $('html').css('cursor','url(http://www.w3schools.com/cssref/smiley.gif), url(http://www.w3schools.com/cssref/myBall.cur), wait');
        $( document ).ready(function() {
            setTimeout(function(){
                $('html').css('cursor','default');
            }, 5000);
        });
    </script>
</body>
</html>

Voila ce que j'ai tentée (sa ne marche pas)

Code :

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

1
2
3
4
5
$("img").one("load", function() {
  // changer le curseur quand tout est chargé
}).each(function() {
  if(this.complete) $(this).load();
});

Merci d'avance.

**sekaijin** · 14/07/2014, 12h45

il suffit de choisir la bonne classe css
http://www.w3schools.com/cssref/pr_class_cursor.asp
A+JYT

**iakou** · 14/07/2014, 16h41

Le + simple :

Code :

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

<body style="cursor: crosshair;">

Si vous voulez ensuite le modifier au survol d'une zone, cela nécessitera un zeste de javascript...

**sekaijin** · 14/07/2014, 18h03

Non les bonnes pratiques c'est de passer par une classe
et d'attribuer la class à l'objet désiré (soit en html soit en js)

les attributs de style ça marche mais c'est pas propre.

A+JYT

**kaari kosaku** · 14/07/2014, 20h25

Envoyé par iakou

Le + simple :

Code :

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

<body style="cursor: crosshair;">

Si vous voulez ensuite le modifier au survol d'une zone, cela nécessitera un zeste de javascript...

Pas sûr...

Code :

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

1
2
3
:hover {
cursor: crosshair;
}

**RyzenOC** · 14/07/2014, 21h00

Je vous explique un peu plus, voila mon code :

Code :

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

1
2
3
4
5
6
7
8
<script type="text/javascript" >
        $('html').css('cursor','url(http://www.w3schools.com/cssref/smiley.gif), url(http://www.w3schools.com/cssref/myBall.cur), wait');
        $( document ).ready(function() {
            setTimeout(function(){
                $('html').css('cursor','default');
            }, 5000);
        });
    </script>

J'aimerais virer mon setTimeout par un truc du style "if document loading"