[Html] Formulaire -> Générateur de code

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu [Html] Formulaire -> Générateur de code

Message par undertaker999 le Lun 19 Déc 2011 - 21:10

Bonjour à vous,
Dans la vision d'optimiser le réalisme de mon forum, j'ai il y a quelques temps, mis en place un bureau personnalisé à chaque membre de mon forum...
En effet, chaque membre dispose de son bureau (Image réactive) lui permettant de naviguer directement vers les divers sections (sujets) qui lui sont destinées.

En voici le résultat avec le code personnalisé:
Code:
<img src="http://i29.servimg.com/u/f29/13/09/19/90/bureau11.jpg" width="950" height="626" alt="Hey" usemap="#hey" />

<map name="hey">
<area shape="poly" coords="24,55,23,219,81,219,81,237,27,239,28,257,79,257,84,277,198,279,228,272,229,255,271,253,271,241,231,238,231,218,271,214,271,53," href="http://velp.monempire.net/c6-multimedia" alt="MultiMédia" title="MultiMédia"  />

<area shape="poly" coords="204,278,451,253,476,426,482,440,626,500,384,616,245,516,22,56," href="http://velp.monempire.net/" alt="Management" title="Management"  />

<area shape="rect" coords="616,325,698,469" href="http://velp.monempire.net/f130-appel-d-offres" alt="Appel d'offres" title="Appel d'offres"    />

<area shape="poly" coords="737,467,655,554,666,567,854,589,904,496,893,477," href="http://velp.monempire.net/" alt="Bilan Financier" title="Bilan Financier"  />

<area shape="poly" coords="739,278,741,325,899,285,925,310,898,330," href="http://velp.monempire.net/f117-la-bourse-de-l-europe" alt="bourse" title="bourse"  />

<area shape="poly" coords="723,221,722,271,902,279,930,259,904,232," href="http://velp.monempire.net/f112-assurance" alt="assurance" title="assurance"  />

<area shape="poly" coords="724,167,725,217,904,225,935,203,902,175," href="http://velp.monempire.net" alt="Usine" title="Usine"  />

<area shape="poly" coords="735,113,736,162,906,171,936,148,905,122," href="http://velp.monempire.net/" alt="Ressources Humaines" title="Ressources Humaines"  />

<area shape="poly" coords="86,501,37,545,109,574,142,535,156,553,196,576,178,520,138,495,137,511," href="http://velp.monempire.net/t383-toutes-les-pages-html-essentielles?highlight=les+pages+html" alt="les pages html " title="les pages html "  />

<area shape="poly" coords="316,1,317,262,455,253,466,268,721,270,732,56,790,55,790,44,808,42,808,53,848,58,849,1," href="http://velp.monempire.net/c1-siege-social" alt="Échanges Internationaux" title="Échanges Internationaux"  />
</map>

Comme vous l'avez certainement remarqué, le résultat est très intéressant.
Afin d'accélérer la création de ces bureaux j'ai eu l'idée de construire un formulaire - générateur qui me permettrait d'accélérer cela.

Malheureusement, toutes mes essais de création ne se sont avérer correct... C'est ainsi que je me tourne vers vous pour recevoir votre aide.

Mon erreur survient quand je veux amener le code (vierge (sans lien)) dans le code sortant et d'insérer les valeurs (liens) entrées dans le code sortant.

Voici mon essai:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Générateur de Bureau</title>
    <style type="text/css">
    .contenu_onglet {
    background-color: #ffffff; width:920px; border: 1px solid #888888; margin: 0px auto 0px; padding: 10px; -moz-border-radius: 30px; text-align: justify;}
    a {
    text-decoration : none; color: #ff950d;}
    .titre_article {
    color: #000000; font-size: 16px; font-variant: small-caps; font-weight: bold; padding-left: 20px;}
    .auteur {
    font-style: italic;}
    input, textarea
    {
    font-family:"Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
    margin-bottom: 5px;
    }
    textarea:focus /* Quand le curseur est sur un champ */
    {
    background-color:#EBEBEB;
    }
    </style>
    </head>
    <body style="background: #eaeaea;">
    <div class="contenu_onglet">
    <script type="text/javascript">
    //<!--
    function calcul_ad()
    {
    a= document.forme.champ10.value;
    b= document.forme.champ11.value;
    c= document.forme.champ12.value;
    d= document.forme.champ13.value;
    }
    //-->
    </script>
    <form action="" method="post" name="forme">
    <div align="center"><span class="titre_article">Générateur de Bureau</span><br /><br />
    <table style="border:1px;background:#FFFFFF;text-align:center;"><tr>
    <td>Entrer les liens ici </td>
    <td><input type="text" size="50" maxlength="50" name="champ10" value="ordinateur" /> <br />
    <input type="text" size="50" maxlength="50" name="champ11" value="cell" /> <br />
    <input type="text" size="50" maxlength="50" name="champ12" value="ressource humaine" /> <br />
    <input type="text" size="50" maxlength="50" name="champ13" value="television" /> </td>
    </tr><tr>
    </table>
   
    </div>

 

    <p align="center"><input type="button" value="Générer le code du bureau" onclick="
    document.forme.cod1.style.display='block';
    document.forme.cod1.value='TEST !!!!!';document.getelementbyid('validate').disabled=(document.getelementbyid('code').value!='')?false:true;" />
    <input type="reset" value=" Réinitialiser la page"/> <input type="button" name="lien" value="Retour au Forum" onClick="self.location.href='http://www.velp.monempire.net/'" />
    <br><br>
    <textarea class="post" style="width:900px; text-align:center;font-size: 14px;" id="code" name="cod1" wrap="virtual" onselect="storecaret(this);" tabindex="3" cols="35" rows="6"  onkeyup="storecaret(this);document.getelementbyid('validate').disabled=(this.value!=''&&document.getelementbyid('code').value!='')?false:true;" onclick="storecaret(this);" style="width: 250px; height: 250px; border: 1px solid #98d0cd;" readonly="true">
    </textarea><br />
    <a href="http://www.velp.monempire.net">Retour au forum</a></p>
    </form>
    </div>
    </body>
    </html>

J'espère que vous serez en mesure de m'aider...

Très Sincèrement,
Velp


Dernière édition par undertaker999 le Mar 20 Déc 2011 - 5:25, édité 1 fois

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Html] Formulaire -> Générateur de code

Message par Scoubifitz le Mar 20 Déc 2011 - 0:04

bonsoir,

toujours une joie d'adapter un générateur ! ^^

je pense que vos membres en feront bon usage ...

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Générateur de Bureau</title>
<style type="text/css">
.contenu_onglet {
   background-color: #ffffff;
   width:920px; border: 1px solid #888888;
   margin: 0px auto 0px;
   padding: 10px;
   -moz-border-radius: 30px;
   text-align: justify;}
a {
   text-decoration : none;
   color: #ff950d;}
.titre_article {
   color: #000000;
   font-size: 16px;
   font-variant:
   small-caps;
   font-weight: bold;
   padding-left: 20px;}
.auteur {
   font-style: italic;}
input, textarea{
   /* On modifie la police du texte tapé l'intérieur des champs */
   font-family:"Times New Roman", Times, serif;
   margin-bottom: 5px;}
textarea:focus /* Quand le curseur est sur un champ */
   {background-color:#EBEBEB;}
</style>
</head>
<body style="background: #eaeaea;">
<div class="contenu_onglet">
<form action="" method="post" name="forme">
<div align="center"><span class="titre_article">Générateur de Bureau</span><br /><br />
<table style="border:1px;background:#FFFFFF;text-align:center;"><tr>
<td>lien vers Multimédia</td>
<td><input type="text" size="65" maxlength="65" name="champ10" value="http://velp.monempire.net/c6-multimedia" /></td>
</tr><tr>
<td>lien vers Ressources humaines</td>
<td><input type="text" size="65" maxlength="65" name="champ11" value="http://velp.monempire.net/" /></td>
</tr><tr>
<td>lien vers Usine</td>
<td><input type="text" size="65" maxlength="65" name="champ12" value="http://velp.monempire.net/" /></td>
</tr><tr>
<td>lien vers Assurance</td>
<td><input type="text" size="65" maxlength="65" name="champ13" value="http://velp.monempire.net/f112-assurance" /></td>
</tr><tr>
<td>lien vers Bourse</td>
<td><input type="text" size="65" maxlength="65" name="champ14" value="http://velp.monempire.net/f117-la-bourse-de-l-europe" /></td>
</tr><tr>
<td>lien vers Bilan Financier</td>
<td><input type="text" size="65" maxlength="65" name="champ15" value="http://velp.monempire.net/" /></td>
</tr><tr>
<td>lien vers Appel d'Offres</td>
<td><input type="text" size="65" maxlength="65" name="champ16" value="http://velp.monempire.net/f130-appel-d-offres" /></td>
</tr><tr>
<td>lien vers Management</td>
<td><input type="text" size="65" maxlength="65" name="champ17" value="http://velp.monempire.net/" /></td>
</tr><tr>
<td>lien vers Pages HTML</td>
<td><input type="text" size="65" maxlength="65" name="champ18" value="http://velp.monempire.net/t383-toutes-les-pages-html-essentielles" /></td>
</tr><tr>
<td>lien vers Echanges Internationaux</td>
<td><input type="text" size="65" maxlength="65" name="champ19" value="http://velp.monempire.net/c1-siege-social" /></td>
</tr>
</table>
</div>
<p align="center"><input type="button" value="Générer le code du bureau" onclick="
document.forme.cod1.style.display='block';
var multimedia =document.forme.champ10.value;
var DRH =document.forme.champ11.value;
var usine =document.forme.champ12.value;
var assurance =document.forme.champ13.value;
var bourse =document.forme.champ14.value;
var bilan =document.forme.champ15.value;
var offres =document.forme.champ16.value;
var management =document.forme.champ17.value;
var pages =document.forme.champ18.value;
var echanges =document.forme.champ19.value;
var bureau ='<img src=\'http://i29.servimg.com/u/f29/13/09/19/90/bureau11.jpg\' width=\'950\' height=\'626\' alt=\'Hey\' usemap=\'#hey\' /><map name=\'hey\'><area shape=\'poly\' coords=\'24,55,23,219,81,219,81,237,27,239,28,257,79,257,84,277,198,279,228,272,229,255,271,253,271,241,231,238,231,218,271,214,271,53,\' href=\''+multimedia+'\' alt=\'MultiMédia\' title=\'MultiMédia\'  /><area shape=\'poly\' coords=\'204,278,451,253,476,426,482,440,626,500,384,616,245,516,22,56,\' href=\''+management+'\' alt=\'Management\' title=\'Management\'  /><area shape=\'rect\' coords=\'616,325,698,469\' href=\''+offres+'\' alt=\'Appel d\'offres\' title=\'Appel d\'offres\'    /><area shape=\'poly\' coords=\'737,467,655,554,666,567,854,589,904,496,893,477,\' href=\''+bilan+'\' alt=\'Bilan Financier\' title=\'Bilan Financier\'  /><area shape=\'poly\' coords=\'739,278,741,325,899,285,925,310,898,330,\' href=\''+bourse+'\' alt=\'bourse\' title=\'bourse\'  /><area shape=\'poly\' coords=\'723,221,722,271,902,279,930,259,904,232,\' href=\''+assurance+'\' alt=\'assurance\' title=\'assurance\'  /><area shape=\'poly\' coords=\'724,167,725,217,904,225,935,203,902,175,\' href=\''+usine+'\' alt=\'Usine\' title=\'Usine\'  /><area shape=\'poly\' coords=\'735,113,736,162,906,171,936,148,905,122,\' href=\''+DRH+'\' alt=\'Ressources Humaines\' title=\'Ressources Humaines\'  /><area shape=\'poly\' coords=\'86,501,37,545,109,574,142,535,156,553,196,576,178,520,138,495,137,511,\' href=\''+pages+'\' alt=\'les pages html \' title=\'les pages html \'  /><area shape=\'poly\' coords=\'316,1,317,262,455,253,466,268,721,270,732,56,790,55,790,44,808,42,808,53,848,58,849,1,\' href=\''+echanges+'\' alt=\'Échanges Internationaux\' title=\'Échanges Internationaux\'  /></map>';
document.forme.cod1.value=bureau;document.getelementbyid('validate').disabled=(document.getelementbyid('code').value!='')?false:true;" />
<input type="reset" value=" Réinitialiser la page"/> <input type="button" name="lien" value="Retour au Forum" onClick="self.location.href='http://www.velp.monempire.net/'" />
<br><br>
<textarea class="post" style="width:900px; text-align:center;font-size: 14px;" id="code" name="cod1" wrap="virtual" onselect="storecaret(this);" tabindex="3" cols="35" rows="15"  onkeyup="storecaret(this);document.getelementbyid('validate').disabled=(this.value!=''&&document.getelementbyid('code').value!='')?false:true;" onclick="storecaret(this);" style="width: 250px; height: 250px; border: 1px solid #98d0cd;" readonly="true">
</textarea><br />
<a href="http://www.velp.monempire.net">Retour au forum</a></p>
</form>
</div>
</body>
</html>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Html] Formulaire -> Générateur de code

Message par undertaker999 le Mar 20 Déc 2011 - 5:25

Merci Merci Merci...

Encore une fois Scoubifitz, vous avez trouvé est crée exactement le code que je souhaitais... C'est incroyable !!!

Je ne saurai plus quoi dire la prochaine fois,
Vitesse - exactitude - Extraordinaire !!! ^^

Très Sincèrement,
Velp !

undertaker999
*****

Masculin
Messages : 535
Inscrit(e) le : 20/12/2008

http://vous-etes-le-patron.net
undertaker999 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum