 |
Forum |
|
|
Réagissez
dans les forums
de JDN Développeurs
|
La démocratisation de l'accès Internet signifie non seulement plus de visiteurs potentiels pour son site, mais aussi qu'il devient quasiment impossible de créer une mise en page qui convienne à chacun. Si l'on peut mettre en place les éléments selon un dénominateur commun, les polices restent un problème : selon la taille, elles prendront trop de place en 640*480, ou seront illisibles en 1920*1200.
L'idée revient donc à autoriser le lecteur à régler lui-même la taille du texte affiché. La première solution proposée ici consiste à proposer différentes tailles de police, et de laisser l'utilisateur choisir celle qui lui convient le mieux.
Cette solution utilise la fonction getElementsByClass(), présentée dans un précédent article (lire notre article du 12/05/06), pour parcourir les balises HTML et regrouper celles possédant la classe de modification (ici, mod). Cela nous permet de viser uniquement certains textes, et donc de ne pas voir par exemple un menu mis en page avec CSS s'effondrer par un changement inopportun de taille de police.
<script type="text/javascript">function getElementsByClass(searchClass, node, tag) { var classElements = new Array(); if ( node == null ) node = document; if ( tag == null ) tag = '*'; var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"); for (i = 0, j = 0; i < elsLen; i++) { if ( pattern.test(els[i].className) ) { classElements[j] = els[i]; j++; } } return classElements;} function tailleFonte(classe, taille) { cibles = getElementsByClass('mod'); for (i=0; i < cibles.length; i++) { cibles[i].style.fontSize = taille; } }</script>
Exemple :
Je suis du texte inchangeable.
Je suis du texte changeable.
Je suis du texte inchangeable.
Je suis du texte changeable.
|
