Calculateur sur le forum

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

Résolu Calculateur sur le forum

Message par Yandamadra le Sam 19 Juil 2014 - 18:50

Bonjour, j'ai fait un calculateur, pour mon jeu, j'arrive très bien a le faire marcher en le collant sur Description dans le forum.

il est visible donc en titre, mais je voudrais le faire marcher dans un forum, en éditant un message.


Pour information: j'avais jamais codé, donc j'ai repris le code de cette page http://forum.forumactif.com/t308600-generer-le-code-du-resultat-d-un-forumulaire

Celui ci:
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>

Que j'ai modifié a ma sauce, en cherchant et cherchant....

ce qui a donné cela:

Code:

<script language="JavaScript1.2"> function ejs_nodroit() { alert('Calculateur de puissance de troupes By Yandawa'); return(false); } document.oncontextmenu = ejs_nodroit; </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <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: #212121; border: 1px solid #212121; margin: 0px 0px 0px 0px; padding: 20px; display: none; -moz-border-radius: 30px; text-align: justify;}
  a {
    text-decoration : none; color: #ff950d;}
  * {
    color: #555555; font-size: 14px;}
  .titre_article {
    color: #212121; font-size: 16px; font-variant: small-caps; font-weight: bold; padding-left: 20px;}
  .auteur {
    font-style: italic;}
  </style>
<div class="systeme_onglets">
   
   <div class="onglets">
       <span class="onglet_0 onglet" id="onglet_cat1" onclick="javascript:change_onglet('cat1');">Calcul de la puissance</span>
   </div>
   
   <div class="contenu_onglets">
      
      <div class="contenu_onglet" id="contenu_onglet_cat1">
          <span class="titre_article"><span style="color: #FF9933;">Calculateur pour les membres d'Heritage :)</span></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">
                               <span style="color: rgb(107, 107, 107);">SAISIE des données</span>
                           </div>
                           
                        </th>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td colspan="4" align="center">
                            Troupes niveau 1
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Epéiste:<input value="0" type="text" name="Epeiste" size="5" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Frondeurs:<input value="0" type="text" name="Frondeurs" size="5" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Eclaireurs:<input value="0" type="text" name="Eclaireurs" size="5" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Bélier:<input value="0" type="text" name="Belier" size="5" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td colspan="4" align="center">
                            Troupes niveau 2
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Hoplites:<input value="0" type="text" name="Hoplites" size="5" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Archers tirailleurs:<input value="0" type="text" name="Archerstirailleurs" size="5" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Cavalerie légère:<input value="0" type="text" name="Cavalerielegere" size="5" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Baliste:<input value="0" type="text" name="Baliste" size="5" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td align="center" colspan="4">
                            Troupes niveau 3
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Piquiers:<input size="5" name="Piquiers" type="text" value="0" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Gardiens:<input size="5" name="Gardiens" type="text" value="0" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Cavalerie lourde:<input size="5" name="Cavalerielourde" type="text" value="0" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Tour de siège:<input size="5" name="Tourdesiege" type="text" value="0" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td align="center" colspan="4">
                            Troupes niveau 4
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Immortels:<input size="5" name="Immortels" type="text" value="0" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Tireurs:<input size="5" name="Tireurs" type="text" value="0" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Elephant de guerre:<input size="5" name="Elephantdeguerre" type="text" value="0" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Onagre:<input size="5" name="Onagre" type="text" value="0" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td colspan="4" align="center">
                            Troupes stratégique de niveau 1
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Lanciers:<input value="0" type="text" name="Lanciers" size="5" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Chasseurs:<input value="0" type="text" name="Chasseurs" size="5" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Chars:<input value="0" type="text" name="Chars" size="5" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td colspan="4" align="center">
                            Troupes stratégique de niveau 2
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Peltastes:<input value="0" type="text" name="Peltastes" size="5" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Rôdeurs:<input value="0" type="text" name="Rodeurs" size="5" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Chars à faux:<input value="0" type="text" name="Charsafaux" size="5" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td align="center" colspan="4">
                            Troupes stratégique de niveau 3
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Phalangites:<input size="5" name="Phalangites" type="text" value="0" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Traqueurs:<input size="5" name="Traqueurs" type="text" value="0" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Lanciers montés:<input size="5" name="Lanciersmontes" type="text" value="0" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td align="center" colspan="4">
                            Troupes stratégique de niveau 4
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Légionnaires:<input size="5" name="Legionnaires" type="text" value="0" /> </label>
                        </td>
                        
                        <td style="width: 25%;">
                            <label>Chasseresses:<input size="5" name="Chasseresses" type="text" value="0" /> </label>
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 25%;">
                            <label>Cataphractaires:<input size="5" name="Cataphractaires" type="text" value="0" /> </label>
                        </td>
                        
                     </tr>
                     
                  </tbody>
               </table>
               
               <table>
                  
                  <tbody>
                     <tr bgcolor="#eaeaea" align="left">
                        
                        <th colspan="4" align="left">
                           
                           <div align="center">
                               <span style="color: rgb(107, 107, 107);">Résultats </span>
                           </div>
                           
                        </th>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 100%;" align="left">
                            Troupes total <input type="text" name="Troupetotal" size="20" />
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 100%;" align="left">
                            Puissance de troupes <input type="text" name="Puissance" size="20" />
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 100%;" align="left">
                            Entretien <input type="text" name="Entretien" size="20" />
                        </td>
                        
                     </tr>
                     
                     <tr bgcolor="#e0e0e0">
                        
                        <td style="width: 100%;" align="left">
                            Charge <input type="text" name="Charge" size="20" />
                        </td>
                        
                     </tr>
                     
                  </tbody>
               </table>
               
            </div>
            
            <p align="center">
                <input class="bouton" type="button" onclick="


epei =  parseInt(Somme=(parseInt(document.forms['trans'].Epeiste.value)));
frond =  parseFloat(Somme=(parseFloat(document.forms['trans'].Frondeurs.value)));
eclai =  parseInt(Somme=(parseInt(document.forms['trans'].Eclaireurs.value)));
beli =  parseInt(Somme=(parseInt(document.forms['trans'].Belier.value)));
hop =  parseInt(Somme=(parseInt(document.forms['trans'].Hoplites.value)));
arcti =  parseFloat(Somme=(parseFloat(document.forms['trans'].Archerstirailleurs.value)));
cavle =  parseInt(Somme=(parseInt(document.forms['trans'].Cavalerielegere.value)));
bali =  parseInt(Somme=(parseInt(document.forms['trans'].Baliste.value)));
pique =  parseInt(Somme=(parseInt(document.forms['trans'].Piquiers.value)));
gard =  parseFloat(Somme=(parseFloat(document.forms['trans'].Gardiens.value)));
cavalo =  parseInt(Somme=(parseInt(document.forms['trans'].Cavalerielourde.value)));
todesi =  parseInt(Somme=(parseInt(document.forms['trans'].Tourdesiege.value)));
immo =  parseInt(Somme=(parseInt(document.forms['trans'].Immortels.value)));
tire =  parseFloat(Somme=(parseFloat(document.forms['trans'].Tireurs.value)));
elepg =  parseInt(Somme=(parseInt(document.forms['trans'].Elephantdeguerre.value)));
onag =  parseInt(Somme=(parseInt(document.forms['trans'].Onagre.value)));
lanc =  parseInt(Somme=(parseInt(document.forms['trans'].Lanciers.value)));
chass =  parseFloat(Somme=(parseFloat(document.forms['trans'].Chasseurs.value)));
chars =  parseInt(Somme=(parseInt(document.forms['trans'].Chars.value)));
pelt =  parseInt(Somme=(parseInt(document.forms['trans'].Peltastes.value)));
rode =  parseInt(Somme=(parseInt(document.forms['trans'].Rodeurs.value)));
chafa =  parseFloat(Somme=(parseFloat(document.forms['trans'].Charsafaux.value)));
phala =  parseInt(Somme=(parseInt(document.forms['trans'].Phalangites.value)));
traq =  parseInt(Somme=(parseInt(document.forms['trans'].Traqueurs.value)));
lancmo =  parseInt(Somme=(parseInt(document.forms['trans'].Lanciersmontes.value)));
legio =  parseFloat(Somme=(parseFloat(document.forms['trans'].Legionnaires.value)));
chass =  parseInt(Somme=(parseInt(document.forms['trans'].Chasseresses.value)));
cataph =  parseInt(Somme=(parseInt(document.forms['trans'].Cataphractaires.value)));
puis = (epei*2)+(frond*2)+(eclai*2)+(beli*4)+(hop*8)+(arcti*8)+(cavle*8)+(bali*16)+(pique*24)+(gard*24)+(cavalo*24)+(todesi*36)+(immo*36)+(tire*36)+(elepg*36)+(onag*48)+(lanc*2)+(chass*2)+(chars*2)+(pelt*8)+(rode*8)+(chafa*8)+(phala*24)+(traq*24)+(lancmo*24)+(legio*36)+(chass*36)+(cataph*36);
troup = epei+frond+eclai+beli+hop+arcti+cavle+bali+pique+gard+cavalo+todesi+immo+tire+elepg+onag+lanc+chass+chars+pelt+rode+chafa+phala+traq+lancmo+legio+chass+cataph;
entr = epei+frond+eclai+beli+(hop*2)+(arcti*2)+(cavle*2)+(bali*2)+(pique*3)+(gard*3)+(cavalo*3)+(todesi*3)+(immo*4)+(tire*4)+(elepg*4)+(onag*4)+lanc+chass+chars+(pelt*2)+(rode*2)+(chafa*2)+(phala*3)+(traq*3)+(lancmo*3)+(legio*4)+(chass*4)+(cataph*4);
charg = (epei*7)+(frond*6)+(eclai*5)+(beli*8)+(hop*9)+(arcti*8)+(cavle*7)+(bali*10)+(pique*12)+(gard*10)+(cavalo*9)+(todesi*15)+(immo*20)+(tire*15)+(elepg*12)+(onag*30)+(lanc*7)+(chass*6)+(chars*5)+(pelt*9)+(rode*8)+(chafa*7)+(phala*12)+(traq*10)+(lancmo*9)+(legio*20)+(chass*15)+(cataph*12);
 

document.forms['trans'].Puissance.value=puis;
document.forms['trans'].Entretien.value=entr;
document.forms['trans'].Charge.value=charg;
document.forms['trans'].Troupetotal.value=troup;
 " name="Submit" value="Calculer" />
            </p>
            
         </form><span style="font-size: 18px"><span style="color: rgb(51,102,255)"><span style="font-family: Arial"> </span></span></span>
      </div><span style="font-size: 18px"><span style="color: rgb(51,102,255)"><span style="font-family: Arial"> </span></span></span>
   </div><span style="font-size: 18px"><span style="color: rgb(51,102,255)"><span style="font-family: Arial"></span></span></span>
</div><span style="font-size: 18px"><span style="color: rgb(51,102,255)"><span style="font-family: Arial"><script type="text/javascript">
  //<!--
    var anc_onglet = 'cat1';
    change_onglet(anc_onglet);
  //-->
</script> </span></span></span>



Alors pour être franc, il y a certaine chose, je ne s'ai pas a quoi cela sert!!! Mais bon ca marche.


http://heritageetumos.forumactif.org/f6-calculateur

J'ai aussi suivi ces conseils: http://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle?highlight=autoris%E9+le+html



Merci Help me Smile

Yandamadra
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 16/06/2014

http://heritageetumos.forumactif.org
Yandamadra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Calculateur sur le forum

Message par Neptunia le Sam 19 Juil 2014 - 20:12

Bonjour ^^


Le javascript n'est pas autorisé dans les messages.

Il faudra donc faire autrement, par exemple :
- Placer le code dans un widget
- Mettre le code dans une page HTML puis l'intégrer à votre message sous forme d'iframe.

Neptunia
+ Hyperactif +

Féminin
Messages : 11001
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Calculateur sur le forum

Message par Yandamadra le Sam 19 Juil 2014 - 20:54

Merci beaucoup, utile de savoir que l'on peut faire avec widget aussi.
J'ai fait un essaie, dans widget, il faut faire attention au dimension, car cela dépasse, mais ce n'est pas un problème , et en utilisant une page HTML, je pourrais faire ce que je voudrais.

ma page
http://heritageetumos.forumactif.org/h1-cal-puiss-troupes

code pour voir directement
Code:


<iframe src="http://heritageetumos.forumactif.org/h1-cal-puiss-troupes" height="800" width="500" frameborder="0" scrolling="no"></iframe>


Il faut que je règle les problème de visuel, et d'écriture du code, mais j'ai ma réponse.

Merci beaucoup  cheers 

Yandamadra
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 16/06/2014

http://heritageetumos.forumactif.org
Yandamadra 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