Changement de police par select
Bonjour,
J'arrive à proposer une sélection globale de police de caractère grâce à :
Code:
1 2 3 4 5 6
| <select name="police" onchange="document.body.style.fontFamily=this.value;">
<option value="">----</option>
<option value="Arial">Arial</option>
<option value="Courrier">Courrier</option>
<option value="Tahoma">Tahoma</option>
</select> |
Cela vient bien prendre le pas sur le paramétrage de ma feuille de style.
Par contre, quand je veux appliquer cela uniquement à certains éléments du texte
Code:
1 2 3 4 5 6
| <select name="police2" onchange="document.getElementById(\"debuttext\").style.fontFamily=this.value;">
<option value="">----</option>
<option value="Arial">Arial</option>
<option value="Courrier">Courrier</option>
<option value="Tahoma">Tahoma</option>
</select> |
ou
Code:
1 2 3 4 5 6
| <select name="police3" onchange="document.getElementByClass(\"anglais\").style.fontFamily=this.value;">
<option value="">----</option>
<option value="Arial">Arial</option>
<option value="Courrier">Courrier</option>
<option value="Tahoma">Tahoma</option>
</select> |
cela ne fonctionne pas.
Dans le HTML, on trouve des choses comme :
Code:
1 2 3
| <div id='debuttext'> blablabla
blablabla
blablabla</div> |
et
Code:
1 2 3
| <div class='anglais'> do yo speak english ? </div>
<div class='français'> parlez-vous anglais ? </div>
<div class='anglais'> blablabla </div> |
Merci de vos retours