Formulaire nouveau sujet

[Outis]

Bonjour,

Je souhaite faire un formulaire à l'ouverture d'un nouveau sujet comme celui de FDF ou autre modèle qu'il suffirait de compléter.
Ceci afin d'avoir des fiches uniformes sur notre forum.

Je ne trouve pas de tutoriel clair (ou je n'ai pas utilisé les bons mots clés), si une bonne âme pouvait m'aiguiller.

Merci pour toute aide

[Outis]

[Ency]

Bonjour,

je serai également intéressé par le sujet, je continue toutefois mes recherches sur le forum pour voir s'il y a un tuto qui m'aurait échappé...

[Invité]

Bonjour,

je serai également intéressé par le sujet, je continue toutefois mes recherches sur le forum pour voir s'il y a un tuto qui m'aurait échappé...

Etant donné que vous êtes en PHBB3, je peux peut-être vous aider pour la redirection.
Pour commencer, il vous faudra rediriger vers une page HTML (formulaire) lorsque vous créez un nouveau sujet.

Code:

$(function(){
$('a[href="/post?f=2&mode=newtopic"]').attr('href','/h1-recrutement');
});

Ici, le 2 est à remplacer par le numéro du forum (visible dans l'URL) où la redirection s'appliquera. Ensuite, remplacez le h1-recrutement par le nom de votre page HTML (créée à partir du forum).

Pouvez-vous m'en dire plus sur le formulaire souhaité ?

[Outis]

Et pas de réponse pour le PHBB2 ?

[Invité]

Il me semble que le formulaire est le même, pour la redirection je ne pense pas. Que souhaitez-vous avoir dans votre formulaire ?

[Outis]

Une fiche à compléter sur le modèle suivant :

Code:

    [center][img]Image de la série[/img][/center]

    [b]Synopsis[/b]
    Écrire le synopsis ici.

    [b]Titre original :[/b]
    [b]Genre :[/b]
    [b]Créateur(s) :[/b]
    [b]Origine :[/b]
    [b]Diffusion d’origine :[/b]
    [b]Chaîne d’origine :[/b]

    [b]Casting[/b]
    Acteur : Rôle

    [b]Pourquoi regarder ?[/b]
    Insérer avis personnel et anecdotes sur la série.


[Invité]

Hello !
Voici donc :

Code:

<style>
/* Ce style est pour tout le formulaire */
#coc {
text-align: center;
}
</style> <script src="http://tinyurl.com/var-fa" type="text/javascript"></script><script type="text/javascript">
function envoiMessage(form){

var txt_message =
 " <strong>Synopsis</strong> " + "\n" + form.champ1.value + "\n\n"
+ " <strong>Titre original :</strong> " + form.champ2.value + "\n"
+ " <strong>Genre :</strong> " + form.champ3.value + "\n"
+ " <strong>Créateur :</strong> " + form.champ4.value + "\n"
+ " <strong>Origine :</strong> " + form.champ5.value + "\n"
+ " <strong>Diffusion d'origine :</strong> " + form.champ6.value + "\n"
+ " <strong>Chaîne d'origine :</strong> " + form.champ7.value + "\n\n"
+ " <strong>Acteur : Rôle :</strong> " + form.champ8.value + "\n\n"
+ " <strong>Pourquoi regarder ? :</strong> " + form.champ9.value ;


form.message.value = txt_message;

form.subject.value = "TEST";
}
</script>   
<form id="coc" onsubmit="envoiMessage(this)" enctype="multipart/form-data" name="post" method="post" action="/post">
                       <input value="0" name="lt" type="hidden" /><input value="newtopic" name="mode" type="hidden" />                         
   <!--                                Un nouveau topic sera créé                                --><input checked="checked" value="0" name="topictype" type="hidden" />                         
   <!--                                Value 0: Sujet Normal (1 = post-it / 2 = annonce)                                --><input value="" name="message" type="hidden" />                         
   <!--                                Contiendra le texte du message                                --> <input value="10" name="f" type="hidden" />                         
   <!--                                ID du forum dans lequel le message sera posté                                --> <input value="" id="titre" name="subject" type="hidden" />                                                     
   <p style="text-align: center;">
              <label><img src="https://ironyisapoormaster.files.wordpress.com/2014/09/person-of-interest-title-season-4.jpg" /><br /></label>       
   </p>
        
   <p>
                  <label>Synopsis :  </label><br /><textarea id="champ1" name="champ1" rows="3" required="required" cols="50"></textarea>           
   </p>
    
   <p>
                  <label>Titre original :  </label><br /><input required="required" size="30" id="champ2" name="champ2" type="text" />           
   </p>
   
   <p>
                <label>Genre :  </label><br /><input type="text" name="champ3" id="champ3" size="30" required="required" />         
   </p>
   
   <p>
                <label>Créateur(s) :  </label><br /><input type="text" name="champ4" id="champ4" size="30" required="required" />         
   </p>
   
   <p>
                <label>Origine :  </label><br /><input type="text" name="champ5" id="champ5" size="30" required="required" />         
   </p>
   
   <p>
                <label>Diffusion d'origine :  </label><br /><input type="text" name="champ6" id="champ6" size="30" required="required" />         
   </p>
   
   <p>
                <label>Chaîne d'origine :  </label><br /><input type="text" name="champ7" id="champ7" size="30" required="required" />         
   </p>
   
   <p>
                <label>Acteur : Rôle :  </label><br /><textarea id="champ8" name="champ8" rows="3" required="required" cols="50"></textarea>         
   </p>
   
   <p>
                <label>Pourquoi regarder (Insérer un avis personnel et anecdotes sur la série)  </label><br /><textarea id="champ9" name="champ9" rows="3" required="required" cols="50"></textarea>         
   </p>
                                                                        
   <p>
                <input type="submit" name="post" value="Envoyez" />         
   </p>
</form>

Remplacez TEST par le titre du nouveau sujet

Code:

form.subject.value = "TEST";

Remplacez 10 par le numéro du forum (visible dans l'URL) où le sujet sera posté

Code:

 <input value="10" name="f" type="hidden" /> 

Si vous avez des questions ^^

Bonne journée

[Outis]

Merci pour le formulaire.

Quelques petites questions peut-être stupide
Où faut-il placer le code ?
Est-ce que le titre est par défaut ? Ce qui serait gênant pour plusieurs sujets.

[Invité]

Il faut placer le code dans une page Html (Module>Gestion des pages HTML)
Pour le titre, c'est actuellement TEST pour chaque sujet étant envoyé à partir du formulaire. On peut néanmoins faire cela :

Code:

form.subject.value = "Sujet " + form.champ2.value;

Ici, le titre du sujet sera "Sujet + (Le titre original renseigné dans le formulaire)

[Outis]

La page HTML existe bien à présent, mais comment faire pour que cela soit associé au bouton "nouveau sujet" ?

Le code a été testé dans cette partie du forum
J'ai bien remplacé le "10" par "54" qui est le numéro du forum.

[Invité]

Essayer le code que j'ai envoyé tout en haut du sujet.

[Outis]

C'est bien un code HTML ?
Parce que ça ne fonctionne pas (ou alors je l'ai mal placé).

[Invité]

Non, c'est un code JavaScript ^^

[Outis]

Je m'en doutais en plus

Merci, ça fonctionne très bien cette fois.

[Invité]

Super alors

[Outis]

Oups, je reviens avec une dernière question :
les champs sont obligatoires, comment faire pour que ce ne soit pas obligatoire pour l'un ou l'autre (ou tous) ?

Merci

[Invité]

Dans le code, vous avez un attribut

Code:

required="required"

Il suffit de le supprimer

[Outis]

Encore merci

Je crois que c'est bon cette fois, je peux clôturer le sujet