Tuto "Formulaire de présentation "
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Tuto "Formulaire de présentation "
Bonjour,
J'ai passé en revue pas mal de post avec des scripts qui correspondent à ma demande sur ForumActif . Le problème, c'est que je suis nulle et je ne comprends pas !
En fait, je voudrais un script pour que les membres qui arrivent puisse faire leur présentation avec un formulaire pré-défini.
Une fois rempli par le membre, en le validant le formulaire se dirige directement dans la section présentation.
Ce script il serait bien si je pouvais le mettre sur l'index voir la capture d'écran:
J'espère que je me suis faite comprendre dans mes explications, aussi je reste à votre disposition,
mes amitiés
petitefeuille
J'ai passé en revue pas mal de post avec des scripts qui correspondent à ma demande sur ForumActif . Le problème, c'est que je suis nulle et je ne comprends pas !
En fait, je voudrais un script pour que les membres qui arrivent puisse faire leur présentation avec un formulaire pré-défini.
Une fois rempli par le membre, en le validant le formulaire se dirige directement dans la section présentation.
Ce script il serait bien si je pouvais le mettre sur l'index voir la capture d'écran:
- index:
J'espère que je me suis faite comprendre dans mes explications, aussi je reste à votre disposition,
mes amitiés
petitefeuille
Dernière édition par petitefeuille le Mer 11 Mai 2016 - 10:27, édité 1 fois
Re: Tuto "Formulaire de présentation "
Bonjour,
Je me permet de remonter mon post.
A bientôt,
mes amitiés
Je me permet de remonter mon post.
A bientôt,
mes amitiés
Re: Tuto "Formulaire de présentation "
Bonjour,
Je voudrais savoir si une personne peut m'aider ? merci d'avance
Je voudrais savoir si une personne peut m'aider ? merci d'avance
Re: Tuto "Formulaire de présentation "
Hello petite feuille
Ça m'intéresse aussi...
Ça m'intéresse aussi...
Re: Tuto "Formulaire de présentation "
Bonjour petite feuille,
Je trouve que ta question n'est pas exactement claire : tu veux mettre un sujet qui fait formulaire de présentation, ou bien ancrer le formulaire dans ta description de forum ?
Lors de la création d'un formulaire, tu vas avoir trois parties dans ta page (HTML) : une partie script en JavaScript, une partie feuille de style CSS et une partie action de formulaire.
Il te faut donc créer une page HTML spécifique, que tu lieras dans un post de ton forum dédié (ici présentation ou alors la description du forum) par un iframe.
Attention à la taille de l'iframe
Je trouve que ta question n'est pas exactement claire : tu veux mettre un sujet qui fait formulaire de présentation, ou bien ancrer le formulaire dans ta description de forum ?
Lors de la création d'un formulaire, tu vas avoir trois parties dans ta page (HTML) : une partie script en JavaScript, une partie feuille de style CSS et une partie action de formulaire.
Il te faut donc créer une page HTML spécifique, que tu lieras dans un post de ton forum dédié (ici présentation ou alors la description du forum) par un iframe.
- Code:
<style type="text/css">
/* -- Feuille de style CSS --*/
form{
background-color: rgba(255, 255, 255, 0.5);
border : solid 1px darkgreen;
box-shadow: 0px 0px 2px darkgreen;
padding:15px;
}
.tada{
font-size:1.5em;
font-weight:bold;
color:darkgreen;
border-bottom: 1px solid darkgreen;
text-shadow: 0px 0px 2px darkgreen;
font-variant:small-caps;
}
.entete{
font-weight:bold;
font-size:0.8em;
padding-left: 10px;
margin:5px;
}
.section{
margin-bottom: 20px;
padding-bottom: 15px;
}
label{
margin:5px;
}
.titresec{
background-color:#d8eb59;
font-size: 13pt;
font-family: Verdana;
text-shadow: 1px 1px 1px black;
letter-spacing: 2px;
font-weight:bold;
font-variant:small-caps;
color:green;
text-align:center;
padding:3px;
margin:10px -15px;
border-bottom: 1px dashed darkgreen;
border-top: 1px dashed darkgreen;
}
</style> <script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = " ";
txt_message = txt_message + "<div style='border : solid 1px darkgreen;box-shadow: 0px 0px 2px darkgreen; padding:15px;'><div style='font-size:1.5em; font-weight:bold;color:darkgreen;border-bottom: 1px solid darkgreen;text-shadow: 0px 0px 2px darkgreen; font-variant:small-caps;'>Présentation de " + form.nom.value + " " + form.prenom.value
+ "</div><div style='background-color:#d8eb59;font-size: 13pt; font-family: Verdana; text-shadow: 1px 1px 1px black; letter-spacing: 2px;font-weight:bold;font-variant:small-caps;color:green;text-align:center;padding:3px;margin:10px -15px;border-bottom: 1px dashed darkgreen;border-top: 1px dashed darkgreen;'>Partie 1</div> "
+ "[b][u]Nom :[/b][/u] " + form.nom.value + '\n'
+ "[b][u]Prénom :[/b][/u] " + form.prenom.value + '\n'
+ "[b][u]Age :[/b][/u] " + form.age.value + '\n'
// Les parties entre "X" sont les titres du formulaire. Ici, on mélange HTML, BBcode et javascript pour donner une apparence sympathique au message généré par le formulaire
+ "[b][u]J'ai connu le forum :[/u][/b]";
// Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
for(var i = 0; i < form.oufo.length; i++)
{
if(form.oufo[i].checked == true) { txt_message = txt_message + form.oufo[i].value + " "; }
}
txt_message = txt_message + '\n'
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.prenom.value + " " + form.nom.value ;
}
</script>
// DEBUT DU FORMULAIRE
<form action="http://LIENDETONFORUM/posting.forum" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this);" target="_parent">
<input name="lt" value="0" type="hidden" />
<input name="mode" value="newtopic" type="hidden" />
<!-- Un nouveau topic sera créé -->
<input name="topictype" value="0" checked="checked" type="hidden" />
<!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input name="message" value="" type="hidden" />
<!-- Contiendra le texte du message -->
<input name="f" value="6" type="hidden" />
<!-- ID du forum dans lequel le message sera posté --> // ATTENTION, vérifier le forum dans lequel tu veux poster la présentation !!
<div class="tada">
Formulaire de présentation
</div>
<div class="section">
<input name="subject" id="titre" value="" type="hidden" /><br /> <br />
<div class="titresec">
Identité
</div>
<label for="nom" class="lab">Nom : </label> <label for="prenom" style="padding-left:70px;">Prénom : </label><br /> <input size="10" name="nom" id="nom" placeholder="Nom" type="text" /> <input size="10" name="prenom" id="prenom" placeholder="Prénom" type="text" /> <br /> <label for="age">Age : </label> <label for="" "ecole"="" style="padding-left:70px;">Camp :</label><br /> <input size="5" name="age" id="age" placeholder="> 16 ans" type="text" /> <select style="margin-left:35px;" name="ecole" id="ecole"><option>Marchombre</option><option>Envoleur</option></select> <br /> <label for="particularite">Particularités de votre personnage : </label><input size="31" name="particularite" id="particularite" placeholder="Ce qui est particulier à votre personnage" type="text" /><br /> <label for="lieu">Lieu de naissance de votre personnage : </label><input size="29" name="lieu" id="lieu" placeholder="Nom de village / ville / région" type="text" />
</div>
<div class="section">
<label>Où avez-vous connu le forum ? </label> <br /> <input name="oufo" id="topsite" value="Top-Site" type="checkbox" /><label for="topsite">Top-Site</label> <input name="oufo" id="partenaire" value="Partenariat" type="checkbox" /><label for="partenaire">Partenariat</label> <input name="oufo" id="annuaire" value="Annuaire" type="checkbox" /><label for="annuaire">Annuaire</label> <input name="oufo" id="directgg" value="Google" type="checkbox" /><label for="directgg">Google</label> <input name="oufo" id="autre" value="Autre" type="checkbox" /><label for="autre">Autre</label><br /><br /> <label for="presence">Votre présence sur le forum: </label><input size="1" name="presence" id="presence" placeholder="jours" type="text" /> /7
</div>
<input name="post" value="Envoyer" type="submit" />
</form>
<br />
- Code:
<iframe src="LIENVERSTAPAGEHTML" width="600px" height="2100" frameborder=0 scrolling="auto"></iframe>
Attention à la taille de l'iframe
Re: Tuto "Formulaire de présentation "
Bonjour Erwan Narcos,
Cette page HTML je l'ai comprise enfin je crois, par contre où je place le "ifram" ? et le "LIENVERSTAPAGEHTML" là je ne comprends pas !
Merci de ta réponse et à bientôt
Cette page HTML je l'ai comprise enfin je crois, par contre où je place le "ifram" ? et le "LIENVERSTAPAGEHTML" là je ne comprends pas !
Merci de ta réponse et à bientôt
Re: Tuto "Formulaire de présentation "
Bonjour,
Une Iframe vous permettra de visualiser la page où se trouve le formulaire depuis un sujet. Placez l'iframe dans un sujet avec le lien de la page que vous voulez visualiser.
Une Iframe vous permettra de visualiser la page où se trouve le formulaire depuis un sujet. Placez l'iframe dans un sujet avec le lien de la page que vous voulez visualiser.
Invité- Invité
Re: Tuto "Formulaire de présentation "
bonjour Perfectoser,
Je vais essayer sur mon forum test
Merci à vous et à bientôt
Je vais essayer sur mon forum test
Merci à vous et à bientôt
Re: Tuto "Formulaire de présentation "
Re ....
J'ai fait ma page HTML mais déjà je voudrais changer les intitulés comme " Camp" etc. après je ne sais pas si je dois mettre :
1) Voulez-vous utiliser le haut et le bas de page de votre forum ?
Oui Non
ou
2) Utiliser cette page en tant que page d'accueil ?
Non Oui
ensuite l'iframe je le place où ?
et quel "lien" je met à la place de "LIENVERSTAPAGEHTML"?
à bientôt de vous lire
J'ai fait ma page HTML mais déjà je voudrais changer les intitulés comme " Camp" etc. après je ne sais pas si je dois mettre :
1) Voulez-vous utiliser le haut et le bas de page de votre forum ?
Oui Non
ou
2) Utiliser cette page en tant que page d'accueil ?
Non Oui
ensuite l'iframe je le place où ?
et quel "lien" je met à la place de "LIENVERSTAPAGEHTML"?
à bientôt de vous lire
Re: Tuto "Formulaire de présentation "
Pour les deux, il faut mettre non
Ensuite, quand tu valides et enregistres ta page HTML, dans le panneau d'administration tu as le lien de la page que tu as créée. C'est ce lien qu'il faut mettre à la place du LIENVERSPAGEHTML.
Justement, la question est : où veux-tu que ton formulaire de présentation soit ? Dans un sujet spécifique, dans ton forum présentation, ou bien dans la description de ton forum de présentation ?
Si c'est le premier cas, il faut poster un sujet avec l'Iframe uniquement.
Si c'est le second cas, il faut modifier la description de ton forum dans les paramètres, et y insérer l'Iframe.
Ensuite, quand tu valides et enregistres ta page HTML, dans le panneau d'administration tu as le lien de la page que tu as créée. C'est ce lien qu'il faut mettre à la place du LIENVERSPAGEHTML.
Justement, la question est : où veux-tu que ton formulaire de présentation soit ? Dans un sujet spécifique, dans ton forum présentation, ou bien dans la description de ton forum de présentation ?
Si c'est le premier cas, il faut poster un sujet avec l'Iframe uniquement.
Si c'est le second cas, il faut modifier la description de ton forum dans les paramètres, et y insérer l'Iframe.
Re: Tuto "Formulaire de présentation "
Erwan Narcos bonjour et un grand merci de votre patience
Je vais laisser tomber ce tuto car j'ai du mal à le comprendre. Je suis désolée !
En fait j'aurais voulu un formulaire un peu comme dans : http://prezup.eu/generer-une-prez/membres/
ce formulaire se trouvant sur l'index :
quand arrive un nouveau membre il n'a qu'a cliquer dessus et sa prez se fait diriger automatiquement dans la section "présentation"
Peut-être es-ce pas le bon tuto pour moi ?
J'attends de vos nouvelles afin de voir si ce post est résolu ou pas.
Merci d'avance
Mes amitiés
Je vais laisser tomber ce tuto car j'ai du mal à le comprendre. Je suis désolée !
En fait j'aurais voulu un formulaire un peu comme dans : http://prezup.eu/generer-une-prez/membres/
ce formulaire se trouvant sur l'index :
quand arrive un nouveau membre il n'a qu'a cliquer dessus et sa prez se fait diriger automatiquement dans la section "présentation"
Peut-être es-ce pas le bon tuto pour moi ?
J'attends de vos nouvelles afin de voir si ce post est résolu ou pas.
Merci d'avance
Mes amitiés
Re: Tuto "Formulaire de présentation "
Bonjour,
Reprenons du début. Veuillez créer une page HTML avec le code donné au début du sujet. Vous devrez cocher l'option non pour les deux choix, comme ceci :
http://prntscr.com/b1o2rj
Ensuite, vous devrez récupérer le lien de la page, qui se trouve juste ici :
http://prntscr.com/b1o31a
Puis ensuite, rendez vous dans :
Panneau d'administration > Affichage > Généralité
Puis collez ce code :
Reprenons du début. Veuillez créer une page HTML avec le code donné au début du sujet. Vous devrez cocher l'option non pour les deux choix, comme ceci :
http://prntscr.com/b1o2rj
Ensuite, vous devrez récupérer le lien de la page, qui se trouve juste ici :
http://prntscr.com/b1o31a
Puis ensuite, rendez vous dans :
Panneau d'administration > Affichage > Généralité
Puis collez ce code :
- Code:
<iframe src="LIENVERSTAPAGEHTML" width="600px" height="2100" frameborder=0 scrolling="auto"></iframe>
Invité- Invité
Re: Tuto "Formulaire de présentation "
Je n'ai pas compris. Où souhaitez vous placer le formulaire ? Dans la description d'une catégorie ?
Et sinon, pour le problème de Google, modifiez cette partie dans le formulaire :
Et sinon, pour le problème de Google, modifiez cette partie dans le formulaire :
- Code:
<form action="http://LIENDETONFORUM/posting.forum" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this);" target="_parent">
Invité- Invité
Re: Tuto "Formulaire de présentation "
Perfectoser nous allons laisser cette demande, non pas que vous expliquez mal, mais je dois être illogique puisque je ne comprends pas et votre dernier ifram n'apparaît plus! Je n'ai plus envie de batailler
Excusez moi de vous avoir pris de votre temps, j'espère que ce post servira à d'autre personne.
Un grand merci encore pour votre patience,
mes amitiés
Excusez moi de vous avoir pris de votre temps, j'espère que ce post servira à d'autre personne.
Un grand merci encore pour votre patience,
mes amitiés
Re: Tuto "Formulaire de présentation "
L'envoi du formulaire ne fonctionne pas car tu n'as sans doute pas changé le lien :
dans le code de la page HTML.
Il faut que tu écrives, dans ton HTML, pour ton forum (je te mets les bons liens)
Si tu veux mettre le formulaire dans la description de ton forum, il faut placer l'IFRAME dans : Panneau d'Administration > Général > Catégories et forums
Tu vas dans ton forum de présentation, et dans sa description tu ajoutes :
J'espère que ça pourra t'aider, bon courage !
- Code:
http://LIENDETONFORUM/posting.forum
dans le code de la page HTML.
Il faut que tu écrives, dans ton HTML, pour ton forum (je te mets les bons liens)
- Code:
<style type="text/css">
/* -- Feuille de style CSS --*/
form{
background-color: rgba(255, 255, 255, 0.5);
border : solid 1px darkgreen;
box-shadow: 0px 0px 2px darkgreen;
padding:15px;
}
.tada{
font-size:1.5em;
font-weight:bold;
color:darkgreen;
border-bottom: 1px solid darkgreen;
text-shadow: 0px 0px 2px darkgreen;
font-variant:small-caps;
}
.entete{
font-weight:bold;
font-size:0.8em;
padding-left: 10px;
margin:5px;
}
.section{
margin-bottom: 20px;
padding-bottom: 15px;
}
label{
margin:5px;
}
.titresec{
background-color:#d8eb59;
font-size: 13pt;
font-family: Verdana;
text-shadow: 1px 1px 1px black;
letter-spacing: 2px;
font-weight:bold;
font-variant:small-caps;
color:green;
text-align:center;
padding:3px;
margin:10px -15px;
border-bottom: 1px dashed darkgreen;
border-top: 1px dashed darkgreen;
}
</style> <script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = " ";
txt_message = txt_message + "<div style='border : solid 1px darkgreen;box-shadow: 0px 0px 2px darkgreen; padding:15px;'><div style='font-size:1.5em; font-weight:bold;color:darkgreen;border-bottom: 1px solid darkgreen;text-shadow: 0px 0px 2px darkgreen; font-variant:small-caps;'>Présentation de " + form.nom.value + " " + form.prenom.value
+ "</div><div style='background-color:#d8eb59;font-size: 13pt; font-family: Verdana; text-shadow: 1px 1px 1px black; letter-spacing: 2px;font-weight:bold;font-variant:small-caps;color:green;text-align:center;padding:3px;margin:10px -15px;border-bottom: 1px dashed darkgreen;border-top: 1px dashed darkgreen;'>Partie 1</div> "
+ "[b][u]Nom :[/b][/u] " + form.nom.value + '\n'
+ "[b][u]Prénom :[/b][/u] " + form.prenom.value + '\n'
+ "[b][u]Age :[/b][/u] " + form.age.value + '\n'
// Les parties entre "X" sont les titres du formulaire. Ici, on mélange HTML, BBcode et javascript pour donner une apparence sympathique au message généré par le formulaire
+ "[b][u]J'ai connu le forum :[/u][/b]";
// Dans le cas des checkboxs, on va les parcourir pour prendre la valeur de celles qui sont cochées:
for(var i = 0; i < form.oufo.length; i++)
{
if(form.oufo[i].checked == true) { txt_message = txt_message + form.oufo[i].value + " "; }
}
txt_message = txt_message + '\n'
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = "Présentation de " + form.prenom.value + " " + form.nom.value ;
}
</script>
// DEBUT DU FORMULAIRE
<form action="http://www.petitefeuille.net/posting.forum" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this);" target="_parent">
<input name="lt" value="0" type="hidden" />
<input name="mode" value="newtopic" type="hidden" />
<!-- Un nouveau topic sera créé -->
<input name="topictype" value="0" checked="checked" type="hidden" />
<!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input name="message" value="" type="hidden" />
<!-- Contiendra le texte du message -->
<input name="f" value="1" type="hidden" />
<!-- ID du forum dans lequel le message sera posté --> // ATTENTION, vérifier le forum dans lequel tu veux poster la présentation !!
<div class="tada">
Formulaire de présentation
</div>
<div class="section">
<input name="subject" id="titre" value="" type="hidden" /><br /> <br />
<div class="titresec">
Identité
</div>
<label for="nom" class="lab">Nom : </label> <label for="prenom" style="padding-left:70px;">Prénom : </label><br /> <input size="10" name="nom" id="nom" placeholder="Nom" type="text" /> <input size="10" name="prenom" id="prenom" placeholder="Prénom" type="text" /> <br /> <label for="age">Age : </label>
</div>
<div class="section">
<label>Où avez-vous connu le forum ? </label> <br /> <input name="oufo" id="topsite" value="Top-Site" type="checkbox" /><label for="topsite">Top-Site</label> <input name="oufo" id="partenaire" value="Partenariat" type="checkbox" /><label for="partenaire">Partenariat</label> <input name="oufo" id="annuaire" value="Annuaire" type="checkbox" /><label for="annuaire">Annuaire</label> <input name="oufo" id="directgg" value="Google" type="checkbox" /><label for="directgg">Google</label> <input name="oufo" id="autre" value="Autre" type="checkbox" /><label for="autre">Autre</label><br /><br /> <label for="presence">Votre présence sur le forum: </label><input size="1" name="presence" id="presence" placeholder="jours" type="text" /> /7
</div>
<input name="post" value="Envoyer" type="submit" />
</form>
<br />
Si tu veux mettre le formulaire dans la description de ton forum, il faut placer l'IFRAME dans : Panneau d'Administration > Général > Catégories et forums
Tu vas dans ton forum de présentation, et dans sa description tu ajoutes :
- Code:
<iframe src="LIENVERSTAPAGEHTML" width="120px" height="60px" frameborder=0 scrolling="auto"></iframe>
J'espère que ça pourra t'aider, bon courage !
Re: Tuto "Formulaire de présentation "
Bonjour Erwan Narcos et quel patience
En fait je vais faire plus simple avec un lien de redirection
un grand merci
mes amitiés
En fait je vais faire plus simple avec un lien de redirection
un grand merci
mes amitiés
Re: Tuto "Formulaire de présentation "
Pas de soucis, et de rien
Re: Tuto "Formulaire de présentation "
petitefeuille a écrit:Bonjour Erwan Narcos et quel patience
En fait je vais faire plus simple avec un lien de redirection
un grand merci
mes amitiés
Bonjour, Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
|
Re: Tuto "Formulaire de présentation "
Bonjour Chacha
En fait sur ce post il y a un membre qui est intéressé "lilas" et c'est pour cela que je n'ai pas fait "résolu" si elle avait envie de se manifester.
Qu'en pensez-vous ?
mes amitiés
En fait sur ce post il y a un membre qui est intéressé "lilas" et c'est pour cela que je n'ai pas fait "résolu" si elle avait envie de se manifester.
Qu'en pensez-vous ?
mes amitiés
Re: Tuto "Formulaire de présentation "
Bonjour petitefeuille,petitefeuille a écrit:Bonjour Chacha
En fait sur ce post il y a un membre qui est intéressé "lilas" et c'est pour cela que je n'ai pas fait "résolu" si elle avait envie de se manifester.
Qu'en pensez-vous ?
mes amitiés
Vous pouvez mettre le sujet en résolu, en cas de besoin lilas peut contacter un membre du Staff pour replacer le sujet, ou bien ouvrir son propre sujet.
Bonne journée.
Cordialement.
Re: Tuto "Formulaire de présentation "
merci de votre réponse et je vous souhaite une bonne journée
Sujets similaires
» Tuto Formulaire
» Formulaire de présentation
» Formulaire de présentation
» Formulaire de présentation
» formulaire de présentation
» Formulaire de présentation
» Formulaire de présentation
» Formulaire de présentation
» formulaire de présentation
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum