• 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
Création de site web   MYSQL   bonnes adresses   Notepad++   mail   Jquery   Redimensionnement image   SSL   Référencement   CSS   Réseau   Javascript   Référencement   Compte utilisateur   WD16   Autorité de certification   Alixo   Facebook   HTML   Nowwweb.com   WinDev   e-mail   CMS   Virtualisation   WD   optimisation   windows   linux   OpenSSL   Certificat  

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