Version complète: sur le forum Webmaster Hub : Curseur IE MF et les autres ....
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
alaintrt
mercredi 20 décembre 2006 à 12:44
Bonjour a tous

Avec ce code,

CODE
<html>
<head>
<title>JavaScript code/Change cursor (All browsers)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript"><!--
var nav = navigator.appName;
if (nav == 'Microsoft Internet Explorer') {
  //alert("Browser type : IE");
   document.write("<link rel='stylesheet'type='text/css' href='ie6.css'>");}
else {
   //alert("Browser type : NN");
   document.write("<link rel='stylesheet' type='text/css' href='firefox.css'>");}
    
--></script>
</head>


Bien sur il y a deux fichiers CSS associes
CODE
/* CSS Document */

/*Fichier ie6.css*/
html{ cursor:url("pinceau.cur"); }


ainsi que
CODE
/* CSS Document */

/*Fichier firefox.css*/
html { height:100%; cursor: url('pinceau.png'), auto; }



Je peux changer le curseur sur la page
Qui peux me dire ce que je dois modifier, ajouter dans le script ou les fichiers CSS pour avoir aussi un curseur perso sur les liens ??

Merci de votre aide

Alain
captain_torche
mercredi 20 décembre 2006 à 14:45
C'est vraiment trop compliqué, là ... Tu utilises le JavaScript alors qu'il n'est pas du tout nécessaire.
Normalement (sans tester), ça devrait fonctionner avec JUSTE le CSS :
CODE
html { cursor: url('pinceau.png'); }
* html { cursor: url('pinceau.cur'); }

Ca devrait logiquement fonctionner sous IE6 (qui interprète la seconde ligne alors qu'il s'agit d'une situation que les autres navigateurs ne rencontreront pas, vu qu'il n'existe pas d'élément parent à html). Je ne sais pas si c'est toujours valable pour IE7, par contre.

Pour rajouter un curseur sur les liens, il faudra faire de la manière suivante :
CODE
html a { cursor: url('pinceau.png'); }
* html a { cursor: url('pinceau.cur'); }
alaintrt
jeudi 21 décembre 2006 à 11:32
Merci Captain Torche !!

effectivement c ' est plus "light" et ça marche

j' ai condense comme suit:
CODE
<style type="text/css">
html { height:100%; cursor: url('pinceau.png'), auto; }
* html { cursor: url('pinceau.cur'); }

html a { cursor: url('palette.png'), auto; }
* html a { cursor: url('palette.cur'); }
</style>

et j'obtiens un curseur pinceau sur la page et une palette sur les liens
je peux reproduire ce style sur chaque page

encore merci pour cette solution; je tournais autour depuis deux semaines sans trouver....

Alain
captain_torche
jeudi 21 décembre 2006 à 11:48
Si tu veux le mettre sur chacune de tes pages, il vaut mieux l'enregistrer dans un fichier .css, et l'appeler dans chacune de tes pages
HTML
<link rel="stylesheet" type="text/css" href="tonfichier.css">


Sinon, tu aurais un lien où l'on puisse consulter le résultat ? Je suis curieux de voir si l'astuce fonctionne toujours avec IE7.
alaintrt
vendredi 22 décembre 2006 à 01:12
bonsoir
Ok pour faire un fichier .css à appeler a chaque page c 'est le plus simple en effet
IE7 est dispo à ce jour ??

merci

Alain

Le site n 'est pas terminé mais je te donne le lien vers ce qui existe tu pourras voir ce que ça donne, mais sous IE6 et MF 2.0
Galerie

Je veux dire sous IE6 et MF 2.0 ça marche bien
Si tu as IE7 vois le lien ci dessus


Alain
captain_torche
vendredi 22 décembre 2006 à 09:25
Ca fonctionne effectivement sous IE7 wink.gif
Par contre, il faudrait faire des tests pour savoir quel curseur il prend : le png, ou le cur ?

Sinon, oui, IE7 est disponible via Windows update depuis environ un mois.
alaintrt
vendredi 22 décembre 2006 à 13:57
Ok pour faire un test , je vais le mettre en lien avec simplement le *.cur
dès que c 'est fait je mets un mot ici

Alain
captain_torche
vendredi 22 décembre 2006 à 14:47
Sachant qu'IE6 utilise le cur par défaut, ça serait plus parlant si on n'essayait qu'avec le PNG wink.gif
alaintrt
vendredi 22 décembre 2006 à 15:13
Correct
j' ai fait la page intro avec
CODE
<link href="pngcurseurs.css" rel="stylesheet" title="curseurs" type="text/css">

et le CSS
CODE
/* CSS Document */

html { height:100%; cursor: url('pinceau.png'), auto; }
html a { cursor: url('palette.png'), auto; }


pas de réaction sous IE6 ok avec MF

a toi de voir ce que ça donne avec IE7
captain_torche
vendredi 22 décembre 2006 à 15:36
Ca ne fonctionne pas non plus sous IE7 : il a donc toujours besoin qu'on lui spécifie un curseur en .cur.
alaintrt
vendredi 22 décembre 2006 à 15:51
En effet si la page intro ne te donne pas le curseur sous IE7 mais que tu l' as sur la page suivante, ça confirme qu'il a besoin du .cur
Je vais le remettre correct + tard

merci pour les tests et les infos

Alain
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.