Générer le code du résultat d'un forumulaire

2 participants

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

Résolu Générer le code du résultat d'un forumulaire

Message par undertaker999 Jeu 7 Juil 2011 - 7:34

Bonjour tout le monde,

Voilà, je dois vous l'avouer le titre quoique qui présente très bien ce que je veux faire n'est pas très facile a comprendre...

En vérité, j'ai un problème avec 1 générateur que j'ai construis à l'aide d'un exemple sur le net...

Cependant, je voudrais le combiner avec un autre type de générateur, mais là je suis pas capable :-)

Voici le premier générateur et son code:
http://velp.monempire.net/h12-cout-total-de-la-transaction
Code:
<script language=JavaScript1.2> function ejs_nodroit() { alert('Le clic droit est interdit !!!'); return(false); } document.oncontextmenu = ejs_nodroit; </script>

<!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>Le Temps de Production + Le nombre d'élément nécessaire à votre production</title>
  <script type="text/javascript">
    //<!--
      function change_onglet(name)
        {
          document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
          document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
          document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
          document.getElementById('contenu_onglet_'+name).style.display = 'block';
          anc_onglet = name;
        }
    //-->
  </script>
  <style type="text/css">
    .onglet {
      display: inline-block; margin-left: 3px; margin-right: 3px; padding: 3px; cursor: pointer;}
    .onglets {
      text-align: center;}
    .onglet_0 {
      opacity: 0.4;}
    .onglet_1 {
      opacity: 1.0;}
    .contenu_onglet {
      background-color: #ffffff; border: 1px solid #888888; margin: 0px 0px 0px 0px; padding: 30px; display: none; -moz-border-radius: 30px; text-align: justify;}
   a {
     text-decoration : none; color: #ff950d;}
   * {
     color: #555555; font-size: 14px;}
   .titre_article {
     color: #000000; font-size: 16px; font-variant: small-caps; font-weight: bold; padding-left: 20px;}
   .auteur {
     font-style: italic;}
  </style>
</head>
<body style="background: #eaeaea;">


 


  <div class="systeme_onglets">
    <div class="onglets">
      <span class="onglet_0 onglet" id="onglet_cat1" onclick="javascript:change_onglet('cat1');">Coût total de la Transaction</span>


    </div>

    <div class="contenu_onglets">

      <div class="contenu_onglet" id="contenu_onglet_cat1">
        <span class="titre_article">Coût Total de la Transaction</span>
   
 
<form action="" method="post" name="trans">
    <div align="center">
    <table>
        <tbody>
            <tr align="left" bgcolor="#eaeaea">
                <th align="left" colspan="5">
                <div align="center"><font color="#6b6b6b">SAISIE des données</font></div>
                </th>
            </tr>
            <tr bgcolor="#e0e0e0">
                <td align="center" colspan="4">Coût Total de la Transaction</td>
            </tr>
            <tr bgcolor="#e0e0e0">
                <td width="25%"><label>Quantité de produit<input size="5" name="Quantite" type="text" value="0" /> </label></td>
                <td width="25%"><label>Coût par unité<input size="5" name="Unite" type="text" value="0" /> </label></td>
                <td width="25%"><label>Coût pour le Transport<input size="5" name="Transport" type="text" value="0"/> </label></td>
 <td width="25%"><label>Coût pour la douane<input size="5" name="douane" type="text" value="0"/> </label></td>
          </label></td>
        </tbody>
    </table>
    <table>
        <tbody>
            <tr align="left" bgcolor="#eaeaea">
                <th align="left" colspan="4">
                <div align="center"><font color="#6b6b6b">Résultats </font></div>
                </th>
            </tr>
            <tr bgcolor="#e0e0e0">
                <td align="left" width="100%">Coût Total de la Transaction <input size="5" name="transaction" type="text" /> Q</td>
            </tr>
                    </tbody>
    </table>
    </div>
    <p align="center"><input class="bouton" type="button" onClick="
quantit =  parseInt(Somme=(parseInt(document.forms['trans'].Quantite.value)));
unit =  parseFloat(Somme=(parseFloat(document.forms['trans'].Unite.value)));
transp =  parseInt(Somme=(parseInt(document.forms['trans'].Transport.value)));
douan =  parseInt(Somme=(parseInt(document.forms['trans'].douane.value)));
transac = (quantit*unit)+((quantit*unit)/5)+transp+douan;

Volreel = Math.round(parseInt(Somme=(parseInt(transac)))*1000)/1000;
document.forms['trans'].transaction.value=(Somme=Math.round((parseFloat(transac))*1000)/1000);
 " name="Submit" value="Calculer" /></p>
</form>
<font style="font-size: 18px"><font style="color: rgb(51,102,255)"><font style="font-family: Arial">
      </div>


</div>
</div>
<script type="text/javascript">
  //<!--
    var anc_onglet = 'cat1';
    change_onglet(anc_onglet);
  //-->
</script>
</body>
</html>

et le deuxième générateur:
http://velp.monempire.net/h48-generateur-de-presentation

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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 Présentation</title>
<style type="text/css">
         body {
                        background-color: red;
         width:800px;
         margin-left:auto;
         margin-right:auto;
         text-align:center;
         }
         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;
         }
         label
         {
            color:#053250;
         }
         legend /* On met un peu plus en valeur les titres des fieldset */
         {
            font-family:Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
            color:#053250;
            font-weight:bold;
         }
         fieldset
         {
            margin-bottom:15px; /* Une marge pour séparer les fieldset */
            background-color:#c0dbff;
            width:500px;
            align:center;
         }
      </style>
</head>
<body style="background-color:#ffffff;width:600px;text-align:center;"><center>
      <form name="post" method="post">
         <h2><img alt=""
 src="http://i52.tinypic.com/5wchtt.jpg" align="right"><img alt=""
 src="http://i52.tinypic.com/5wchtt.jpg" align="left">Générateur de<br>Présentation</h2>

         <p>Ce générateur vous facilitera la mise en page de votre présentation sur le forum</p>
      <fieldset>
      <legend>Présentation Personnelle</legend> <!-- Titre du fieldset -->

      <table><tr><td><label class="description" for="combat">Présentation:</label><br>
<textarea name="combat" id="combat" rows="10" cols="25">
Prénom
Nom
Âge
Lieu de Résidence</textarea></td><td>
      <label class="description" for="combatPV">Remplir les données.</label><br>

<textarea name="combatPV" id="combatPV" rows="10" cols="35">
(Prénom)
(Nom)
(Âge)
(Lieu de Résidence)</textarea></td></tr></table>
      <label class="description" for="ko_1">Ajoutez le lien d'une image qui vous représente et/ou le lien d'un Avatar
 Il suffit de mettre le lien entre les caractères (') et (')</label><br>
         <input id="ko_1" name="ko_1" type="text" size="70" maxlength="50" value="<img src='http://www.ibiza-concept.fr/portail//images/forum/presentation.png'>"/>
      </fieldset>
<fieldset>
      <legend>Présentation de votre Entreprise (Virtuelle)</legend> <!-- Titre du fieldset -->

      <table><tr><td><label class="description" for="monster">Présentation de votre Entreprise</label><br>

<textarea name="monster" id="monster" rows="10" cols="25">
Nom de l'entreprise
Secteur Affecté
Emplacement Siège Social
Emplacement Usine
Date de Création</textarea></td><td>
      <label class="description" for="monsterPV">Remplir les données. </label><br>
<textarea name="monsterPV" id="monsterPV" rows="10" cols="35">(Nom de l'entreprise)
(Secteur Affecté)
(Emplacement Siège Social)
(Emplacement Usine)
(Date de Création)</textarea></td></tr></table>
      <label class="description" for="ko_2">Ajoutez le lien d'une image qui vous représente et/ou le lien d'un Avatar
 Il suffit de mettre le lien entre les caractères (') et (')</label><br>
         <input id="ko_2" name="ko_2" type="text" size="70" maxlength="50" value="<img src='http://www.boissur.com/images/entreprise/boissur-entreprise-picto.gif'>"/>

         </fieldset>
      <br>

   <input type="button" value="Générer le code pour le copier" onclick="document.post.cod1.style.display='block'; document.post.cod1.value='<fieldset class=\'fieldset\'><legend class=\'fieldlegend\'>Rapport de Présentation</legend><table class=\'fieldtable\'><tr><td class=\'fieldleft\'>'+document.post.combat.value+'</td><td class=\'fieldright\'>'+document.post.combatPV.value+'</td><td style=\'width: 150px;height:100px;\'>'+document.post.ko_1.value+'</td></tr><tr><td class=\'fieldleft1\'>'+document.post.monster.value+'</td><td class=\'fieldright\'>'+document.post.monsterPV.value+'</td><td style=\'height:100px;\'>'+document.post.ko_2.value+'</td></tr></table></fieldset>';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: 500px;" id="code" name="cod1" wrap="virtual" onselect="storecaret(this);" tabindex="3" cols="35" rows="25"  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>
      </form></center><br>
      <a href="http://www.velp.monempire.net">Retour au forum</a>

   </body>
</html>

Vous avez certainement compris l'idée... Je souhaiterais générer le code (Comme le fait mon deuxième exemple), mais à partir des résultats du premier exemple...

Explication avec une exemple:
J'entre dans mon premier générateur: Les éléments suivants:
Quantité de produit: 15
Prix à l'unité: 10
Coût de transport: 0
Coût pour la douane: 0

Présentement le générateur me permet de calculer immédiatement le résultat: soit 180.00$ (Le générateur additionne une taxe de 20% automatiquement)... Mais voilà, présentement je dois manuellement écrire un nouveau message sur le forum avec les résultats et j'aimerais vraiment automatiser cette opération pour que le résultat soit donner (En plus de les donner comme présentement) dans un code comme avec le générateur deux.
Pour donner un résultat qui ressemble à cela...
Générer le code du résultat d'un forumulaire Ganara10

Merci de m'offrir votre aide...
Velp



Dernière édition par undertaker999 le Sam 9 Juil 2011 - 13:33, édité 1 fois
undertaker999

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: Générer le code du résultat d'un forumulaire

Message par undertaker999 Jeu 7 Juil 2011 - 18:46

Un mini up
undertaker999

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: Générer le code du résultat d'un forumulaire

Message par undertaker999 Ven 8 Juil 2011 - 18:39

Humdy Dumdy :-)
undertaker999

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: Générer le code du résultat d'un forumulaire

Message par Scoubifitz Sam 9 Juil 2011 - 8:19

bonjour,

* un kaméha , et une fusion plus tard ...*

le code en question :
Code:
<script language=JavaScript1.2> function ejs_nodroit() { alert('Le clic droit est interdit !!!'); return(false); } document.oncontextmenu = ejs_nodroit; </script>

<!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>Le Temps de Production + Le nombre d'élément nécessaire à votre production</title>
<script type="text/javascript">
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->
</script>
<style type="text/css">
.onglet {
display: inline-block; margin-left: 3px; margin-right: 3px; padding: 3px; cursor: pointer;}
.onglets {
text-align: center;}
.onglet_0 {
opacity: 0.4;}
.onglet_1 {
opacity: 1.0;}
.contenu_onglet {
background-color: #ffffff; border: 1px solid #888888; margin: 0px 0px 0px 0px; padding: 30px; display: none; -moz-border-radius: 30px; text-align: justify;}
a {
text-decoration : none; color: #ff950d;}
* {
color: #555555; font-size: 14px;}
.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;">


<br /><br />
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_cat1" onclick="javascript:change_onglet('cat1');">Coût total de la Transaction</span>


</div>

<div class="contenu_onglets">

<div class="contenu_onglet" id="contenu_onglet_cat1">
<span class="titre_article">Coût Total de la Transaction</span>


<form action="" method="post" name="trans">
<div align="center">
<table>
<tbody>
<tr align="left" bgcolor="#eaeaea">
<th align="left" colspan="5">
<div align="center"><font color="#6b6b6b">SAISIE des données</font></div>
</th>
</tr>
<tr bgcolor="#e0e0e0">
<td align="center" colspan="4">Coût Total de la Transaction</td>
</tr>
<tr bgcolor="#e0e0e0">
<td width="25%"><label>Quantité de produit<input size="5" name="Quantite" type="text" value="0" /> </label></td>
<td width="25%"><label>Coût par unité<input size="5" name="Unite" type="text" value="0" /> </label></td>
<td width="25%"><label>Coût pour le Transport<input size="5" name="Transport" type="text" value="0"/> </label></td>
<td width="25%"><label>Coût pour la douane<input size="5" name="douane" type="text" value="0"/> </label></td>
</label></td>
</tbody>
</table>
<table>
<tbody>
<tr align="left" bgcolor="#eaeaea">
<th align="left" colspan="4">
<div align="center"><font color="#6b6b6b">Résultats </font></div>
</th>
</tr>
<tr bgcolor="#e0e0e0">
<td align="left" width="100%">Coût Total de la Transaction <input size="5" name="transaction" type="text" /> Q</td>
</tr>
</tbody>
</table>
</div>
<p align="center"><input class="bouton" type="button" onClick="
quantit =  parseInt(Somme=(parseInt(document.forms['trans'].Quantite.value)));
unit =  parseFloat(Somme=(parseFloat(document.forms['trans'].Unite.value)));
transp =  parseInt(Somme=(parseInt(document.forms['trans'].Transport.value)));
douan =  parseInt(Somme=(parseInt(document.forms['trans'].douane.value)));
transac = (quantit*unit)+((quantit*unit)/5)+transp+douan;
document.forms['trans'].transaction.value=(Somme=Math.round((parseFloat(transac))*1000)/1000);
" name="Submit" value="Calculer" /></p>

<p align="center"><input type="button" value="Générer le code pour le copier" onclick="
quantit = parseInt(Somme=(parseInt(document.forms['trans'].Quantite.value)));
unit = parseFloat(Somme=(parseFloat(document.forms['trans'].Unite.value)));
transp = parseInt(Somme=(parseInt(document.forms['trans'].Transport.value)));
douan = parseInt(Somme=(parseInt(document.forms['trans'].douane.value)));
prod = quantit*unit;
tax = (quantit*unit)/5;
transac = (quantit*unit)+((quantit*unit)/5)+transp+douan;
Volreel = Math.round(parseInt(Somme=(parseInt(transac)))*1000)/1000;
document.trans.cod1.style.display='block';
document.trans.cod1.value='[b]Coût pour les produits : [/b]'+prod+' $\n[b]Taxe (20%): [/b]'+tax+' $\n[b]Douane: [/b]'+douan+' $\n[b]Coût pour le transport: [/b]'+transp+' $\n[b]Coût total pour la transaction: [/b]'+transac+' $\n';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: 700px;" id="code" name="cod1" wrap="virtual" onselect="storecaret(this);" tabindex="3" cols="35" rows="25"  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>
<a href="http://www.velp.monempire.net">Retour au forum</a></p>
</form>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = 'cat1';
change_onglet(anc_onglet);
//-->
</script>
</body>
</html>
Scoubifitz

Scoubifitz
Membre actif

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

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

Résolu Re: Générer le code du résultat d'un forumulaire

Message par undertaker999 Sam 9 Juil 2011 - 13:31

WOW !!!

Magnifique Very Happy

Je savais que cela était possible, mais j'avais aucune idée comment le faire et voilà que maintenant je pourrai faire beaucoup de chose grâce à vous...

Merci Beaucoup...
Stéphane Gilbert
undertaker999

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

- Sujets similaires

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