• 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
Alixo   VMware   Création de site web   Windows7   WD16   HTML   Word 2003   windows   e-mail   word   Redimensionnement image   mail   SEO   Nowwweb.com   WD   Google   disque virtuel   CK EDITOR (utilisateurs)   Réseau   SSL   optimisation   PHP   office 2007   Accusé réception   IpTables   Javascript   Virtualisation   Compte utilisateur   Autorité de certification   MYSQL  

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