Forum « Re: changement dynamique de police/couleur/grandeur d'un texte »

Forum « Programmation Javascript » (archives)

Re: changement dynamique de police/couleur/grandeur d'un texte

Envoyé: 28 janvier 2004, 7h49 par Oznog

Salut,

Bien que ça fonctionne tu dois savoir que normalement on offre un choix de feuille de style au complet. Tu peux alors changer à ta guise de feuille de style donnant un tout autre style mais aussi une autre disposition des élément de ta page. En XHTML bien sûr. Il y a des exemple de script dans le forum.

Alors dans ton cas tu peux utiliser la propriété "font" :

<html>
<body>
<script language=javascript>
var isNetscape4=document.layers;
var isNetscape6=document.getElementById && !document.all
var DHTML=document.getElementById || document.all || document.layers;
var ordonnee = 200;

function getStyle(nom){
if (isNetscape6) style=document.getElementById(nom).style;
else if (isNetscape4) style.document.layers [nom];
else style=document.all[nom].style;
return(style);
}

function change_couleur(couleur,police){
if (!DHTML) return;
getStyle('texte').color=couleur;
getStyle('texte').font=police;
}
</script>

Choisir une couleur de texte :
<input name="radiobutton" type="radio" onClick="change_couleur('blue','14pt/14pt Arial, Helvetica, sans-serif')" value="radiobutton">bleu
<input name="radiobutton" type="radio" onClick="change_couleur('red','14pt/14pt Courier New, Courier, mono')" value="radiobutton">rouge
<div id="texte"> Mon texte à changer</div>
</body>
</html>

Ciao
Oznog