Voici la méthode pour créer des curseurs différents pour
vos liens dans vos pages !
Pourquoi des curseurs différents ?
Par exemple pour guide l'internaute vers telle ou telle partie
de votre page, par exemple, un curseur d'aide sur un lien qui
mène vers l'aide.........
Ce petit Javascript va vous permettre de faire des trucs sympas
sur votre page !
Voici donc déjà le code-source pour afficher un lien dans votre
page :
<A HREF="votre_page.htm" id="1">Lien</A>
<script language="JavaScript"> if (document.all) {
document.all("1").style.cursor = 'crosshair'; }</script>
Maintenant, voici un petit truc important que nous allons
étudier avant de décortiquer ce petit code, il s'agit de
l'attribut id. Imaginons que vous désirez mettre plusieurs
curseurs différents sur les liens de votre page !
Comment voulez-vous que le script sache à quel lien attribuer
tel ou tel forme, donc, chaque lien aura son petit nom, et pour
faire cela, l'on se sert en Javascript de l'attribut id que signifie
identification ou identité
D'ailleurs, vous allez par la suite vous en servir souvent, qu'il
s'agisse de Javascript ou de Dhtml !
Etudions le code ensemble :
<A HREF="votre_page.htm"
ceci est l'URL du lien
id="1">
ceci est l'identificateur ( le nom ) attribué au lien 1
Lien
ceci est le texte du lien qui sera affiché sur la page
</A>
fin du lien
<script language="JavaScript">
appel d'ouverture de javascript
if (document.all) {
script
document.all("1")
script + rappel de l'indentificateur du lien
.style.cursor = 'crosshair'; }
type de curseur = la croix
</script>
fin de script
Maintenant, pour faire un second lien, il me suffira de changer
l'identificateur, par exemple remplacer 1 par 2, et pourquoi pas
donner un nom spécifique à l'identificateur selon le lien
exemple :
<A HREF="votre_page.htm" id="paragraphe 6">Lien</A>
<script language="JavaScript"> if (document.all) {
document.all("paragraphe 6").style.cursor = 'help'; }</script>
Que se passe t'il si je donne le même identificateur à 2 liens différents ??
tout simplement un message d'erreur s'affichera indiquant que
le style du document est null, donc si il y a un message d'erreur,
contrôlez tous les liens !!!!!
Liste de tous les curseurs disponibles en Javascript
( passez votre souris sans cliquer )
crosshair
default
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
help
wait
Il existe aussi le curseur auto, mais il ne permet que d'affficher la main, ce que hand fait aussi !
Notez bien que j'ai essayé de provoquer l'affichage des curseurs dipos sous Windows, tels le
stylo ou le panneau d'interdiction, mais apparement seuls les curseurs ci-dessus sont acceptés ! Snif ;-)
René le 04 setembre 2001 http://rshorter.free.fr (mais ce site a fermé).