Changer taille, couleur, police d'un texte par listbox

Changer taille, couleur, police d'un texte par listbox - HTML/CSS - Programmation

Marsh Posté le 01-11-2007 à 21:09:05    

bonjour,
 
Sur mon site j'ai une page où les gens choisissent un texte, sa taille, sa couleur, sa police, son style(gras, italique, standard).Il y un champs texte pour le texte et 4 listbox pour la couleur, la taille, la police et le style.Je voudrai que les gens puissent voir un aperçus de leur volonté dans une balise div
 
Voila mon code si quelqu'un peut m'aider a trouver le javascript pour l'aperçu
 

Code :
  1. <form id="formtext" name="formtext" method="post" action="">
  2.     <p align="center">&nbsp;</p>
  3.     <p align="center" class="Style46">Choix</p>
  4.     <p align="center">&nbsp;</p>
  5.     <div align="center">
  6.       <table width="261">
  7.         <tr>
  8.           <td width="69" class="texte"><div align="right" class="style43">texte</div></td>
  9.           <td width="180"><span class="texte style39">
  10.             <input name="texte" id="texte" value="" size="40" maxlength="40" />
  11.           </span></td>
  12.         </tr>
  13.         <tr>
  14.           <td class="texte"><div align="right" class="style43">police</div></td>
  15.           <td><span class="texte style39">
  16.             <select name="police" class="texte" id="police" >
  17.               <option value="0" selected="selected">Arial</option>
  18.               <option value="50">Mistral</option>
  19.             </select>
  20.           </span></td>
  21.         </tr>
  22.         <tr>
  23.           <td class="texte"><div align="right" class="style43">couleur </div></td>
  24.           <td><span class="texte style39">
  25.             <select name="color"  class="texte" id="color" >
  26.               <option value="Black" selected="selected">noir</option>
  27.               <option value="Blue">Bleu</option>
  28.               <option value="Red">Rouge</option>
  29.               <option value="Green">Vert</option>
  30.               <option value="Yellow">Jaune</option>
  31.               <option value="Orange">Orange</option>
  32.               <option value="Violet">Violet</option>
  33.               <option value="Navy">Bleu fonc&eacute;</option>
  34.             </select>
  35.           </span></td>
  36.         </tr>
  37.         <tr>
  38.           <td class="texte"><div align="right" class="style43">taille</div></td>
  39.           <td><span class="texte style39">
  40.             <select name="taille" class="texte" id="taille" >
  41.               <option value="0" selected="selected">8</option>
  42.               <option value="50">10</option>
  43.               <option value="70">12</option>
  44.               <option value="90">14</option>
  45.               <option value="110">16</option>
  46.               <option value="130">18</option>
  47.               <option value="250">24</option>
  48.               <option value="500">36</option>
  49.             </select>
  50.           </span></td>
  51.         </tr>
  52.         <tr>
  53.           <td class="texte"><div align="right" class="style43">style</div></td>
  54.           <td><select name="menu1" class="texte" onchange="MM_jumpMenu('parent',this,0)">
  55.             <option value="0">Normal</option>
  56.             <option value="1">Gras</option>
  57.             <option value="2">italique</option>
  58.                                         </select></td>
  59.         </tr>
  60.           </table>
  61.     </div>
  62.     <p align="center">&nbsp;</p>
  63.     <div id="achataper&ccedil;us"> Ici, l'aper&ccedil;u </div>
  64.     <p>&nbsp;</p>
  65.   </form>


Message édité par thesnoobrats le 01-11-2007 à 21:17:42
Reply

Marsh Posté le 01-11-2007 à 21:09:05   

Reply

Marsh Posté le 02-11-2007 à 00:19:04    

MM_jumpMenu
 
ouch ca commence mal
ici c ets un forum de programmation tu sais
donc on t aide si tu rencontres des problemes dans la prog mais en aucun cas on code a ta place
ce que tu demandes est plutot compliqué comme script donc il va falloir que tu apprennes le js avant tout (commence par reecrire les fonctions de dreamweaver qui sont TRES crades)


---------------
« The enemy is the gramophone mind, whether or not one agrees with the record that is being played at the moment. » — George Orwell
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed