Mise en conformité d'un formulaire suite à la nouvelle mise à jour.

[demeter1]

Bonsoir à tous,
Suite à la nouvelle mise à jour, mes formulaires se retrouvent totalement inopérants. Je vous avouerai ne pas être trés à l'aise avec le javascript et que les formulaires que j'ai codé avaient une trame prédéfinie que j'ai adaptée à chacun de mes formulaires. Sortie de ce cadre là, je suis paumé comme un touriste sans gps

Si une âme charitable pouvait m'explique ce qu'il faut que je change dans cette trame de façon à retrouver mon formulaire de présentation valide, ce serait très aimable.

Voici la script :

Code:


<TABLE CLASS="titres" ALIGN=
                            "center" WIDTH="100%" HEIGHT="59"
                            BORDER="0" CELLSPACING="0" CELLPADDING=
                            "0">

                              <TR>
                                <TD>
                                  <DIV STYLE=
                                  "padding-left:50px; padding-top:15px;">
                                  <SPAN CLASS=
                                  "from-titre">Formulaire de
                                  présentation</SPAN>
                                  </DIV>
                                </TD>
                              </TR>
                            </TABLE>


  <TABLE CLASS="fond" ALIGN="center"
                            WIDTH="100%" BORDER="0" CELLSPACING="0"
                            CELLPADDING="0">
                              <TR>
                                <TD ALIGN="center">
                                  <FORM ID="userform">
                                    <TABLE WIDTH="500" BORDER="0"
                                    CELLSPACING="3" CELLPADDING=
                                    "0">
    <td align="center">
<form id="userform">

<table width="500" border="0" cellspacing="3" cellpadding="0">
  <tr>
    <td width="210">
<select name="poste">
<option selected>Vous êtes :</option>
<option value="[url=http://www.servimg.com/image_preview.php?i=3059&u=11938524][img]http://i73.servimg.com/u/f73/11/93/85/24/femme11.png[/img][/url]">Une femme</option>
<option value="[url=http://www.servimg.com/image_preview.php?i=3058&u=11938524][img]http://i73.servimg.com/u/f73/11/93/85/24/homme12.png[/img][/url]">Un homme</option>

</select>
 
    </td>
    <td> </td>
  </tr>
  <tr>
    <td class="texte" valign="top">Mon pseudo :</td>
    <td valign="top"><input class="from-prez01" type="text" name="Pseudo"/></td>

  </tr>
  <tr>
    <td class="texte" valign="top">Ma zone de rusticité :</td>
    <td valign="top"><input class="from-prez01" type="text" name="Disponibilité"/></td>
      </tr>

  <tr>
    <td class="texte" valign="top">Ma localisation :</td>
    <td valign="top"><input class="from-prez01" type="text" name="occupe"/></td>
  </tr>
  <tr>
    <td class="texte" valign="top">J'ai connu le forum par :</td>

    <td valign="top"><textarea class="exomarc" name="forum" rows="20" cols="60"></textarea></td>
  </tr>
  <tr>
    <td class="texte" valign="top">Mon blog : </td>
    <td valign="top"><textarea class="exomarc" name="defauts" rows="20" cols="60"></textarea></td>

  </tr>
    <tr>
    <td class="texte" valign="top">Moi et le jardinage : </td>
    <td valign="top"><textarea class="exomarc" name="atouts" rows="20" cols="60"></textarea></td>
  </tr>

      <tr>
    <td class="texte" valign="top">Autres :</td>
    <td valign="top"><textarea class="exomarc" name="envie" rows="20" cols="60"></textarea></td>
  </tr>
 
 
   
  <tr>
    <TD VALIGN="top" ALIGN=
                                        "center">
                                          <INPUT CLASS=
                                          "exomarcs" TYPE=
                                          "button" NAME="submit"
                                          VALUE="Envoyer">

                                        </TD>
                                        <TD VALIGN="top" ALIGN=
                                        "center">
                                          <INPUT CLASS=
                                          "exomarcs" TYPE=
                                          "reset">
                                        </TD>
</table>

</form>

<!-- Formulaire de traitement -->
<form id="new-message" method="POST" action="/post" name="post">
  <input name="mode" value="newtopic" type="hidden"/>
  <input name="f" value="51" type="hidden"/>
  <input name="lt" value="0" type="hidden"/>
  <input name="subject" value="" type="hidden"/>
  <input name="description" value="" type="hidden"/>

  <input name="message" value="" type="hidden"/>
  <input name="post" value="Envoyer" type="hidden"/>
</form>

<script type="text/javascript">

  jQuery(document).ready(function(){
      /* Déclenchement du traitement */
      jQuery("#userform").find("input[name='submit']").click(function(){
        var userform = jQuery("#userform");
       
        // Récupération des données
        data = {
  'poste'        : userform.find("[name='poste']").attr("value"),
            'Pseudo'        : userform.find("[name='Pseudo']").attr("value"), 
            'Disponibilité'        : userform.find("[name='Disponibilité']").attr("value"),
            'occupe'        : userform.find("[name='occupe']").attr("value"),
  'forum'        : userform.find("[name='forum']").attr("value"),
  'defauts'        : userform.find("[name='defauts']").attr("value"),
  'atouts'        : userform.find("[name='atouts']").attr("value"),
  'envie'        : userform.find("[name='envie']").attr("value"), 
 
        };
       
   
// Nettoyage des données
        var string = "";
        var reg1 = /\'/g;
        var reg2 = /\"/g;
        for ( var index in data ) {
            string = data[index];
            string = string.replace(reg1,"´");
            string = string.replace(reg2,""");
            data[index] = string ;
        }
             
        // Compilation du message
        var subject = "Candidature pour le poste de "+data['Pseudo']; 
        var message = "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign=' left ' width='200<tr><td><strong>Candidature pour le poste de :</strong></td></tr></table></td><td class='pany' width='600' valign='top'> "+data['poste']+"</td></tr></table> <table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'><table class='dany'width='200' border='0' cellspacing='0' cellpadding='0'><tr><td><strong>Pseudo :</strong></td></tr></table></td><td class='pany' width='600' valign='top'> "+data['Pseudo']+"</td></tr></table> <table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'><table class='dany'width='200' border='0' cellspacing='0' cellpadding='0'><tr><td><strong>Ma zone de rusticité :</strong></td></tr></table></td><td class='pany' width='600' valign='top'> "+data['Disponibilité']+"</td></tr></table>";
        message += "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'><table class='dany'width='200' border='0' cellspacing='0' cellpadding='0'><tr><td><strong>Ma localisation :</strong></td></tr></table></td><td class='pany' width='600' valign='top'> "+data['occupe']+"</td></tr></table>";
        message += "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'><table class='dany'width='200' border='0' cellspacing='0' cellpadding='0'><tr><td><strong>J'ai connu le forum par :</strong></td></tr></table></td><td class='pany' width='600' valign='top'> "+data['forum']+"</td></tr></table>";
        message += "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'><table class='dany'width='200' border='0' cellspacing='0' cellpadding='0'><tr><td><strong>Mon blog :</strong></td></tr></table></td><td class='pany' width='600' valign='top'>"+data['defauts']+"</td></tr></table>";
        message += "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'><table class='dany'width='200' border='0' cellspacing='0' cellpadding='0'><tr><td><strong>Moi et le jardinage :</strong></td></tr></table></td><td class='pany' width='600' valign='top'> "+data['atouts']+"</td></tr></table>";
        message += "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'><table class='dany'width='200' border='0' cellspacing='0' cellpadding='0'><tr><td><strong>Autres :</strong></td></tr></table></td><td class='pany' width='600' valign='top'> "+data['envie']+"</td></tr></table>";

  // Envoi du message
        var newMessage = jQuery("#new-message");
        newMessage.find("[name='subject']").attr("value",subject);
        newMessage.find("[name='message']").attr("value",message);
        newMessage.trigger("submit");
      });
  });

       
 
     

</script>
</td>
  </tr>
</table><td valign="top" width="0"></td></tr></tbody></table>

Merci par avance pour vos réponses.

[Scoubifitz]

bonsoir,

voilà un formulaire classique :

Code:

<script type="text/javascript">
function envoiMessage(form)
{
form.subject.value = "Candidature pour le poste de "+ form.Pseudo.value;
var txt_message = "<table border='0' cellspacing='5' cellpadding='0'><tr>"
+ "<td><strong>Candidature pour le poste de :</strong></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.poste.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Pseudo :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.Pseudo.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Ma zone de rusticité :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.Disponibilite.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Ma localisation :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.occupe.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>J\'ai connu le forum par :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.forum.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Mon blog :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'>"+ form.defauts.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Moi et le jardinage :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.atouts.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Autres :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.envie.value +"</td></tr></table>";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>

<table class="titres" align="center" width="100%" height="59" border="0" cellspacing="0" cellpadding="0"><tr><td>
<div style="padding-left:50px; padding-top:15px;"><span class="from-titre">Formulaire de présentation</span></div>
</td></tr></table>

<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="51" /> 

<table class="fond" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
   <table width="500" border="0" cellspacing="3" cellpadding="0">
   <tr>
   <td align="center">
      <table width="500" border="0" cellspacing="3" cellpadding="0">
      <tr>
      <td width="210">Vous êtes :</td>
      <td><select name="poste">
      <option value="[img]http://i73.servimg.com/u/f73/11/93/85/24/femme11.png[/img]" selected="selected">Une femme</option>
      <option value="[img]http://i73.servimg.com/u/f73/11/93/85/24/homme12.png[/img]">Un homme</option>
      </select></td>
      </tr>

      <tr>
      <td class="texte" valign="top">Mon pseudo :</td>
      <td valign="top"><input class="from-prez01" type="text" name="Pseudo"/></td>
      </tr>

      <tr>
      <td class="texte" valign="top">Ma zone de rusticité :</td>
      <td valign="top"><input class="from-prez01" type="text" name="Disponibilite"/></td>
      </tr>

      <tr>
      <td class="texte" valign="top">Ma localisation :</td>
      <td valign="top"><input class="from-prez01" type="text" name="occupe"/></td>
      </tr>

      <tr>
      <td class="texte" valign="top">J'ai connu le forum par :</td>
      <td valign="top"><textarea class="exomarc" name="forum" rows="20" cols="60"></textarea></td>
      </tr>

      <tr>
      <td class="texte" valign="top">Mon blog : </td>
      <td valign="top"><textarea class="exomarc" name="defauts" rows="20" cols="60"></textarea></td>
      </tr>

      <tr>
      <td class="texte" valign="top">Moi et le jardinage : </td>
      <td valign="top"><textarea class="exomarc" name="atouts" rows="20" cols="60"></textarea></td>
      </tr>

      <tr>
      <td class="texte" valign="top">Autres :</td>
      <td valign="top"><textarea class="exomarc" name="envie" rows="20" cols="60"></textarea></td>
      </tr>

      <tr>
      <td valign="top" align="center"><input class="exomarcs" type="submit" name="post" value="Envoyer"></td>
      <td valign="top" align="center"><input class="exomarcs" type="reset"></td>
      </tr>
      </table>
   </td>
   </tr>
   </table>
</td>
</tr>
</table>
</form>

[demeter1]

Merci scoubifitz mais malheureusement, l'erreur 230 s'affiche tout de même. et le message reste bloqué dans le post sans se poster directement.

[Scoubifitz]

ok !

je viens de regarder ... vous n'avez pas mis le script provisoire d'Etana ...

pas grave ... on va rajouter le 2e script qu'il a proposé !^^

remplacez tout par ce code :

Code:

<script type="text/javascript">
jQuery(function() {
jQuery.get("http://altitudetropicale.forums-actifs.com/post?f=1&mode=newtopic", function(a) {
jQuery("form").append((a.match(/<input type="hidden" name="auth\[\]" value="[0-9a-z]+" \/><input type="hidden" name="auth\[\]" value="[0-9a-z]+" \/>/) || [""])[0])
})
});
</script>
<script type="text/javascript">
function envoiMessage(form)
{
form.subject.value = "Candidature pour le poste de "+ form.Pseudo.value;
var txt_message = "<table border='0' cellspacing='5' cellpadding='0'><tr>"
+ "<td><strong>Candidature pour le poste de :</strong></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.poste.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Pseudo :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.Pseudo.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Ma zone de rusticité :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.Disponibilite.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Ma localisation :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.occupe.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>J\'ai connu le forum par :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.forum.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Mon blog :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'>"+ form.defauts.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Moi et le jardinage :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.atouts.value +"</td></tr></table>"
+ "<table border='0' cellspacing='5' cellpadding='0'><tr><td valign='top' width='200'>"
+ "<table class='dany' width='200' border='0' cellspacing='0' cellpadding='0'><tr>"
+ "<td><strong>Autres :</strong></td></tr></table></td>"
+ "<td class='pany' width='600' valign='top'> "+ form.envie.value +"</td></tr></table>";
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
 
<table class="titres" align="center" width="100%" height="59" border="0" cellspacing="0" cellpadding="0"><tr><td>
<div style="padding-left:50px; padding-top:15px;"><span class="from-titre">Formulaire de présentation</span></div>
</td></tr></table>
 
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="f" value="51" />
 
<table class="fond" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
  <table width="500" border="0" cellspacing="3" cellpadding="0">
  <tr>
  <td align="center">
     <table width="500" border="0" cellspacing="3" cellpadding="0">
     <tr>
     <td width="210">Vous êtes :</td>
     <td><select name="poste">
     <option value="[img]http://i73.servimg.com/u/f73/11/93/85/24/femme11.png[/img]" selected="selected">Une femme</option>
     <option value="[img]http://i73.servimg.com/u/f73/11/93/85/24/homme12.png[/img]">Un homme</option>
     </select></td>
     </tr>
 
     <tr>
     <td class="texte" valign="top">Mon pseudo :</td>
     <td valign="top"><input class="from-prez01" type="text" name="Pseudo"/></td>
     </tr>
 
     <tr>
     <td class="texte" valign="top">Ma zone de rusticité :</td>
     <td valign="top"><input class="from-prez01" type="text" name="Disponibilite"/></td>
     </tr>
 
     <tr>
     <td class="texte" valign="top">Ma localisation :</td>
     <td valign="top"><input class="from-prez01" type="text" name="occupe"/></td>
     </tr>
 
     <tr>
     <td class="texte" valign="top">J'ai connu le forum par :</td>
     <td valign="top"><textarea class="exomarc" name="forum" rows="20" cols="60"></textarea></td>
     </tr>
 
     <tr>
     <td class="texte" valign="top">Mon blog : </td>
     <td valign="top"><textarea class="exomarc" name="defauts" rows="20" cols="60"></textarea></td>
     </tr>
 
     <tr>
     <td class="texte" valign="top">Moi et le jardinage : </td>
     <td valign="top"><textarea class="exomarc" name="atouts" rows="20" cols="60"></textarea></td>
     </tr>
 
     <tr>
     <td class="texte" valign="top">Autres :</td>
     <td valign="top"><textarea class="exomarc" name="envie" rows="20" cols="60"></textarea></td>
     </tr>
 
     <tr>
     <td valign="top" align="center"><input class="exomarcs" type="submit" name="post" value="Envoyer"></td>
     <td valign="top" align="center"><input class="exomarcs" type="reset"></td>
     </tr>
     </table>
  </td>
  </tr>
  </table>
</td>
</tr>
</table>
</form>

dites moi si c'est bon , sans rien rajouter ! ^^

[Invité]

Bonjour,

Pour information, la mise à jour va être revue prochainement.
> Message de The Godfather

Cordialement.

[demeter1]

Scoubifitz, que dire si ce n'est que vous êtes Génial . Cela fonctionne à merveille et en analysant le script fourni , j'ai trouvé les modifs que j'ai à faire pour les autres formulaires. Un grand , très Grand merci pour cette aide

Merci Isolde pour ce retour d'information concernant la mise à niveau de la nouvelle maj pour les formulaires.

Merci à tous les deux