Créer un compte
Connexion

Js : Agrandir la taille du texte de plusieurs classes

Pour créer et répondre aux sujets, vous devez être connecté.
Ce sujet est résolu.
Pages: 1
Auteur Message
Spitfire 95
31/01/2010 à 13:48:49
Spitfire 95
Membre
Bonjour.
J'aimerais pouvoir agrandir la taille du texte de mes pages.Mais ça ne fonctionne pas pour les textes appartenants à des classes (ex: <span class="txterror">texte</span> ne changera pas de taille).
/*------------------------------------------------------------
        Document Text Sizer- Copyright 2003 - Taewook Kang.  All rights reserved.
        Coded by: Taewook Kang (txkang.REMOVETHIS@hotmail.com)
        Web Site: http://txkang.com
        Script featured on Dynamic Drive (http://www.dynamicdrive.com)
       
        Please retain this copyright notice in the script.
        License is granted to user to reuse this code on
        their own website if, and only if,
        this entire copyright notice is included.
--------------------------------------------------------------*/

//Specify affected tags. Add or remove from list:
var tgs = new Array( 'div','td','tr');

//Specify spectrum of different font sizes:
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;

function ts( trgt,inc ) {
        if (!document.getElementById) return
        var d = document,cEl = null,sz = startSz,i,j,cTags;
       
        sz += inc;
        if ( sz < 0 ) sz = 0;
        if ( sz > 6 ) sz = 6;
        startSz = sz;
               
        if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

        cEl.style.fontSize = szs[ sz ];

        for ( i = 0 ; i < tgs.length ; i++ ) {
                cTags = cEl.getElementsByTagName( tgs[ i ] );
                for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
        }
}
Liens :
<div style="position:fixed;top:45%;right:0px;"><a href="javascript:ts('body',1)">Augmenter la taille du texte</a><br>
<a href="javascript:ts('body',-1)">Diminuer la taille du texte</a></div>

Merci pour votre aide.

Spitfire 95
31-01-2010 à 14:09:54
Spitfire 95
Membre
Désolé pour le message inutile : je viens de trouver : il suffisait d'ajouter 'span' et 'a' à var tgs = new Array( 'div','td','tr');

Désolé d'encombrer vos serveurs...

ybouane
31/01/2010 à 17:15:56
ybouane
Admin
bonjour,
c'est ce que j'allais te dire, je suis heureux que ça fonctionne.

Cordialement  :)

Image
Pages: 1