• Accueil
  • Entreprendre
    • Communiquer sur le web
  • Programmation
    • WLangage
    • HTML / CSS
    • PHP / MYSQL
    • Javascript
    • Jquery : enrichissez vos pages webs !
    • Utilisation de CK Editor
  • Votre Ordi
    • Mieux utiliser son PC
  • Systèmes
    • Sécurisation de vos systèmes informatiques
    • Virtualisation
  • 'Geekeries'
    • Outils de développement
    • On aime
Accueil > Programmation > Javascript > Créer un systeme de grossissement/retrécissement du texte HTML
Tags
Compte utilisateur   CK EDITOR (utilisateurs)   SSL   e-mail   Alixo   disque virtuel   Redimensionnement image   WD16   Windows XP   VMware   HTML   Référencement   optimisation   MYSQL   Google   Autorité de certification   WD   bonnes adresses   Certificat   mail   Windows7   CMS   Facebook   Réseau   Création de site web   Notepad++   Accusé réception   WinDev   Javascript   Jquery  

Créer un systeme de grossissement/retrécissement du texte HTML

Partager :

Sur tous types de site, cela peut plaire à vos internautes de pouvoir grossir la police.

Le code JS à placer entre vos balises "head" :



<script language="JavaScript" type="text/javascript">            

    var t;            

    t = 1;

    function changerTaille(modif) {

        t = t + modif;

        document.getElementsByTagName("body")[0].style.fontSize = t + "em";        

    }    


</script>

 

Le code html à placer ou vous voulez dans votre page :

<img src="images/petit.png" onClick="changerTaille(-0.1); return false;" />
<img src="images/grand.png" onClick="changerTaille(0.1); return false;" />

 

Pensez à créer vos images :)

Ecrit par Kévin Couvet le 12/07/2011
Dernière modification le 25/07/2011
Categorie : Javascript
Autres articles sur : HTML , Javascript

Commentaires


Agence web - Nos auteurs- Tutoriels- Mentions légales