Comment grossir du texte au passage de la souris en javascript ?

 

par meltech1 |

     
Comment grossir du texte au passage de la souris en javascript ?

Sur un site Internet certains textes sont écrits en petit voire illisibles. Donc il faut trouver un moyen pour augmenter leur visibililté car certains internautes ne peuvent pas lire le texte illisible. Avec cet article votre texte grossira dès un passage de la souris dessus. Ainsi l'internaute qui souhaite grossir votre texte n'aura qu'à passer la souris dessus. Voici comment faire.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Premièrement ouvrez votre page Internet avec le logiciel "bloc notes" pour en obtenir le code source. C'est le programme de votre site Internet, celui dans lequel il y a les balises pour entrer le programme suivant. Cherchez-y la balise <body>.

2.

Dans la balise <body> veuillez insérer le script suivant :
<script LANGUAGE="JavaScript">
text = "Essayez de passer votre souris ici."
tailleMax = 50 //taille max des caractères
tailleMin = 10 //taille min des caractères
function initEffetLoupe(obj) {
document.getElementById(obj).innerHTML = "<TABLE><TR onMouseOver=effetLoupe('"+obj+"')><TD>" + text + "</TD></TR></TABLE>"
}
function effetLoupe(obj) {
aff = ""
increment = (tailleMax-tailleMin)/(text.length/2)
pos = 0
taille = tailleMin
for(a=0; a<text.length; a++) {
lettre = text.charAt(a)
if (pos+tailleMin >= tailleMax) { increment = -increment }
pos += increment
taille = tailleMin + pos
aff += "<TD><FONT style='font-size:" + taille + "'>"+lettre+"</FONT></TD>"
}
document.getElementById(obj).innerHTML = "<TABLE><TR onMouseOut=initEffetLoupe('"+obj+"')>" + aff + "</TR></TABLE>"
}
</script>
<DIV ID="txt1" >-</DIV>
<script LANGUAGE="javascript">
initEffetLoupe("txt1")
</script>.

3.

Pour terminer enregistrez votre texte avec "bloc notes" puis ouvrez avec IE. Vous remarquez qu'il y a un texte sur votre site Internet qui dit "Essayez de passer votre souris ici". Si vous passez la souris dessus alors le texte grossit. Maintenant le texte est lisible. C'est l'effet loupe à conseiller aux personnes âgées.

Astuces et mises en garde

Astuce(s) :

Pour modifier le texte allez dans la balise <body>.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on