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
...