de nouveau souci avec les formulaire

2 participants

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

Résolu de nouveau souci avec les formulaire

Message par mariok13 Lun 26 Oct 2015 - 22:22

bonsoir

voila je me suis servi de la base fourni par Scoubifitz (merci à lui)

mon souci je viens de faire un nouveau formulaire


Code:

<div class="demandecode">
<fieldset>
  Ce formulaire va nous permettre de mieux répondre à vos demandes d'aide de code 
</fieldset><br><br>
 
      <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="" />
       
Bonjour, <br /><br />
       
N'oubliez pas de saisir un prefixe <br /><br />
       
      <label for="Titre du sujet">Titre du sujet :</label> <input maxlength="100" size="110" value="" id="titre" name="subject" type="text" /><br /><br />
        <label for=" Votre type de forum">Votre type de forum :</label> <select name="forum">
          <option value="">Choisissez votre type de forum</option>
          <option value="forum actif PHPBB2">forum actif PHPBB2</option>
          <option value="Forum actif PHPBB3">forum actif PHPBB3</option>
          <option value="Forum actif PUNBB">Forum actif PUNBB</option>
          <option value="Forum actif INVISION">Forum actif INVISION</option>
          <option value="un concurrent PHPBB2">un concurrent PHPBB2</option>
          <option value="Autres">Autres</option>
          </select><br><br>
      <label for="Adresse">Adresse de votre forum :</label> <input maxlength="100" size="110" value="" id="titre" name="adresse" type="text" /><br /><br />
        <label for="decription">Desctiption de votre demande :</label> <textarea name="le-message" cols="200"  rows="2" ></textarea><br><br>
      <label for="template">Copiez et coller le contenue du code concerné :</label><textarea name="le-message" cols="200"  rows="2" >Contenu de votre code entre [code] [/code]</textarea><br><br>
 
 
Choisissez le forum ou vous postez votre demande<br /><br />
          <select name="f">
          <option value="">Choisissez votre forum où poster votre demande</option>
          <option value="19"> Amélioration Templates - Tutoriels (Forum actif, un concurrent, Autres)</option>
          <option value="20"> Problème de codes divers (Javascript, HTML, BBCODE, Autres)</option>
          </select>
    <input type="submit" name="post" value="Cliquez ici" /> 
</form>
</div>
 
  <script type="text/javascript">
        function envoiMessage(form)
        {
  // Créer un message à partir des informations fournies
 
        var txt_message = "Votre type de forum :" + form.type.value + '\n'
        + "Adresse de votre forum :" + form.adresse.value + '\n'
        + "Description de votre demande : " + form.description.value + '\n'
        + "Copiez et coller le contenue du code concerné :" + form.copier.value + '\n';
 
  // Insère le texte construit dans le champ caché "message" du formulaire
 
        form.message.value = txt_message;
        }
  </script>

le souci c'est que la premiere ligne sujet elle fonctionne mais après le reste ne s'affiche pas dans le message
merci pour vos réponses


Dernière édition par mariok13 le Mar 27 Oct 2015 - 21:06, édité 1 fois
mariok13

mariok13
****

Messages : 421
Inscrit(e) le : 06/06/2015

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

Résolu Re: de nouveau souci avec les formulaire

Message par Scoubifitz Lun 26 Oct 2015 - 23:23

Bonsoir,

Comme vous utilisez une page HTML à part entière , il est indispensable de mettre la structure complète de cette page :

Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>formulaire d'aide</title>
<style type="text/css">
    /* contiendra le CSS du formulaire */
</style>
</head>
<body>
<div class="demandecode">
   <fieldset>
       Ce formulaire va nous permettre de mieux répondre à vos demandes d'aide de code
   </fieldset>
   <br>
   <br>
   <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=""/>
      Bonjour, <br/><br/>
      N'oubliez pas de saisir un prefixe <br/><br/>
      <label for="titre">Titre du sujet :</label><input maxlength="100" size="110" value="" id="titre" name="subject" type="text"/><br/><br/>
      <label for="forum">Votre type de forum :</label>
      <select name="forum" id="forum">
         <option value="">Choisissez votre type de forum</option>
         <option value="forum actif PHPBB2">forum actif PHPBB2</option>
         <option value="Forum actif PHPBB3">forum actif PHPBB3</option>
         <option value="Forum actif PUNBB">Forum actif PUNBB</option>
         <option value="Forum actif INVISION">Forum actif INVISION</option>
         <option value="un concurrent PHPBB2">un concurrent PHPBB2</option>
         <option value="Autres">Autres</option>
      </select>
      <br>
      <br>
      <label for="adresse">Adresse de votre forum :</label><input maxlength="100" size="110" value="" id="adresse" name="adresse" type="text"/><br/><br/>
      <label for="description">Desctiption de votre demande :</label><textarea name="description" id="description" cols="200" rows="2"></textarea><br>
      <br>
      <label for="template">Copiez et coller le contenue du code concerné :</label><textarea name="template" id="template" cols="200" rows="2">Contenu de votre code entre [code] [/code]</textarea><br>
      <br>
       Choisissez le forum ou vous postez votre demande<br/><br/>
      <select name="f">
         <option value="">Choisissez votre forum où poster votre demande</option>
         <option value="19"> Amélioration Templates - Tutoriels (Forum actif, un concurrent, Autres)</option>
         <option value="20"> Problème de codes divers (Javascript, HTML, BBCODE, Autres)</option>
      </select>
      <input type="submit" name="post" value="Cliquez ici"/>
   </form>
</div>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "Votre type de forum :" + form.forum.value + '\n'
+ "Adresse de votre forum :" + form.adresse.value + '\n'
+ "Description de votre demande : " + form.description.value + '\n'
+ "Copiez et coller le contenue du code concerné :" + form.template.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</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: de nouveau souci avec les formulaire

Message par mariok13 Lun 26 Oct 2015 - 23:32

sur le premier code de formulaire il n'y avait pas la structure et pourtant il fonctionné bien c'est pour cela que j'avais zappe cette partie

voici le premier code fourni


Code:

<style type="text/css">
 
 
 fieldset /**cadre fieldset**/
  {
  background-image:url(http://i21.servimg.com/u/f21/18/51/82/95/b-4aed10.png) ;
  background-repeat:no-repeat;
  background-size: 1400px 800px;
  margin-left:0px!important;
  background-color:#b4af91;
   margin-bottom: 10px;
   border:2px solid azure;border-radius:25px;
  box-shadow:1px 3px 5px #333;
}

 fieldset:hover
{
   background-color: #84815b;cursor:pointer;transition:1s;
}

  fieldset legend/**legend titre**/
{
   padding: 0 10px;
   border:3px solid azure
   font-size: 1.2em;
   color: #fff;
  background-color:#787746;
  border-radius:5px;
  box-shadow:1px 3px 5px azure;
  text-shadow:1px 1px 1px #333;
}
 
 /* Input */
 input,  select
{
   margin-left: 0%;
   width: 58%;
  border:2px solid azure;
   color: #fff;
  background-color:#e1e6f8;
  border-radius:10px;
  box-shadow:1px 3px 5px azure;
  text-shadow:1px 1px 1px #333;
  padding:5px;
}

 input:hover,  select:hover,  input:focus,  select:focus
{
   border:#border:2px solid azure;
   background-color:#333;
  cursor:pointer;transition:1s;
}
 
/* button submit */
 input[type="submit"]
{border:2px solid red;
   color: #fff;
  background-color:#e1e6f8;
  border-radius:10px;
  box-shadow:1px 3px 5px azure;
  text-shadow:1px 1px 1px #333;
  padding:5px;
   width: 27%;
}

 input[type="submit"]:hover
{
   background-color: #333;
   cursor: pointer;

 
input, textarea {
    /* Afin de s'assurer que tous les champs textuels utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
    font: 1em sans-serif;

    /* Pour donner la même dimension à tous les champs textuels */
    width: 300px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Pour harmoniser l'apparence des bordures des champs textuels */
  border:2px solid azure;
    color: #fff;
  background-color:#e1e6f8;
  border-radius:10px;
  box-shadow:1px 3px 5px azure;
  text-shadow:1px 1px 1px #333;
  padding:5px;

  textarea:hover {
    /* Afin de s'assurer que tous les champs textuels utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
    font: 1em sans-serif;

    /* Pour donner la même dimension à tous les champs textuels */
    width: 300px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Pour harmoniser l'apparence des bordures des champs textuels */
  border:2px solid azure;
    color: #fff;
  background-color:#333;
  border-radius:10px;
  box-shadow:1px 3px 5px azure;
  text-shadow:1px 1px 1px #333;
  padding:5px;
  cursor:pointer;transition:1s;

 
 input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
 
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: middle;

    /* Pour donner assez d'espace pour entrer du texte */
    height: 5em;

    /* Pour permettre aux utilisateurs de redimensionner un champ textuel horizontalement
      Cela ne marche pas avec tous les navigateurs  */
    resize: vertical;

 
  label {
    display: block;
    font-size: 18px;
    width: 320px;
    float: left;
    color: azure;
    font-weight: 700;
    text-shadow: 0px 0px 1px #333;
}
 
 
 
 </style> <br />
<div class="demandeGraphique">
 
  <fieldset>  <legend></legend>
          Ce formulaire va nous permettre de mieux répondre à vos demandes graphiques  <br /><br />
  </fieldset>
 
   <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="" />
         
          Bonjour, <br /><br />
          N'oubliez pas de saisir un prefixe <br /><br /> 
         
            <label for="Titre du sujet">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="110" maxlength="100" /><br /><br />
            <label for="Nature de la création">Nature de la création :</label><input type="text" name="nature" id="titre" value="" size="110" maxlength="100" /><br /><br />
            <label for="Taille de la création (en pixels)">Taille de la création (en pixels) : </label>
            <input type="text" name="taille" id="titre" value="" size="110" maxlength="100" /><br /><br />
            <label for="Couleur de fond">Couleur de fond :</label> <input type="text" name="fond" id="titre" value="" size="110" maxlength="100" /><br /><br />
            <label for="Texte à insérer">Texte à insérer :</label><textarea cols="100" rows="2" name="texte"></textarea><br /><br />
            <label for="Type de la police">Type de la police :</label><input type="text" name="police" id="titre" value="" size="110" maxlength="100" /><br /><br />
            <label for="Couleur de la police">Couleur de la police :</label><input type="text" name="police_couleur" id="titre" value="" size="110" maxlength="100" /><br /><br />
            <label for="Commentaires supplémentaires">Commentaires supplémentaires :</label><textarea cols="100" rows="1" name="commentaire"></textarea><br /><br /><label for="Image donnée pour la création">Image donnée pour la création :</label> 
       <button onclick="window.open('http://www.zupimages.net'); return false;">Télécharger</button><br /><br />
            <label for="Mettez le lien BBCODE votre image ici">Mettez le lien BBCODE votre image ici :</label> <input type="text" name="image" size="110" maxlength="200" /><br /><br />
            Choisissez le forum ou vous postez votre demande<br /><br />
                <select name="f">
                <option value="">Choisissez votre forum où poster votre demande</option>
                <option value="2">Boutons, Icônes, Images de rang</option>
                <option value="24">Fonds d'écran (wallpapers), Bannières, Logos</option>
                <option value="26">Avatars, Signatures</option>
              </select>
            <input type="submit" name="post" value="Cliquez ici" /> 
</form>
 <fieldset>
 </fieldset>
</div>


<script type="text/javascript">
          function envoiMessage(form)
          {
    // Créer un message à partir des informations fournies
 
          var txt_message = "Nature de la création :" + form.nature.value + '\n'
          + "Taille de la création (en pixels) :" + form.taille.value + '\n'
          + "Couleur de fond :" + form.fond.value + '\n'
          + "Texte à insérer :" + form.texte.value + '\n'
          + "Type de police :" + form.police.value + '\n'
          + "Couleur de la police :" + form.police_couleur.value + '\n'
          + "Commentaires supplémentaires :" + form.commentaire.value + '\n'
          + "Mettez votre image ici :" + form.image.value + '\n';
 
    // Insère le texte construit dans le champ caché "message" du formulaire
 
        form.message.value = txt_message;
        }
</script>

j'ai donc modifié celui ci-dessus en conséquence en tous cas merci
y a t'il un moyen pour ces deux codes qu'il ouvre la page html dans une nouvelle page du navigateur (cela n'est pas trop grave mais pourquoi pas)
sur les formulaires merci beaucoup tu est au top
mariok13

mariok13
****

Messages : 421
Inscrit(e) le : 06/06/2015

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

Résolu Re: de nouveau souci avec les formulaire

Message par Scoubifitz Mar 27 Oct 2015 - 2:08

mariok13 a écrit:y a t'il un moyen pour ces deux codes qu'il ouvre la page html dans une nouvelle page du navigateur (cela n'est pas trop grave mais pourquoi pas)
sur les formulaires merci beaucoup tu est au top

Vous souhaitez que les pages des formulaires s'ouvrent en cliquant sur les boutons "nouveau" des forums concernés ?
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: de nouveau souci avec les formulaire

Message par mariok13 Mar 27 Oct 2015 - 7:38

Par la suite oui mais nouveau que sur les.forum concerne dans les formulaires
Merci
mariok13

mariok13
****

Messages : 421
Inscrit(e) le : 06/06/2015

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

Résolu Re: de nouveau souci avec les formulaire

Message par Scoubifitz Mar 27 Oct 2015 - 11:03

PA - mdules - gestion des code JS - créez un nouveau JS :
sur toutes les pages :

Code:
$(document).ready(function(){
  $("a[href*='/post?f=19&mode=newtopic']").attr('href', '/h1-'); // templates
  $("a[href*='/post?f=20&mode=newtopic']").attr('href', '/h1-'); // code
  $("a[href*='/post?f=2&mode=newtopic']").attr('href', '/h2-'); //graphisme boutons
  $("a[href*='/post?f=24&mode=newtopic']").attr('href', '/h2-'); //graphisme logos
  $("a[href*='/post?f=26&mode=newtopic']").attr('href', '/h2-'); //graphisme icones
});
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.
  • 0

Résolu Re: de nouveau souci avec les formulaire

Message par mariok13 Mar 27 Oct 2015 - 21:06

merci je met résolu
mariok13

mariok13
****

Messages : 421
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 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