Formulaire Présentation

3 participants

Page 1 sur 2 1, 2  Suivant

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

Résolu Formulaire Présentation

Message par Dark Raviel Ven 11 Nov 2011 - 14:02

Bonjour,

je viens ici pour un formulaire, je sais coder HTMl et CSS et j'ai regardé le tuto, seulement il n'est plus effectif car faudrait que JS soit valide dans les messages, hors ca ne l'est pas, donc auriez-vous un tutoriel de ce genre pour Forumactif à jour ?


Dernière édition par Dark Raviel le Mar 15 Nov 2011 - 15:22, édité 3 fois
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Ven 11 Nov 2011 - 16:27

bonjour,

si vous voulez faire apparaitre le formulaire dans un message , mettez le dans un iframe ... What a Face
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: Formulaire Présentation

Message par Dark Raviel Ven 11 Nov 2011 - 16:36

Le problème qui s'est posé avec l'iframe c'est que ca m'a mit un message avec l'en-tête complète de mon forum (bannière, barre, etc)
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Ven 11 Nov 2011 - 16:40

Dark Raviel a écrit:... j'ai regardé le tuto ...

quel tuto ? geek

celui de Sen Hime ?

https://forum.forumactif.com/t280246-formulaire#2490975
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: Formulaire Présentation

Message par Dark Raviel Ven 11 Nov 2011 - 16:53

Oui c'est celui-là que j'ai vu.
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Ven 11 Nov 2011 - 16:58

un peu plus bas , ,c'est expliqué pour l'iframe :

https://forum.forumactif.com/t280246-formulaire#2492944
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: Formulaire Présentation

Message par Dark Raviel Ven 11 Nov 2011 - 17:04

Oui j'ai suivi ce message également avec iframe avec target _parents mais ca n'a pas marché.
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Ven 11 Nov 2011 - 17:06

pouvez vous fournir le lien vers la page Html ?

merci ...
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: Formulaire Présentation

Message par Dark Raviel Ven 11 Nov 2011 - 17:07

avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Ven 11 Nov 2011 - 17:14

alors ...

- si vous voulez le formulaire dans le message il faut cocher "non" à "Voulez-vous utiliser le haut et le bas de page de votre forum ? "

j'analyse le reste ... il y a encore des incohérences ...
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: Formulaire Présentation

Message par Dark Raviel Ven 11 Nov 2011 - 17:16

Quel genre d'incohérence ?
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Ven 11 Nov 2011 - 17:32

Essayez ceci :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[b]Pseudo :[/b] " + form.pseudo.value + '\n'
+ "[b]Taux :[/b] " + form.taux.value + '\n'
+ "[b]Nombre de ressources en vente :[/b] " + form.taux2.value + '\n'
+ "[b]Ressources en vente :[/b] " + form.ressources.value + '\n'
+ "[b]Ressources recherchées :[/b] " + form.ressources2.value + '\n'
+ "[b]Galaxie :[/b] " + form.ressources3.value + '\n'
+ "[b]Autre :[/b] " + form.precisions.value + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<body>

<fieldset>
<legend>Information</legend>
<p>Pour toute demande d'échanges de ressources
Veuillez indiquer sur ce forum uniquement les ressources échangées et les ressources désirées.
( Pas de coordonnées )

Si cela intéresse l'un de nos membres, il vous contactera via MP ou directement in-game.</p>
</fieldset>

<form method="post" action="/post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">


<!-- champs invisibles -->
<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" /> <!-- 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="20" /> <!--  ID du forum dans lequel le message sera posté-->

<fieldset>
<legend>Générateur de la commande</legend>
<p>

<label for="titre"><span style="color:#6699FF">Titre du sujet :</span></label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><br />


<label for="pseudo"><span style="color:#6699FF">Votre pseudo: </span></label> <input type="text" name="pseudo" id="pseudo" />
<i>( Veuillez mettre votre pseudo In Game  )</i><br />


<label for="taux"><span style="color:#6699FF">Votre Taux :</span></label> <input type="text" name="taux" id="taux" />
<i>( N'oublie pas que le taux maximum sur le bêta 5 est 6/5/1 )</i><br />



<label for="taux"><span style="color:#6699FF">Nombre de ressource en vente : </span></label>  <input type="text" name="taux2" id="taux2" />
<i>( Nombre en Chiffre svp. <u>ex:</u> 2 000 000 )</i><br />


<label for="ressources"><span style="color:#6699FF">Vous vendez Quelles ressources ?</span></label>  <select name="ressources" id="ressources">
<option value="Titane">Titane</option>
<option value="Carbone">Carbone</option>

<option value="Tritium">Tritium</option>
<option value="TitaneC">Titane & Carbone</option>
<option value="TitaneT">Titane & Tritium</option>
<option value="CarboneT">Carbone & tritium</option>
</select><br />



<label for="ressources"><span style="color:#6699FF">Vous recherchez Quelles ressources ?</span></label>  <select name="ressources2" id="ressources2">
<option value="Titane">Titane</option>
<option value="Carbone">Carbone</option>
<option value="Tritium">Tritium</option>
<option value="TitaneC">Titane & Carbone</option>

<option value="TitaneT">Titane & Tritium</option>
<option value="CarboneT">Carbone & tritium</option>
</select><br />


<label for="ressources"><span style="color:#6699FF">Vous livrez dans quel galaxie ?</span></label>  <select name="ressources3" id="ressources3">
<option value="total">Dans toutes les galaxies</option>

<option value="Galaxie 1">Galaxie 1</option>
<option value="Galaxie 2">Galaxie 2</option>
<option value="Galaxie 3">Galaxie 3</option>
<option value="Galaxie 4">Galaxie 4</option>
<option value="Galaxie 5">Galaxie 5</option>
</select>

<br/>
<label for="precisions"><span style="color:#6699FF">Si "Autre", veuillez préciser :</span></label>
<input name="precisions" id="precisions" cols="40" rows="4" tabindex="80"></input>
<br/>
<input type="submit" name="post" /> <input type="reset" /></p>
</fieldset>
</form>


<fieldset>
<legend>Modération</legend>
<p>Lorsque l'offre n'est plus valable, veuillez le signaler,
un topic sans réponse pendant 7 jours sera locker et mis en archives !</p>

</fieldset>

</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: Formulaire Présentation

Message par Dark Raviel Ven 11 Nov 2011 - 17:42

Ca marche niquel maintenant me suffit juste de changer les options de ce formulaire comme bon me semble ?
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Ven 11 Nov 2011 - 17:59

à vous de faire les essais que vous voulez ! ^^

en cas de soucis , repassez par ici ... Wink
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: Formulaire Présentation

Message par Dark Raviel Ven 11 Nov 2011 - 18:13

Voici mon nouveau code

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[b]Pseudo :[/b] " + form.pseudo.value + '\n'
+ "[b]Versions Possédées :[/b] " + form.CA.value + '\n'
+ "[b]Nombre de ressources en vente :[/b] " + form.taux2.value + '\n'
+ "[b]Ressources en vente :[/b] " + form.ressources.value + '\n'
+ "[b]Ressources recherchées :[/b] " + form.ressources2.value + '\n'
+ "[b]Galaxie :[/b] " + form.ressources3.value + '\n'
+ "[b]Autre :[/b] " + form.precisions.value + '\n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<body>
 
<fieldset>
<legend>Information</legend>
<p>Pour toute demande d'échanges de ressources
Veuillez indiquer sur ce forum uniquement les ressources échangées et les ressources désirées.
( Pas de coordonnées )
 
Si cela intéresse l'un de nos membres, il vous contactera via MP ou directement in-game.</p>
</fieldset>
 
<form method="post" action="/post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
 
 
<!-- champs invisibles -->
<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" /> <!-- 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="20" /> <!--  ID du forum dans lequel le message sera posté-->
 
<fieldset>
<legend>Générateur de la commande</legend>
<p>
 
<label for="titre"><span style="color:#6699FF">Titre du sujet :</span></label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><br />
 
 
<label for="pseudo"><span style="color:#6699FF">Votre pseudo: </span></label> <input type="text" name="pseudo" id="pseudo" />
<i>( Veuillez mettre votre pseudo sur PO et DW  )</i><br />
 
 
<label for="CA"><span style="color:#6699FF">Votre Taux :</span></label> <input type="checkbox" name="CA" id="CA" />
<i>Diamant</i><br />
<label for="CA"><span style="color:#6699FF">Votre Taux :</span></label> <input type="checkbox" name="CA" id="CA" />
<i>Perle</i><br />
<label for="CA"><span style="color:#6699FF">Votre Taux :</span></label> <input type="checkbox" name="CA" id="CA" />
<i>Platine</i><br />
<label for="CA"><span style="color:#6699FF">Votre Taux :</span></label> <input type="checkbox" name="CA" id="CA" />
<i>HeartGold</i><br />
<label for="CA"><span style="color:#6699FF">Votre Taux :</span></label> <input type="checkbox" name="CA" id="CA" />
<i>SoulSilver</i><br />
<label for="CA"><span style="color:#6699FF">Votre Taux :</span></label> <input type="checkbox" name="CA" id="CA" />
<i>Blanche</i><br />
<label for="CA"><span style="color:#6699FF">Votre Taux :</span></label> <input type="checkbox" name="CA" id="CA" />
<i>Noire</i><br />
 
 
 
<label for="taux"><span style="color:#6699FF">Nombre de ressource en vente : </span></label>  <input type="text" name="taux2" id="taux2" />
<i>( Nombre en Chiffre svp. <u>ex:</u> 2 000 000 )</i><br />
 
 
<label for="ressources"><span style="color:#6699FF">Vous vendez Quelles ressources ?</span></label>  <select name="ressources" id="ressources">
<option value="Titane">Titane</option>
<option value="Carbone">Carbone</option>
 
<option value="Tritium">Tritium</option>
<option value="TitaneC">Titane & Carbone</option>
<option value="TitaneT">Titane & Tritium</option>
<option value="CarboneT">Carbone & tritium</option>
</select><br />
 
 
 
<label for="ressources"><span style="color:#6699FF">Vous recherchez Quelles ressources ?</span></label>  <select name="ressources2" id="ressources2">
<option value="Titane">Titane</option>
<option value="Carbone">Carbone</option>
<option value="Tritium">Tritium</option>
<option value="TitaneC">Titane & Carbone</option>
 
<option value="TitaneT">Titane & Tritium</option>
<option value="CarboneT">Carbone & tritium</option>
</select><br />
 
 
<label for="ressources"><span style="color:#6699FF">Vous livrez dans quel galaxie ?</span></label>  <select name="ressources3" id="ressources3">
<option value="total">Dans toutes les galaxies</option>
 
<option value="Galaxie 1">Galaxie 1</option>
<option value="Galaxie 2">Galaxie 2</option>
<option value="Galaxie 3">Galaxie 3</option>
<option value="Galaxie 4">Galaxie 4</option>
<option value="Galaxie 5">Galaxie 5</option>
</select>
 
<br/>
<label for="precisions"><span style="color:#6699FF">Si "Autre", veuillez préciser :</span></label>
<input name="precisions" id="precisions" cols="40" rows="4" tabindex="80"></input>
<br/>
<input type="submit" name="post" /> <input type="reset" /></p>
</fieldset>
</form>
 
 
<fieldset>
<legend>Modération</legend>
<p>Lorsque l'offre n'est plus valable, veuillez le signaler,
un topic sans réponse pendant 7 jours sera locker et mis en archives !</p>
 
</fieldset>
 
</body>
</html>

Seulement dans la checkbox ca met votre taux au lieu que Votre version juste en haut.
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Ven 11 Nov 2011 - 20:03

Les checkboxs n'ont pas de "value" ...

de plus , pour les checkboxs et les radios les valeurs sont récupérées différemment ...

https://forum.forumactif.com/t317044-encore-une-histoire-de-formulaire

ou la troisième étape :

https://forum.forumactif.com/t280246-formulaire#2492238

Le plus simple serait d'abord de définir entièrement le formulaire ...

sa fonction , son emplacement , sa mise en forme après envoi , etc ...
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: Formulaire Présentation

Message par Dark Raviel Ven 11 Nov 2011 - 20:12

Hey bien il sera present dans un sujet appellé comment se présenter ?

Avec ces champs là :

Pseudo (sur PO ou DW) :
Versions Possédées sous forme checkbox
Age :
Comment avez-vous découvert le forum ?
Votre spécialité (checkbox)

Ensuite on fait Envoyer et ca ouvre un nouveau sujet dans le forum correspondant.
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Ven 11 Nov 2011 - 23:45

Dark Raviel a écrit:Pseudo (sur PO ou DW) :

Votre spécialité (checkbox)

euh ... c'est quoi PO ou DW ? ...

des précisions sur les spécialité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: Formulaire Présentation

Message par Dark Raviel Sam 12 Nov 2011 - 0:07

Po est un logiciel de combat online non officiel alors que le DW est l'officiel.
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Sam 12 Nov 2011 - 16:23

désolé pour le retard ... c'est week-end ...

un aperçu de ce qui est réalisable :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<style>
body{
      width:700px;
      margin:auto;
      background-color:#e3e3e3}
fieldset{
      -moz-border-radius:0 30px;
      -webkit-border-radius:0 30px;
      border-radius:0 30px;
      border:5px double #6699ff;}
legend{
      margin:5px 20px;
      padding:1px 20px;
      font:bold 20px comic sans MS;
      color:skyblue;
      text-shadow:0 0 4px black;}
label{
      color:#6699ff;
      display: block;
      width: 270px;
      text-align:right;
      margin-right:10px;
      float: left;}
p{
      text-align:center;}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[b]Pseudo online :[/b] " + form.pseudo.value + '\n'
+ "[b]mon âge :[/b] " + form.age.value + '\n'
+ "[b]Versions que je possède :[/b] \n";
for(var i = 0; i < form.CA.length; i++)
{
if(form.CA[i].checked == true) { txt_message += form.CA[i].value + '\n'; }
}
txt_message += "[b]Découverte du forum :[/b] \n" + form.forum.value + '\n'
+ "[b]Spécialités :[/b] \n";
for(var i = 0; i < form.SPE.length; i++)
{
if(form.SPE[i].checked == true) { txt_message += form.SPE[i].value + '\n'; }
};
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<body>
 
<fieldset>
<legend>Information</legend>
<p>Pour toute demande d'échanges de ressources
Veuillez indiquer sur ce forum uniquement les ressources échangées et les ressources désirées.
( Pas de coordonnées )
 
Si cela intéresse l'un de nos membres, il vous contactera via MP ou directement in-game.</p>
</fieldset>

<form method="post" action="/post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">

<!-- champs invisibles -->
<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" /> <!-- 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="20" /> <!--  ID du forum dans lequel le message sera posté-->
 
<fieldset>
<legend>Générateur de la commande</legend>

<label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><br />

<label for="pseudo">Votre pseudo: </label> <input type="text" name="pseudo" id="pseudo" />

<p><i>( Veuillez mettre votre pseudo sur PO et DW  )</i></p><br />

<label for="age">Votre âge: </label> <input type="text" name="age" id="age" /><br />

<p>Votre version de jeu ?</p>

<label for="Diamant">Diamant</label> <input type="checkbox" name="CA" id="Diamant" value="Diamant" />
<br />
<label for="Perle">Perle</label> <input type="checkbox" name="CA" id="Perle" value="Perle" />
<br />
<label for="Platine">Platine</label> <input type="checkbox" name="CA" id="Platine" value="Platine" />
<br />
<label for="HeartGold">HeartGold</label> <input type="checkbox" name="CA" id="HeartGold" value="HeartGold" />
<br />
<label for="SoulSilver">SoulSilver</label> <input type="checkbox" name="CA" id="SoulSilver" value="SoulSilver" />
<br />
<label for="Blanche">Blanche</label> <input type="checkbox" name="CA" id="Blanche" value="Blanche" />
<br />
<label for="Noire">Noire</label> <input type="checkbox" name="CA" id="Noire" value="Noire" />
<br />
 
<label for="forum">Comment avez-vous découvert le forum ?</label>

<textarea name="forum" id="forum" cols="40" rows="4" tabindex="80"></textarea>

<p>Vos spécialités ?</p>

<label for="Attaque">Attaque</label> <input type="checkbox" name="SPE" id="Attaque" value="Attaque" />
<br />
<label for="Defense">Défense</label> <input type="checkbox" name="SPE" id="Defense" value="Défense" />
<br />
<label for="Herbe">Herbe</label> <input type="checkbox" name="SPE" id="Herbe" value="Herbe" />
<br />
<label for="Feu">Feu</label> <input type="checkbox" name="SPE" id="Feu" value="Feu" />

<p><input type="submit" name="post" /> <input type="reset" /></p>

</fieldset>
</form>

<fieldset>
<legend>Modération</legend>
<p>Lorsque l'offre n'est plus valable, veuillez le signaler,
un topic sans réponse pendant 7 jours sera locker et mis en archives !</p>
 
</fieldset>
 <br /><br />
</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: Formulaire Présentation

Message par Dark Raviel Dim 13 Nov 2011 - 13:25

J'ai testé mais avec un iframe ca cache le bas.

Problème corrigé, merci pour ton aide.
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Dark Raviel Dim 13 Nov 2011 - 14:28

Et il y a t il moyen de modifier du css pour le message créer apres l'envoie du formulaire ?
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Dim 13 Nov 2011 - 15:29

Le plus simple serait d'abord de définir entièrement le formulaire ...

sa fonction , son emplacement , sa mise en forme après envoi , etc ...

savez-vous à quoi ça doit ressembler après l'envoi ?

un croquis , un codage ?
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: Formulaire Présentation

Message par Dark Raviel Dim 13 Nov 2011 - 19:40

Formulaire Présentation Sans_t10

Voici un croquis.
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Dim 13 Nov 2011 - 20:26

donc , en code , un peu comme ça :

Présentation de "Pseudo du Posteur"

Age :

Versions possédées : * Blanc * Noir * Or * Coeur d'Or *

Découverte du Forum : bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Spécialités : - Chasseur d'Event - Eleveur - Dresseur

Code:
[table style="font:italic 20px Vivaldi;width:530px;"]
[tr]
[td style="padding:10px;"][center][b]Présentation de "Pseudo du Posteur" [/b][/center][/td]
[/tr][tr]
[td style="border:4px solid #c895f0;-moz-border-radius:15px;background-color:#bce3f8;padding:10px;"]
[b]Age :[/b]

[b]Versions possédées :[/b] * [color=white]Blanc[/color] * [color=black]Noir[/color] * [color=goldenrod]Or[/color] *  [color=red]Coeur[/color][color=goldenrod] d'Or[/color] *

[b]Découverte du Forum : [/b]bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

[b]Spécialités :[/b] - [color=green]Chasseur d'Event[/color] - [color=orange]Eleveur[/color] - [color=royalblue]Dresseur[/color] 

[/td]
[/tr]
[/table]
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: Formulaire Présentation

Message par Dark Raviel Dim 13 Nov 2011 - 20:32

Oui voilà comme ça.
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Dim 13 Nov 2011 - 21:35

un essai ?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<style>
body{
      width:700px;
      margin:auto;
      background-color:#e3e3e3}
fieldset{
      -moz-border-radius:0 30px;
      -webkit-border-radius:0 30px;
      border-radius:0 30px;
      border:5px double rgb(253,164,134);}
legend{
      margin:5px 20px;
      padding:1px 20px;
      font:bold 20px comic sans MS;
      color:skyblue;
      text-shadow:0 0 4px black;}
label{
      color:#6699ff;
      display: block;
      width: 270px;
      text-align:right;
      margin-right:10px;
      float: left;}
p{
      text-align:center;}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[table style='font:italic 20px Vivaldi;width:530px;'][tr]"
+ "[td style='padding:10px;'][center][b]Présentation de " + form.pseudo.value + "[/b][/center][/td][/tr][tr]"
+ "[td style='border:3px solid #c895f0;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;background-color:#bce3f8;padding:10px;']"
+ "[b]Age : [/b]" + form.age.value + '\n\n'
+ "[b]Versions possédées :[/b] * ";
for(var i = 0; i < form.CA.length; i++)
{
if(form.CA[i].checked == true) { txt_message += form.CA[i].value + " * "; }
}
txt_message += "\n\n[b]Découverte du forum :[/b] \n" + form.forum.value + '\n\n'
+ "[b]Spécialités :[/b] - ";
for(var i = 0; i < form.SPE.length; i++)
{
if(form.SPE[i].checked == true) { txt_message += form.SPE[i].value + " - "; }
}
txt_message += "\n\n[/td][/tr][/table]";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<body>
 
<fieldset>
<legend>Information</legend>
<p>Merci de remplir avec exactitude ce formulaire, afin de faciliter votre intégration dans notre base de données.</p>
</fieldset>

<form method="post" action="/post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
 
<!-- champs invisibles -->
<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" /> <!-- 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="4" /> <!--  ID du forum dans lequel le message sera posté-->
 
<fieldset>
<legend>Générateur de présentations</legend>

 
<label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><br />
 
<label for="pseudo">Votre pseudo: </label> <input type="text" name="pseudo" id="pseudo" />
 
<p><i>( Veuillez mettre votre pseudo sur PO et DW  )</i></p><br />
 
<label for="age">Votre âge: </label> <input type="text" name="age" id="age" /><br />

<p>Votre version de jeu ?</p>

<label for="Diamant">Diamant</label> <input type="checkbox" name="CA" id="Diamant" value="[color=white]Dia[/color][color=cyan]mant[/color]" />
<br />
<label for="Perle">Perle</label> <input type="checkbox" name="CA" id="Perle" value="[color=cyan]Per[/color][color=white]le[/color]" />
<br />
<label for="Platine">Platine</label> <input type="checkbox" name="CA" id="Platine" value="[color=white]Pla[/color][color=silver]ti[/color][color=white]ne[/color]" />
<br />
<label for="HeartGold">HeartGold</label> <input type="checkbox" name="CA" id="HeartGold" value="[color=red]Heart[/color][color=goldenrod]Gold[/color]" />
<br />
<label for="SoulSilver">SoulSilver</label> <input type="checkbox" name="CA" id="SoulSilver" value="[color=gray]Soul[/color][color=silver]Silver[/color]" />
<br />
<label for="Blanche">Blanche</label> <input type="checkbox" name="CA" id="Blanche" value="[color=white]Blanche[/color]" />
<br />
<label for="Noire">Noire</label> <input type="checkbox" name="CA" id="Noire" value="[color=black]Noire[/color]" />
<br /><br />
 
<label for="forum">Comment avez-vous découvert le forum ?</label>
 
<textarea name="forum" id="forum" cols="40" rows="4" tabindex="80"></textarea>

 
<p>Vos spécialités ?</p>
 
<label for="Chasseur d'Event">Chasseur d'Event</label> <input type="checkbox" name="SPE" id="ChasseurEvent" value="[color=green]Chasseur d'Event[/color]" />
<br />
<label for="Eleveur">Eleveur</label> <input type="checkbox" name="SPE" id="Eleveur" value="[color=orange]Eleveur[/color]" />
<br />
<label for="Dresseur">Dresseur</label> <input type="checkbox" name="SPE" id="Dresseur" value="[color=royalblue]Dresseur[/color]" />
<br />
<label for="Aucune">Aucune</label> <input type="checkbox" name="SPE" id="Aucune" value="Aucune" />

<p><input type="submit" name="post" /> <input type="reset" /></p>

</fieldset>
</form>
<br /><br />
</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: Formulaire Présentation

Message par Dark Raviel Dim 13 Nov 2011 - 22:00

Pas mal pour un début mais j'aimerais que présentation de soit sur le cadre comme sur le formulaire, avec un border double, et certaines couleurs du texte de versions ne vont pas.
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formulaire Présentation

Message par Scoubifitz Dim 13 Nov 2011 - 23:05

pour les couleurs , comme je ne peux pas deviner ...

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<style>
body{
      width:700px;
      margin:auto;
      background-color:#e3e3e3}
fieldset{
      -moz-border-radius:0 30px;
      -webkit-border-radius:0 30px;
      border-radius:0 30px;
      border:5px double rgb(253,164,134);}
legend{
      margin:5px 20px;
      padding:1px 20px;
      font:bold 20px comic sans MS;
      color:skyblue;
      text-shadow:0 0 4px black;}
label{
      color:#6699ff;
      display: block;
      width: 270px;
      text-align:right;
      margin-right:10px;
      float: left;}
p{
      text-align:center;}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "<fieldset style='font:italic 20px Vivaldi;width:530px;-moz-border-radius:0 30px;-webkit-border-radius:0 30px;border-radius:0 30px;border:5px double rgb(253,164,134);'><legend style='margin:5px 20px;padding:1px 20px;font:bold 20px comic sans MS;color:skyblue;text-shadow:0 0 4px black;'>Présentation de " + form.pseudo.value + "</legend>"
+ "[b]Age : [/b]" + form.age.value + '\n\n'
+ "[b]Versions possédées :[/b] * ";
for(var i = 0; i < form.CA.length; i++)
{
if(form.CA[i].checked == true) { txt_message += form.CA[i].value + " * "; }
}
txt_message += "\n\n[b]Découverte du forum :[/b] \n" + form.forum.value + '\n\n'
+ "[b]Spécialités :[/b] - ";
for(var i = 0; i < form.SPE.length; i++)
{
if(form.SPE[i].checked == true) { txt_message += form.SPE[i].value + " - "; }
}
txt_message += "\n\n</fieldset>";

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<body>
<fieldset>
<legend>Information</legend>
<p>Merci de remplir avec exactitude ce formulaire, afin de faciliter votre intégration dans notre base de données.</p>
</fieldset>

<form method="post" action="/post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<!-- champs invisibles -->
<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" /> <!-- 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="4" /> <!--  ID du forum dans lequel le message sera posté-->
 
<fieldset>
<legend>Générateur de présentations</legend>

<label for="titre">Titre du sujet :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><br />
 
<label for="pseudo">Votre pseudo: </label> <input type="text" name="pseudo" id="pseudo" />
 
<p><i>( Veuillez mettre votre pseudo sur PO et DW  )</i></p><br />
 
<label for="age">Votre âge: </label> <input type="text" name="age" id="age" /><br />

<p>Votre version de jeu ?</p>

<label for="Diamant">Diamant</label> <input type="checkbox" name="CA" id="Diamant" value="[color=cyan]Diamant[/color]" />
<br />
<label for="Perle">Perle</label> <input type="checkbox" name="CA" id="Perle" value="[color=royalblue]Perle[/color]" />
<br />
<label for="Platine">Platine</label> <input type="checkbox" name="CA" id="Platine" value="[color=silver]Platine[/color]" />
<br />
<label for="HeartGold">HeartGold</label> <input type="checkbox" name="CA" id="HeartGold" value="[color=red]Heart[/color][color=goldenrod]Gold[/color]" />
<br />
<label for="SoulSilver">SoulSilver</label> <input type="checkbox" name="CA" id="SoulSilver" value="[color=gray]Soul[/color][color=silver]Silver[/color]" />
<br />
<label for="Blanche">Blanche</label> <input type="checkbox" name="CA" id="Blanche" value="[color=white]Blanche[/color]" />
<br />
<label for="Noire">Noire</label> <input type="checkbox" name="CA" id="Noire" value="[color=black]Noire[/color]" />
<br /><br />
 
<label for="forum">Comment avez-vous découvert le forum ?</label>
 
<textarea name="forum" id="forum" cols="40" rows="4" tabindex="80"></textarea>

<p>Vos spécialités ?</p>
 
<label for="Chasseur d'Event">Chasseur d'Event</label> <input type="checkbox" name="SPE" id="ChasseurEvent" value="[color=green]Chasseur d'Event[/color]" />
<br />
<label for="Eleveur">Eleveur</label> <input type="checkbox" name="SPE" id="Eleveur" value="[color=orange]Eleveur[/color]" />
<br />
<label for="Dresseur">Dresseur</label> <input type="checkbox" name="SPE" id="Dresseur" value="[color=royalblue]Dresseur[/color]" />
<br />
<label for="Aucune">Aucune</label> <input type="checkbox" name="SPE" id="Aucune" value="Aucune" />

<p><input type="submit" name="post" /> <input type="reset" /></p>

</fieldset>
</form>
<br /><br />
</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: Formulaire Présentation

Message par Dark Raviel Dim 13 Nov 2011 - 23:08

Tout ce qui concerne le rendu du message est là ?

Code:
var txt_message = "<fieldset style='font:italic 20px Vivaldi;width:530px;-moz-border-radius:0 30px;-webkit-border-radius:0 30px;border-radius:0 30px;border:5px double rgb(253,164,134);'><legend style='margin:5px 20px;padding:1px 20px;font:bold 20px comic sans MS;color:skyblue;text-shadow:0 0 4px black;'>Présentation de " + form.pseudo.value + "</legend>
avatar

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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