Installer un formulaire sur son forum

[Yan55]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 30/01/2023
Lien du forum : https://megacine.forumactif.com/

Description du problème

Bonjour, désolé de vous déranger avec ceci, mais ce script venant de ce (2016)

https://forum.forumactif.com/t375761-creer-un-formulaire-pour-les-presentations-des-membres#3171779

Est-il toujours d'actualité svp et je ne crois pas à voir vu ou il installait son script précisément merci.

[Bipo]

Bonjour @Yan55,

Avez-vous vu l'astuce Générateur de formulaire ? Il permet de mettre en place un formulaire sur son forum en vous guidant pas à pas.

Bonne journée sur Forumactif.
Bipo.

[Yan55]

Bonjour

celui-ci ne m'intéresse pas justement d'où ma question merci

[Lixyr]

Bonjour Yann,

Oui, ce formulaire a l'air d'actualité. Pour ce qui est de où placer les scripts :

Voici le code entier que j'ai utilisé

Code:

<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 455px;
    /* Pour voir les limites du formulaire */
    padding: 1em;
    border: 1px solid #CCC;
    border-radius: 1em;
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que tous les textes au dessus des cellules aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 450px;      /*largeur*/
    height: 20px;      /*hauteur*/
    text-align: left;  /* alignement*/
    font-family: Arial; /* police */
    color: #4f4f4f;    /* couleur de la police */
    font-size: 12pt;    /* taille de la police */
     
}
 
input, textarea {
    /* Afin de s'assurer que toutes les cellules utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
      font: 1em arial;
      font-size: 12pt;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 450px; /* règle la largeur des cases */
    height: 30px; /* règle la hauteur des cases */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    border: 1px solid #999;
}
input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
    border-color: #000;
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 150px;
}
</style>
 
<center><FONT face="Arial" color="#ff0000" size="6">Générateur de présentation</FONT></center><br> <!-- Titre du formulaire -->
 
 
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <!-- Permet de pouvoir récupérer le username d'un utilisateur -->
<script type="text/javascript">
 
function envoiMessage(form)
{
// Créer un message BBcode à partir des informations fournies par le formulaire
var txt_message = "Bonjour à tous, je me présente : \n\n[color=#FF0000][b]Nom :[/color][/b] " + form.nom.value + '\n'
+ "[color=#FF0000][b]Âge :[/color][/b] " + form.age.value + '\n'
+ "[color=#FF0000][b]Lieu de résidence :[/color][/b] " + form.lieu.value + '\n\n'
+ "[color=#FF0000][b]Comment j'ai connu BoomDirect :[/color][/b] " + form.boom.value + '\n\n'
+ "[color=#FF0000][b]Comment j'ai connu le forum :[/color][/b] " + form.forum.value + '\n\n'
+ "[color=#FF0000][b]Message personnel :[/color][/b] " + form.perso.value + '\n'           
 
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
 
<!-- Données cachées -->
<form action="http://boomdirect-avis.forumactif.org/posting.forum" 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" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="3" /> <!--  ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="Présentation de " class="USERNAME"/> <!-- implantation du username dans le titre du sujet -->
 
 
<!-- Cases à remplir du formulaire -->
<label for="nom">Prénom : </label>
<input type="text" id="nom" value="" required="required" /></td>
 
<br><br><label for="age">Âge : </label>
<input type="text" id="age" value="" required="required" /></td>
 
<br><br><label for="lieu">Lieu de résidence : </label>
<input type="text" id="lieu" value="" required="required" /></td>
 
<br><br><label for="boom">Comment avez-vous connu BoomDirect ?<br />
(Interdit de citer un autre MLM)</label>
 <br><br /><br /><input type="text" id="boom" value="" required="required" /></td>
 
<br><br><label for="forum">Comment avez-vous connu le forum ?</label>
<input type="text" id="forum" value="" required="required" /></td>
 
<br><br><label for="perso">Message perso, stratégie, objectifs, hobbies :</label>
<textarea id="perso" required="required"></textarea>
 
<br><br><input type="submit" name="post" value="Poster votre présentation" />
</form>

Vous mettez ceci dans une page HTML (à lire : Gestion des pages HTML).

Les autres codes sont des morceaux expliqués du code global.

[Yan55]

Bonjour super, je vais tester, tu n'as pas une image du rendu stp merci ,

[Lixyr]

Non, je n'ai pas d'image du rendu, ce n'est pas moi qui ai créé le formulaire. Mais vous pouvez installer le code et voir ce que ça donne par vous-même. S'il ne vous plaît pas, rien ne vous empêche de le modifier, voire de supprimer complètement la page.

[Yan55]

c'est pas mal saurais-tu me mettre un peu de couleurs et supprimer le fond le (stylé) stp si tu veux bien ? merci  

je rectifie en faite j'en n'ai pris un autre, mais je ne sais pas quoi faire comment ou le mettre ?? et comment les membres peuvent le remplir pour être accepté, je m'en sors si quelqu'un peut m'aider svp merci    

Code:

<style type="text/css">
.form {
background-color:#222222;
width:600px;
margin:auto;
text-align:center;
}
.form .perso{
border-spacing: 7px;
}
.form .perso td,
.form p{
border: 1px solid #555;
width: 300px;
  padding:6px;
vertical-align:top;
border-radius: 5px;
box-shadow:3px 3px 3px #555;
}
.form .perso td{
background: rgb(252,120,5); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,120,5,1) 0%, rgba(255,191,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(252,120,5,1) 0%,rgba(255,191,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(252,120,5,1) 0%,rgba(255,191,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7805', endColorstr='#ffbf0f',GradientType=0 ); /* IE6-9 */
  color:#fff}
.form .perso td+td{
background: rgb(6,109,171); /* Old browsers */
background: -moz-linear-gradient(top, rgba(6,109,171,1) 0%, rgba(138,187,215,1) 69%, rgba(197,222,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066dab', endColorstr='#c5deea',GradientType=0 ); /* IE6-9 */
}
.form p{
text-align:center;
margin:5px auto;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form){

// Créer un message à partir des informations fournies

var txt_message = "[b][color=#ff0000].: Présentation de " + form.pseudo.value + " :.[/color][/b]\n\n"
+ "[u][b]Infos perso[/b][/u]\n\n"
+ "[b]Mon Prénom : [/b]" + form.champ1.value + "\n"
+ "[b]Mon Age : [/b]" + form.champ2.value + "\n"
+ "[b]Ma région [/b]" + form.champ3.value + "\n"
+ "[b]Mes Passions [/b]" + form.champ4.value + "\n"
+ "[b]Mon Métier : [/b]" + form.champ5.value + "\n\n"
+ "[u][b]Infos Warez / Web / Connexion[/b][/u]\n\n"
+ "[b]Mes compétences en Graph' : [/b]" + form.champ6.value + "\n"
+ "[b]Mes compétences en Prog' : [/b]" + form.champ7.value + "\n"
+ "[b]Mon F.A.I. : [/b]" + form.champ8.value + "\n"
+ "[b]Débit de ma connexion : [/b]" + form.champ9.value + "\n\n"
+ "[u][b]Infos / Contribution forum[/b][/u]\n\n"
+ "[b]Comment j'ai connu la board : [/b]" + form.champ10.value + "\n"
+ "[b]Ce que j'en attends : [/b]" + form.champ11.value + "\n"
+ "[b]Ce que je compte lui apporter [/b]: " + form.champ12.value + "\n";

// Insére le texte dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Insére le texte dans le champ caché "subject" (titre) du formulaire
form.subject.value = "Candidature CR : " + form.pseudo.value;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" class="form">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = post-it / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->

<input type="hidden" name="f" value="2" /> <!--  ID du forum dans lequel le message sera posté-->

<input type="hidden" name="subject" id="titre" value="" />
 <br />
<p><FONT color="#00FFD1">Infos perso de</FONT> <input name="pseudo" type="text" value="" class="USERNAME" readonly="readonly" style="border:none"/></p>
<br />
  <table class="perso"><tr><td><label for="champ1">Votre Pseudo :</label></td>
    <td><input type="text" name="champ1" id="champ1" size="30" /></td></tr>
  
  <table class="perso"><tr><td><label for="champ1">Votre Prenom :</label></td>
    <td><input type="text" name="champ1" id="champ1" size="30" /></td></tr>

<tr><td><label for="champ2">Votre Age : </label></td>
    <td><input type="text" name="champ2" id="champ2" size="30" /></td></tr>

<tr><td><label for="champ3">Votre Region : </label></td>
    <td><input type="text" name="champ3" id="champ3" size="30" /></td></tr>

<tr><td><label for="champ4">Vos Passions : </label></td>
    <td><input type="text" name="champ4" id="champ4" size="30" /></td></tr>

<tr><td><label for="champ5">Votre Metier : </label></td>
  <td><input type="text" name="champ5" id="champ5" size="30" /></td></tr></table>
<br />
<p><FONT color="#00FFD1">Infos Warez / Web / Connexion </FONT></p>
<br />
<table class="perso"><tr><td><label for="champ6">Vos competences en Graph' : </label></td>
    <td><input type="text" name="champ6" id="champ6" size="30" /></td></tr>

<tr><td><label for="champ7">Vos competences en Prog' : </label></td>
    <td><input type="text" name="champ7" id="champ7" size="30" /></td></tr>

<tr><td><label for="champ8">Fournisseur d'acces internet : </label></td>
    <td><select name="champ8" id="champ8">
<option value="inconnu" selected="selected">Je ne sais pas</option>
<option value="Orange">Orange</option>
<option value="SFR">SFR</option>
<option value="Numericable">Numericable</option>
<option value="FREE">FREE</option>
<option value="Bouygues">Bouygues</option>
<option value="Coriolis">Coriolis</option>
<option value="Alice">Alice</option>
</select></td></tr>

<tr><td><label for="champ9">Debit : </label></td>
    <td><select name="champ9" id="champ9">
<option value="inconnu" selected="selected">Je ne sais pas</option>
<option value="56 Kbps" >56kbps</option>
<option value="8 Mbps">8 Mbps</option>
<option value="8 Mbps">20 Mbps</option>
<option value="8 Mbps">50 Mbps</option>
<option value="8 Mbps">100 Mbps</option>
</select></td></tr></table>
<br />
<p><FONT color="#00FFD1">Infos / Contribution forum </FONT></p>
<br />
<table class="perso"><tr><td><label for="champ10">Comment vous avez connu la board : </label></td>
    <td><textarea id="champ10" name="champ10" rows="2" cols="30"></textarea></td></tr>

<tr><td><label for="champ11">Ce que vous en attendez : </label></td>
    <td><textarea id="champ11" name="champ11" rows="2" cols="30"></textarea></td></tr>

<tr><td><label for="champ12">Ce que vous comptez lui apporter : </label></td>
<td><textarea id="champ12" name="champ12" rows="2" cols="30"></textarea></td></tr></table>
<br />
<p><input type="submit" name="post" value="Poster le formulaire" /></p>
</form>

[Lixyr]

Bonjour,

Pareil, il faut mettre cela dans une page HTML. Ensuite, donnez-moi le lien de votre page HTML pour que je vous guide pour les modifications.

[Chacha]

Bonjour,

Le forum n'étant plus en ligne, ce sujet n'a plus de raison d’exister.

Cordialement.