Changer la police avec un select, sans recharger la page

**Netoman** · 30/12/2004, 16h31

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?

**necronick** · 30/12/2004, 16h54

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Netoman** · 30/12/2004, 17h11

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?

**necronick** · 30/12/2004, 17h29

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

**Netoman** · 30/12/2004, 17h34

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.

**Netoman** · 30/12/2004, 17h38

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?

**Netoman** · 30/12/2004, 17h43

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.

**necronick** · 30/12/2004, 17h56

eh bien, tu peux mettre la valeur par défaut comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<style type="text/css">
body{
   font-family:helvetica
}
</style>

**Netoman** · 30/12/2004, 18h07

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.

Changer la police avec un select, sans recharger la page

JavaScript

Discussions similaires

Partager

Partager