• 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
word   WD   Accusé réception   Javascript   PHP   office 2007   Redimensionnement image   optimisation   Sécurisation   Création de site web   Autorité de certification   disque virtuel   Réseau   Google   VMware   Jquery   CMS   Word 2003   Windows7   Compte utilisateur   OpenSSL   CSS   WinDev   Nowwweb.com   Référencement   windows   Référencement   WD16   Alixo   CK EDITOR (utilisateurs)  

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