Changement curseur pour chargement

Changement curseur pour chargement - HTML/CSS - Programmation

Marsh Posté le 03-08-2008 à 23:31:32    

Salut,
 
Pour le curseur normal, c'est nickel, pas de soucis.
 
Mais quand on passe au dessus d'un lien, pour décider du curseur qui va s'afficher, que doit on rajouter dans le CSS ?
De même pour le curseur qui s'affiche lors d'un chargement de la page.
 
J'ai essayé ça mais ça marche pas :
 

Code :
  1. a:hover.moncurseur {
  2. cursor: url(didisurvol.cur),auto;
  3. }


 

Code :
  1. html.waiting
  2. {
  3. cursor:url(didiatt.ani),wait;
  4. }


 
Merci d'avance !


Message édité par Raito33 le 04-08-2008 à 01:07:31
Reply

Marsh Posté le 03-08-2008 à 23:31:32   

Reply

Marsh Posté le 04-08-2008 à 01:07:22    

Problème résolu pour les liens.
 
Seule l'attente pose soucis maintenant :/

Reply

Marsh Posté le 04-08-2008 à 01:23:57    

ca ne fonctionne pas si par défaut lors du chargement de ta page tu définies ton curseur comme celui de chargement, et lors de l'evenement "onload" de javascript tu le modifies ? (en donnant une ID à ton body tu le chopes en JS et tu changes son style à la volée)


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 04-08-2008 à 01:29:08    

Oula. Je n'ai que très très peu de connaissance de programmation en fait, j'ai pas tout compris à ce que t'as dit. J'ai honte... :/
 
Voilà ce que j'ai trouvé pour le "onload" de javascript si ça peut aider :
 

Code :
  1. <!--
  2. window.onload=montre;
  3. function montre(id) {
  4. var d = document.getElementById(id);
  5. for (var i = 1; i<=10; i++) {
  6. if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
  7. }
  8. if (d) {d.style.display='block';}
  9. }


 
Merci pour ta réponse en tout cas. :jap:


Message édité par Raito33 le 04-08-2008 à 01:29:32
Reply

Marsh Posté le 04-08-2008 à 22:47:42    

Il n'ya pas de facon "simple" de faire ce que tu veux, car la compatibilité entre les browsers risque de bloquer (du moins au début...)
Le plus simple (mais pas le plus efficace !) est de faire un truc comme ca :

Code :
  1. <script>
  2. var f = function ()
  3. {
  4.   var body = document.getElementsByTagName ('BODY')[0];
  5.   body.style.cursor = "URL_VERS_LE_CURSEUR_DE_TON_CHOIX";
  6.   return true;
  7. }
  9. </script>
  10. ...
  11. <body onload="f ()">
  12. ...
  13. </body>


 
Voilà, à tester :)

Message cité 1 fois

---------------
We deserve everything that's coming...
Reply

Marsh Posté le 05-08-2008 à 07:49:40    

SICKofitALL a écrit :

Il n'ya pas de facon "simple" de faire ce que tu veux, car la compatibilité entre les browsers risque de bloquer (du moins au début...)
Le plus simple (mais pas le plus efficace !) est de faire un truc comme ca :

Code :
  1. <script>
  2. var f = function ()
  3. {
  4.   var body = document.getElementsByTagName ('BODY')[0];
  5.   body.style.cursor = "URL_VERS_LE_CURSEUR_DE_TON_CHOIX";
  6.   return true;
  7. }
  9. </script>
  10. ...
  11. <body onload="f ()">
  12. ...
  13. </body>


 
Voilà, à tester :)


 
beurk ton intrusion la :o
 

Code :
  1. <script>
  2. onload = function ()
  3. {
  4.   var body = document.getElementsByTagName ('BODY')[0];
  5.   body.style.cursor = "URL_VERS_LE_CURSEUR_DE_TON_CHOIX";
  6.   return true;
  7. }
  9. </script>
  10. ...
  11. <body>
  12. ...
  13. </body>



---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 05-08-2008 à 08:00:47    

Ben oui, mais c'est pas forcément explicite ;)


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 05-08-2008 à 08:39:49    

hein?


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 05-08-2008 à 09:46:59    

le monsieur te dit que "<body onload="machinchose ()>" est plus parlant pour un débutant que "onload = machinchose" (surtout s'il sait pas que le onload est un event associé à l'objet window) :o
 
;)


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 05-08-2008 à 10:39:01    

on s en fout que ca lui parle  
il debute, ca revient au meme et autant lui montrer les bonnes pratiques...


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 05-08-2008 à 10:39:01   

Reply

Marsh Posté le 05-08-2008 à 15:36:50    

oué c pas faux :o
 
je le redirige alors de ce pas vers le site de PKK afin qu'il y trouve de quoi chopper en live les styleSheets en JS histoire qu'il puisse désactiver ca à la volée, et tt ca en cross-browser :D


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 05-08-2008 à 15:39:08    

voila ca c est pas mal [:ocolor]


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Marsh Posté le 05-08-2008 à 20:35:13    

Oula, j'ai pas tout suivi à la fin... Merci pour votre aide. :D
 
Par contre, c'est bien pour le curseur lors du chargement d'une page ? :hmm:
 
Je vais mettre ça en tout cas.
Il n'y aura aucun problème avec les autres fonctions ?

Reply

Marsh Posté le 06-08-2008 à 03:07:56    

bah a la fin il te conseille juste de surfer un peu sur le site de pkk pour apprendre quelques bases elementaires de javascript :o


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed