Discussion :

[kilian67]

Bonjour,

Je souhaite que d'apr�s les choix qu'un utilisateur fait dans un formulaire de mise en page (police, taille, couleur, etc...) un exemple s'affiche dans un tableau en aper�u avant la validation de celui ci !

Voici le formulaire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<form action="validation.php" method="POST"><table border="3" cellspacing="0" width="95%" bordercolor="red" bordercolordark="#990000" bordercolorlight="#CC3333"><tr><td>
 
<table border="0" width="100%"><tr> <td class="Parametre_1">
<p>Personnalisation.</p>
<table border="1" width="30%" bordercolor="#999999" align="center">
<tr>
<td width="100%">
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>
</tr>
</table>
</td>
</tr><tr><td class="Parametre_2">
<p>Entre le code couleur</p>
</td></tr><tr><td>
<input type="text" name="perso2" value="#FFFFFF" class="Cellules">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr><tr><td class="Parametre_2"><p>Choisis la taille du chiffre</p></td></tr><tr>
<td><select name="perso4" size="1">
<option value="8pt">8pt</option>
<option value="10pt">10pt</option>
<option value="12pt">12pt</option>
<option value="18pt">18pt</option>
<option selected value="24pt">24pt</option>
<option value="36pt">36pt</option>
</select></td>
</tr><tr>
<td class="Parametre_2"><p>Choisis la police du chiffre</p></td></tr> <tr>
<td><select name="perso6" size="1">
<option value="Arial Black">Arial Black</option>
<option value="Bernard MT Condensed">Bernard MT Condensed</option>
<option value="Bodoni MT Condensed" selected>Bodoni MT Condensed</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Garamond">Garamond</option>
<option value="Roman">Roman</option>
</select></td>
</tr>
<tr><td class="Parametre_2">
<p>Choisis la présentation du chiffre</p></td></tr><tr><td class="TailleTexte">
<p><input type="checkbox" name="perso8" value="<b>"><b> Gras</b></p>
<p><input type="checkbox" name="perso9" value="<i>"><i> Italic</i></p>
<p><input type="checkbox" name="perso10" value="<u>">&nbsp;<u>Souligné</u></p>
</td></tr><tr>
<td class="FormCache"></td></tr></table></td></tr></table>
<p><input type="submit" name="envoyer" value="Creer / Modifier / Visualiser"></p>
</form>

[SpaceFrog]

sur le onchange de chacun des selects de param�tres...

tu modifies le style d'un td

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
 
var exemple=document.getElementById('montd').
montdt.style.fontFamily=document.forms[0].elements['fontselect'].value
...