Discussion :

[mcfly37]

Bonjour,

Je travail actuellement sur une application en jsf 1.1. Et ma problématique actuelle est d'afficher la souris avec le petit sablier (un grand classique de windows qui rame ^^) lors d'un chargement de page.

Après quelques recherches je pense connaitre la syntaxe à utiliser :

Code :

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

1
2
3
4
5
6
7
 
window.onload=function(){
	document.getElementsByTagName('body')[0].style.cursor = 'wait';
}
window.onunload=function(){
	document.getElementsByTagName('body')[0].style.cursor = 'default';
}

Mais cela me pause quelques problèmes car autant le curseur s'affiche bien en sablier mais par contre il ne revient pas à la normal ensuite...
Question subsidiaire, avez vous connaissance d'une différence de comportement entre ie6 et ie7 justement à ce niveau la, en effet sous ie6 le sablier s'affichait nativement à coté de la souris, sans intervention de ma part et j'ai du le rajouter manuellement lors de la migration de l'application sous ie7 mais si cela se trouve il y a un autre moyen mieux?

Merci d'avance de vos réponses, a vot' bon cœur m'sieur dames!!

Cordialement

mcfly

[SpaceFrog]

le onunload c'est pour quand tu quittes la page ...

mets le style wait dans le css
et retablit le style default dans le onload

[mcfly37]

Bonjour,

merci de ta réponse, alors apparemment pas de changements avec tes conseils... De plus est-il possible de ne pas modifier la css? Car nous utilisons des fichiers css pour plusieurs applications donc si je peut éviter de faire ma petite tambouille dedans ^^

Merci encore de la rapidité de la réponse

[SpaceFrog]

sur ta page html met une balise style

Code :

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

1
2
3
<style type="text/css">
body {cursor: wait !important;}
</style>

et un jquery:

Code :

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

1
2
3
$(function(){
document.getElementsByTagName('body')[0].style.cursor = 'default';
}

[mcfly37]

Encore une fois merci de la rapidité

Par contre toujours le même problème le curseur reste affiché en sablier une fois la page chargée... Cela tien peut être au jquery qui est mal intégré? D'ailleurs pour utiliser du jQuery il faut peut être que j'ajoute les librairies qui vont bien? Oui je suis un débutant complet en javascript ^^ il n'est jamais trop tard pour apprendre!!

intégration de la fonction jQuery dans la page html (enfin jsp dans mon cas):

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
        document.onkeydown = filtrerTouches;
        $(function(){
        	document.getElementsByTagName('body')[0].style.cursor = 'default';
        	}
    </script>

Est-ce la bonne façons de faire ou est-ce que j'oublie quelque chose?

[Bovino]

D'ailleurs pour utiliser du jQuery il faut peut être que j'ajoute les librairies qui vont bien?

Euh... oui, c'est la moindre des choses lorsque tu utilises des fonctions de les avoir définies au préalable
Comment installer la bibliothèque jQuery ?