Forum de discussion
Forum « Programmation Javascript » (archives)
Re: Augmenter et diminuer le txt d'une page HTML + et -
Envoyé: 3 juillet 2003, 10h32 par Oznog
Tu as plusieurs possibilité. Voyont les deux les plus en vogue.
1. Carrément changer de style, par exemple deux style, "petit" et "normal" :
<style>
.petit { font-size: 9px; }
.normal { font-size: 14px; }
</style>
<div id="monDiv" class="normal">Mon texte...</div>
<div class="normal" onclick="document.getElementById('monDiv').className = 'normal'">normal</div>
<div class="normal" onclick="document.getElementById('monDiv').className = 'petit'">petit</div>
2. De façon très élégente, tu peux changer directement le style de la grandeur du texte d'un élément.
<script type="text/javascript">
var nGrandeur = 10;
function twGrandeurPolice(_id,_ajustement) {
// Script gratuit des Trucsweb.com
// Pour Casarchie :-)
// Laisser cette remarque s.v.p.
nGrandeur = nGrandeur + _ajustement;
document.getElementById(_id).style.fontSize = nGrandeur + "px";
}
</script>
<div class="normal" onclick="twGrandeurPolice('monDiv',1)">[+]</div> - <div class="normal" onclick="twGrandeurPolice('monDiv',-1)">[-]</div>
<div id="monDiv" style="font-Size : 10px">Mon texte...</div>
Ciao
Oznog
Réponses
|