Changer la police avec un select, sans recharger la page

Version imprimable

30/12/2004, 16h31
Netoman

Changer la police avec un select, sans recharger la page

Bonjour,

j'aimerai pouvoir changer la valeur de la police de la page à l'aide d'une valeur contenu dans un select et le tout sans recharger la page.

J'ai bien essayer des trucs comme onChange mais le problème résulte de la récupération de la variable du select ou plutôt comment et où aller la remettre dans le font face=police

Une idée? une autre piste?

est-ce que ceci répond à ta question ? :

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="Helvetica">Helvetica</option>
<option value="Verdana">Verdana</option>
</select>

30/12/2004, 17h11
Netoman

a première vue cela répond à ma question mais après test, cela ne marche pas du tout.
fontFamily, n'est pas pas des attribut css?
enfin quand je fais des actions du même type mais avec onclick et un changement de couleur cela marche.
dans ce cas j'utilise :

document.bgcolor=color
document.fgcolor=color

mais bon apparement avec la police ca ne vas pas.

Une autre idée?
30/12/2004, 17h29
necronick

Citation:

Envoyé par Netoman

a première vue cela répond à ma question mais après test, cela ne marche pas du tout.

Cela fonctionne pourtant tres bien avec mon IE et mon firefox :roll:
30/12/2004, 17h34
Netoman

je suis sous firefox et ca ne va pas tu peux pas mettre le code de la page complète qui ne fais que ca, que je vois en détails.
30/12/2004, 17h38
Netoman

c'est bon j'ai compris, cela fonctionne sans problème, j'ai du virer ce qu'il y avait dans mon font face="police"

Maintenant je vais un peu voir comment attribuer une couleur par défaut, tu as une idée?
30/12/2004, 17h43
Netoman

Sinon merci beaucoup pour l'aide, si tu as encore une idée ou je dois mettre la valeur par défaut à fontFamily dans body? je ne sais pas.

Enfin je vais quand même déjà mettre mon post en 'résolu'.

Merci encore.
30/12/2004, 17h56
necronick
eh bien, tu peux mettre la valeur par défaut comme ceci :

Code:

<body style="font-family:helvetica">

ou alors tu ajoutes ceci entre les balises <head> et </head> :
Code:

1 2 3 4 5 <style type="text/css"> body{ font-family:helvetica } </style>
30/12/2004, 18h07
Netoman

merci merci, c'est ce que j'ai trouvé par la suite.

Programmant d'habitude en php et pas en javascript je tente de m'y faire mais ca va et puis il fallait bien que je passe par le client pour ménager les serveurs et les visiteurs aussi.

Merci encore.