Problème avec un générateur (Formulaire)

2 participants

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

Résolu Problème avec un générateur (Formulaire)

Message par undertaker999 Sam 20 Aoû 2011 - 15:38

Bonjour,

Voilà je vous présente mon problème,

J'ai récemment créer un générateur/formulaire, qui permettait à mes membres de créer des messages avec un beau rendu, et cela très rapidement et facilement...

Mais voyez vous, le générateur semble fonctionner uniquement sur Firefox ^^

J'ai en effet fait des tests internet sur mon ordinateurs, via firefox le générateur fonctionne parfaitement... Alors que sur Internet Explorer, rien ne fonctionne j'ai beau cliquer sur le bouton "Generer le code" des 100e de fois ^^...

Je vous donne le lien pour que vous puissiez faire des tests...
http://velp.monempire.net/h2-generateur-d-appel-d-offre

Et maintenant le code de la page html, afin que vous puissiez voir ou peut se trouver le problème...
Bien à vous,
Taker

Code:

<html>
        <head>
          <title>Generateur d'appel d'offre</title>
             
        <style type="text/css">
         
        body{
          font-family:Verdana;
          }
         
        div#formulaire{
          width:600px;
          margin:auto;
          background-color:#AEAEAE;
          border:double 4px #435B58;
          }
         
        div#formulaire h1{
          text-align:center;
          font-size:20px;
          font-variant:small-caps;
          font-weight:bold;
          color:#735134;
          background-color:#E4B78F;
          border-bottom:4px double #735134;
          margin-top:0;
          }
       
        div#formulaire h2{
          font-size:14px;
          font-weight:normal;
          color:#735134;
          background-color:#D9C0AA;
          border-bottom:1px solid #735134;
          border-right:1px solid #735134;
          width:400px;
          margin-left:14px;
          padding-left:20px;
          }
         
        div#formulaire form#rempli label, div#formulaire form#copie label, div#formulaire form#copie p{
          font-size:14px;
          font-weight:normal;
          font-style:italic;
          color:#373737;
          }
         
        div.presentation{
          background-color:white;
          width:400px;
          margin:auto;
          border:solid 1px black;
          }
         
        div.presentation h1{
          text-align:left;
          padding-left:22px;
          font-variant:small-caps;
          font-size:14px;
          color:#704d16;
          letter-spacing:2px;
          background-color: #DEB146;
          }
         
        div.presentation p{
          font-size:12px;
          font-family:Comic Sans ms;
          text-align:justify;
          padding-left:12px;
          padding-right:12px;
          }
         
        </style>
       
        <script type="text/javascript">
        <!--
       
        function verif(LeForm){
       
          var pseudo = LeForm.pseudo.value;
          var genre = LeForm.genre.value;
          var quantite = LeForm.quantite.value;
       
          var ok = true;
       
          if (pseudo == ""){
              ok = false;
                alert("Veuillez entrer le nom de votre entreprise"); 
          } 
         
          if (genre == ""){
              ok = false;
                alert("Veuillez confirmer le produit recherche"); 
          } 
       
          if (quantite == ""){
              ok = false;
                alert("Veuillez entrer la quantite de produit désire"); 
          } 
         
          if (ok){
              var contenu = "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://sd-g1.archive-host.com/membres/up/b67bba3d7c4468cbfaaa1c03567bbddb6f88dcb1/formulaire.css\"><div class=\"presentation\"><h1 class=\"titre\">Appel d'offre de "+pseudo+"</h1><p><span class=\"mea\">Bonjour notre compagnie</span> "+pseudo+"</p><p><span class=\"mea\">desire trouver un partenaire pouvant le fournir en </span><strong> "+genre+"</strong></p><p><span class=\"mea\">afin de pouvoir lance sa chaine de production. En effet, nous desirions en recevoir de vous </span> <strong>"+quantite+"</strong></p><p><span class=\"mea\">dans l'attente de vos devis, veuillez agree mes sinceres salutations,</span> <strong>"+pseudo+"</strong></p>";
              document.getElementById("code_genere").innerHTML = ""+contenu+"";
              document.getElementById("apercu").innerHTML = ""+contenu+""; 
          }
        }
        -->
        </script>
       
        </head>
        <body>
        <div id="formulaire">
       
          <h1>Generer un code</h1>
       
          <h2>Veuillez remplir le formulaire suivant :</h2>
       
            <form action="#" method="post" id="rempli">
              <label>Nom de votre entreprise</label> :<input type="text" name="pseudo" size="30" maxlength="200"/>

                <label>Produit recherche</label> :<input type="text" name="genre" size="30" maxlength="200"/>

              </select>
        <label>Quantite recherchee</label> :<input type="text" name="quantite" size="30" maxlength="200"/>

              </select></center>
             
<input type="button" onClick="verif(this.form)" value="Generer le code" />
       
          </form>
       
       
          <h2>Apercu du rendu :</h2>
              <div id="apercu"> </div>
              <form id="copie">
                <p>Voici le code a copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();"></p>
                <center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center>
       
              </form>
       
        </div>
       
        </body>
        </html>


Dernière édition par undertaker999 le Mar 23 Aoû 2011 - 1:14, é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: Problème avec un générateur (Formulaire)

Message par Scoubifitz Dim 21 Aoû 2011 - 15:21

Trouvé ! ^^

j'ai eu un peu de mal cette fois ... Laughing

Problème avec un générateur (Formulaire) Firefox16 ... pour une fois qu'il n'est pas capricieux ...

Code:
<html>
<head>
<title>Generateur d'appel d'offre</title>

<style type="text/css">

body{
font-family:Verdana;
}

div#formulaire{
width:600px;
margin:auto;
background-color:#AEAEAE;
border:double 4px #435B58;
}

div#formulaire h1{
text-align:center;
font-size:20px;
font-variant:small-caps;
font-weight:bold;
color:#735134;
background-color:#E4B78F;
border-bottom:4px double #735134;
margin-top:0;
}

div#formulaire h2{
font-size:14px;
font-weight:normal;
color:#735134;
background-color:#D9C0AA;
border-bottom:1px solid #735134;
border-right:1px solid #735134;
width:400px;
margin-left:14px;
padding-left:20px;
}

div#formulaire form#rempli label, div#formulaire form#copie label, div#formulaire form#copie p{
font-size:14px;
font-weight:normal;
font-style:italic;
color:#373737;
}

div.presentation{
background-color:white;
width:400px;
margin:auto;
border:solid 1px black;
}

div.presentation h1{
text-align:left;
padding-left:22px;
font-variant:small-caps;
font-size:14px;
color:#704d16;
letter-spacing:2px;
background-color: #DEB146;
}

div.presentation p{
font-size:12px;
font-family:Comic Sans ms;
text-align:justify;
padding-left:12px;
padding-right:12px;
}

</style>

<script type="text/javascript">
<!--

function verif(LeForm){

var pseudo = LeForm.pseudo.value;
var genre = LeForm.genre.value;
var quantite = LeForm.quantite.value;

var ok = true;

if (pseudo == ""){
ok = false;
alert("Veuillez entrer le nom de votre entreprise");
}

if (genre == ""){
ok = false;
alert("Veuillez confirmer le produit recherche");
}

if (quantite == ""){
ok = false;
alert("Veuillez entrer la quantite de produit désire");
}

if (ok){
var contenu = "<link rel=\"stylesheet\" type=\"text/css\" href=\"http://sd-g1.archive-host.com/membres/up/b67bba3d7c4468cbfaaa1c03567bbddb6f88dcb1/formulaire.css\"><div class=\"presentation\"><h1 class=\"titre\">Appel d'offre de "+pseudo+"</h1><p><span class=\"mea\">Bonjour notre compagnie</span> "+pseudo+"</p><p><span class=\"mea\">desire trouver un partenaire pouvant le fournir en </span><strong> "+genre+"</strong></p><p><span class=\"mea\">afin de pouvoir lance sa chaine de production. En effet, nous desirions en recevoir de vous </span> <strong>"+quantite+"</strong></p><p><span class=\"mea\">dans l'attente de vos devis, veuillez agree mes sinceres salutations,</span> <strong>"+pseudo+"</strong></p>";
document.getElementById("code_genere").value = ""+contenu+"";
document.getElementById("apercu").innerHTML = ""+contenu+"";
}
}
-->
</script>

</head>
<body>
<div id="formulaire">

<h1>Generer un code</h1>

<h2>Veuillez remplir le formulaire suivant :</h2>

<form action="#" method="post" id="rempli">
<label>Nom de votre entreprise</label> :<input type="text" name="pseudo" size="30" maxlength="200"/> <br />
<label>Produit recherche</label> :<input type="text" name="genre" size="30" maxlength="200"/> <br />
</select>
<label>Quantite recherchee</label> :<input type="text" name="quantite" size="30" maxlength="200"/> <br />
</select></center>
<br /><input type="button" onClick="verif(this.form)" value="Generer le code" />

</form>


<h2>Apercu du rendu :</h2>
<div id="apercu"> </div>
<form id="copie">
<p>Voici le code a copier/coller <input type="button" value="Selectionner le code" onClick="javascript:document.getElementById('code_genere').focus();document.getElementById('code_genere').select();"></p>
<center><textarea cols="60" rows="10" id="code_genere" readonly></textarea></center>

</form>

</div>

</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: Problème avec un générateur (Formulaire)

Message par undertaker999 Dim 21 Aoû 2011 - 20:39

Je m'en viens dans l'habitude, mais encore une fois, Merci !!!

Le problème est en effet résolu... J'aimerais connaitre la raison de ce non fonctionnement s.v.p ^^

Bien à vous,
Velp
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: Problème avec un générateur (Formulaire)

Message par Scoubifitz Dim 21 Aoû 2011 - 21:18

Comme je n'y comprends pas grand chose au javascript et à son fonctionnement , ( Siffleur )

j'ai simplement fait le test sur Internet explorer ... qui m'a gentiment indiqué la ligne où se trouve l'erreur
(double clic sur le petit Warning warning dans la barre du bas)

document.getElementById("code_genere").innerHTML = ""+contenu+"";
document.getElementById("apercu").innerHTML = ""+contenu+"";

puisque "code_genere" doit être appliqué à un textarea , j'ai pensé qu'il fallait plutôt une valeur (value)
alors que pour "apercu" , c'est destiné à une div , donc un élément Html ...

document.getElementById("code_genere").value = ""+contenu+"";
document.getElementById("apercu").innerHTML = ""+contenu+"";

je peux me tromper dans mon raisonnement , mais comme dit , je n'y connais pas grand chose ...

tant que ça fonctionne ... Sourire2

trouvé sur le web :
http://www.developpez.net/forums/d84051/webmasters-developpement-web/javascript/dom-innerhtml-value-input-firefox/#post557671
un champs input n'a pas de innerHTML le inner corresponds à la partie entre la balise ouvrante et la balise fermante
un input est une balise vide

ça pourrait être un début d'explication ...

Amicalement,
Scoubifitz
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: Problème avec un générateur (Formulaire)

Message par undertaker999 Mar 23 Aoû 2011 - 1:13

ça me convient parfaitement,

merci beaucoup ^^
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