Formulaire condition

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

Résolu Formulaire condition

Message par mariok13 le Dim 1 Nov 2015 - 10:08

bonjour encore moi

voila comment mettre un formulaire avec une condition

j'explique

- je clique sur le bouton nouveau cela m'ouvre le forumulaire (cela c'est bon je sais faire)
- Mettre un choix
- Remplir le formulaire
-> si Non cliquer sur le forum ou vous désirez pour posé votre question
->si oui je remplit le formulaire puis je poste dans le forum voulu

merci au spécialiste des formulaire de ce pencher sur ma question


Dernière édition par mariok13 le Dim 1 Nov 2015 - 19:34, édité 1 fois

mariok13
****

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

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

Résolu Re: Formulaire condition

Message par Scoubifitz le Dim 1 Nov 2015 - 16:00

@mariok13 a écrit:bonjour encore moi

voila comment mettre un formulaire avec une condition

j'explique

- je clique sur le bouton nouveau cela m'ouvre le formulaire (cela c'est bon je sais faire)
- Mettre un choix
- Remplir le formulaire
-> si Non cliquer sur le forum ou vous désirez pour posé votre question
->si oui je remplit le formulaire puis je poste dans le forum voulu

merci au spécialiste des formulaire de ce pencher sur ma question
Bonjour,

J'ai un peu de mal à comprendre ce que vous souhaitez ... Suivant le choix (oui-non) dans le formulaire , l'envoi se fera dans tel ou tel forum ?

Un exemple ?

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Formulaire condition

Message par mariok13 le Dim 1 Nov 2015 - 16:52

non un choix sur le remplissage du formulaire

j'utilise ton script pour le bouton nouveau

donc je clique sur nouveau j'arrive sur le formulaire à remplir la (c'est pas de moi mais de demande des membres)

la je clique sur oui j'utilise le formulaire (je le remplit et je post)
ou non je post directement dans le forum concerné

comme ici mais sans la deuxieme partie qui apparait petit à petit pour la deuxieme partie est le remplissage du formulaire



avec une image c'est peut etre mieux

mariok13
****

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

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

Résolu Re: Formulaire condition

Message par Scoubifitz le Dim 1 Nov 2015 - 19:06

Le plus simple serait donc de mettre des boutons de redirection vers l'éditeur de message de chaque forum .

Pour les demandes graphiques par exemple :

Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>formulaire d'aide</title>
<style type="text/css">
 
    .demandeGraphique {
    background-color: yellowgreen;
    padding: 10px;
    border-radius: 25px;
    box-shadow: inset 1px 10px 20px #e1e6f8;
    border: 2px dashed burlywood;
}
 
 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>
  </head>
<body>
 
<div class="demandeGraphique">
  <fieldset>
    <legend>Liens directs vers l'éditeur de messagerie</legend>
  <p style="text-align:center"> Si vous ne désirez pas passer par le formulaire mais poster directement votre message ,<br />cliquez sur le bouton de votre choix : <br />
    <button onClick="self.location.href='/post?f=2&mode=newtopic'">Boutons, Icônes, Images de rang</button>
    <button onClick="self.location.href='/post?f=24&mode=newtopic'">Fonds d'écran (wallpapers), Bannières, Logos</button>
    <button onClick="self.location.href='/post?f=26&mode=newtopic'">Avatars, Signatures</button></p>
  </fieldset>
  <fieldset>
    <legend>Ce formulaire va nous permettre de mieux répondre à vos demandes graphiques </legend>  <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 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>
</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>
 </body>
</html>

Scoubifitz
+ Hyperactif +

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

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

Résolu Re: Formulaire condition

Message par mariok13 le Dim 1 Nov 2015 - 19:34

génial merci

mariok13
****

Messages : 410
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


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