Discussion :

[renaud26]

Bonjour à tous,

Je débute en JS.
Je voudrais afficher un mot qui serait modifié selon des attributs choisis dans un formulaire. Alors j'ai fait une petite fonction...qui ne fonctionne pas...

Code :

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

1
2
3
4
5
6
7
8
 
 
function affiche_mot(){
 
if (document.form1.gras.checked==true)
{ 
document.write("<B>" + document.form1.mot.value + "</B>");
}

puis dans le form1:

Code :

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

1
2
3
 
<input type="hidden" name="mot" value="Le Mot">
 <input name="gras" type="checkbox"  onClick="affiche_mot();">

et j'affiche la fonction à l'endroit où je voudrais voir Le Mot

Code :

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

1
2
3
 
<script language="JavaScript" type="text/JavaScript">
affiche_mot()</script>

Si je coche la case, cela m'affiche bien le mot en gras, mais plus rien d'autre dans la fenêtre ! une page blanche et le mot tout seul

[SpaceFrog]

normal document.write efface le reste du doc ...

mets un div et attribue lui le innerHTML

[renaud26]

Merci pour ta réponse, mais en cherchant, j'ai lu que innerHTML ne fonctionnait que sous IE. Qu'en penses tu ?

[SpaceFrog]

que je sais pas ou t'as lu ça mais ne retourne jamais sur ce site ... c'est un ramassis de conneries ...

[renaud26]

oups ! alors je ne dirai pas lequel

Bon voici ce que j'ai fait

Code :

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

1
2
3
4
5
6
7
8
 
 
function affiche_mot(){
if (document.form1.gras.checked==true)
{ 
document.all.affiche.innerText = "<b>" + document.form1.mot.value + "</b>"; 
}
}

Donc le mot s'affiche bien dans mon div "affiche", mais il ne se met pas en gras, il affiche les balises !
Par ailleurs, si je peux me permettre, ma question n'était pas complète. J'ai prix l'exemple de l'attribut gras, mais en réalité j'ai 5 checkbox et 5 attributs (italique, souligné, couleur...)...
Comment tu articulerais la fonction pour que les effets s'appliquent sur le mot en se cumulant, ou s'annulent si le checkbox est décoché ?
Je me vois pas trop mettre autant de else if que de combinaisons...

[linar009]

Ben je sais pas ce que vous en pensez mais pour moi innerHTML fonctionne sur tous les navigateurs (à part peut-être internet explorer version 0.2beta )

Donc voici mon conseil :

document.all.affiche.innerHTML = "<b>" + document.form1.mot.value + "</b>";