Médiaforma

All posts tagged pointeur

Saviez-vous qu’il est possible de changer l’apparence du pointeur de la souris sous Windows 7 ?

Cliquez du bouton droit sur une partie inoccupée du Bureau et sélectionnez Personnaliser dans le menu contextuel. Cliquez sur Modifier les pointeurs de souris dans le volet gauche de la fenêtre Personnalisation. Cette action affiche la boîte de dialogue des propriétés de la souris. La zone de liste Personnaliser vous montre les différents aspects que peut prendre le pointeur de la souris. Pour modifier tous ces aspects en une seule opération, il vous suffit de dérouler la liste Modèle et de choisir un autre réglage. Ici, par exemple, nous choisissons le modèle Windows inversé.

Pour modifier une des formes du pointeur, double-cliquez dessus dans la zone de liste Personnaliser et faites votre choix dans la boîte de dialogue Parcourir.

Notez également qu’il est possible d’activer ou de désactiver l’ombre du pointeur et de revenir à la configuration par défaut.


S’il vous arrive de perdre de vue la souris sur l’écran et d’avoir du mal à la retrouver, cette vidéo va vous montrer comment faire en sorte que cela ne se reproduise plus. Read more


Dans une rubrique précédente, vous avez appris à modifier le pointeur de la souris. Je vais maintenant vous montrer comment lui affecter une image quelconque. Ici par exemple, le curseur de la souris se modifie au survol de la balise <div> de couleur jaune :

Examinons le code :

Le code HTML ne contient qu’une balise <div> de classe carre.

Le code CSS définit les dimensions de la balise <div>, sa couleur d’arrière-plan et le pointeur à utiliser.


Cette rubrique va vous montrer comment modifier le pointeur de la souris dans un document. L’utilisateur choisit un pointeur en sélectionnant un bouton radio. Le pointeur change immédiatement de forme jusqu’à ce qu’il sélectionne un autre bouton radio.

Voici le code utilisé :

Le code HTML définit dix-huit boutons radio. Chacun d’entre eux a pour nom pointeur, mais les valeurs qui sont affectées à leur attribut value sont différentes. Lorsque l’utilisateur choisit un bouton radio en cliquant dessus, la fonction JavaScript change() est exécutée, en lui transmettant l’élément this.form.pointeur, c’est-à-dire l’ensemble des boutons radio.

Examinons le code JavaScript.

Lorsqu’un bouton radio est choisi, la fonction change() s’exécute. Les boutons radio this.form.pointeur qui lui sont transmis seront manipulés sous le nom radio dans la fonction.

Une boucle for passe en revue chacun des boutons radio. Le parcours se fait du premier bouton radio au dernier en utilisant les valeurs 0 et radio.length :

for (var i=0; i<radio.length;i++)

Si un des boutons radio est sélectionné :

if (radio[i].checked)

Sa valeur est stockée dans la variable p :

var p = radio[i].value;

Une fois la boucle terminée, la forme du pointeur est mise à jour en lui appliquant la valeur stockée dans la variable p :

document.body.style.cursor = p;


Si vous avez du mal à bien voir le pointeur de la souris sur l’écran, vous pouvez l’agrandir. Voici comment procéder.

Cliquez sur la touche Windows, tapez panneau et cliquez sur Panneau de configuration. Dans la case de recherche du Panneau de configuration, tapez souris, puis cliquez sur Modifier l’apparence du pointeur de souris :

Cette action affiche la boîte de dialogue des propriétés de la souris. Déroulez la liste Modèle et choisissez Windows standard (grand) (modèle système) ou Windows standard (très grand) (modèle système) :

Validez en cliquant sur OK. La souris est maintenant bien plus grande et donc, bien plus visible.