• 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
PHP   SSL   CK EDITOR (utilisateurs)   disque virtuel   WD   IpTables   mail   bonnes adresses   HTML   VMware   word   WinDev   Windows7   Windows XP   Certificat   Référencement   Réseau   MYSQL   Javascript   CSS   Facebook   Accusé réception   e-mail   Nowwweb.com   Référencement   WD16   Virtualisation   CMS   OpenSSL   Google  

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