Formulaire présentation => envoyez
2 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
Formulaire présentation => envoyez
Bonjours, j'ai créer un formulaire de présentation, et j'aimerai faire une bouton envoyer pour créer directement un nouveau message a un endroit précis : voici l'endroit : [url}http://peche-lac-riviere.forumactif.fr/f16-presentez-vous-ici[/url]
Voici le code de mon formulaire
Voici le code de mon formulaire
- Code:
<script src="http://max.jotfor.ms/min/g=jotform?3.1.844" type="text/javascript"></script>
<script type="text/javascript">
JotForm.init(function(){
$('input_13').hint('ex: myname@example.com');
JotForm.initCaptcha('input_23');
});
</script>
<link href="http://max.jotfor.ms/min/g=formCss?3.1.844" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="http://jotformeu.com/css/styles/nova.css?3.1.844" />
<style type="text/css">
.form-label{
width:150px !important;
}
.form-label-left{
width:150px !important;
}
.form-line{
padding-top:12px;
padding-bottom:12px;
}
.form-label-right{
width:150px !important;
}
.form-all{
width:650px;
color:#555 !important;
font-family:'Lucida Grande';
font-size:14px;
}
.form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
color:#555;
}
</style>
<form class="jotform-form" action="http://submit.jotformeu.com/submit/23153363947356/" method="post" name="form_23153363947356" id="23153363947356" accept-charset="utf-8">
<input type="hidden" name="formID" value="23153363947356" />
<div class="form-all">
<ul class="form-section">
<li id="cid_1" class="form-input-wide">
<div class="form-header-group">
<h2 id="header_1" class="form-header">
Vous
</h2>
</div>
</li>
<li class="form-line" id="id_2">
<label class="form-label-left" id="label_2" for="input_2">
Prénom<span class="form-required">*</span>
</label>
<div id="cid_2" class="form-input">
<input type="text" class="form-textbox validate[required]" id="input_2" name="q2_prenom" size="20" />
</div>
</li>
<li class="form-line" id="id_22">
<label class="form-label-left" id="label_22" for="input_22">
Sexe<span class="form-required">*</span>
</label>
<div id="cid_22" class="form-input">
<div class="form-single-column"><span class="form-radio-item" style="clear:left;"><input type="radio" class="form-radio validate[required]" id="input_22_0" name="q22_sexe" value="Homme" />
<label for="input_22_0"> Homme </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;"><input type="radio" class="form-radio validate[required]" id="input_22_1" name="q22_sexe" value="Femme" />
<label for="input_22_1"> Femme </label></span><span class="clearfix"></span>
</div>
</div>
</li>
<li class="form-line" id="id_6">
<label class="form-label-left" id="label_6" for="input_6">
Civilité<span class="form-required">*</span>
</label>
<div id="cid_6" class="form-input">
<div class="form-single-column"><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_6_0" name="q6_civilite[]" value="Monsieurs" />
<label for="input_6_0"> Monsieurs </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_6_1" name="q6_civilite[]" value="Madame" />
<label for="input_6_1"> Madame </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_6_2" name="q6_civilite[]" value="Mademoiselle" />
<label for="input_6_2"> Mademoiselle </label></span><span class="clearfix"></span>
</div>
</div>
</li>
<li class="form-line" id="id_4">
<label class="form-label-left" id="label_4" for="input_4">
Date de naissance<span class="form-required">*</span>
</label>
<div id="cid_4" class="form-input"><span class="form-sub-label-container"><select class="form-dropdown validate[required]" name="q4_dateDe4[month]" id="input_4_month">
<option> </option>
<option value="Janvier"> Janvier </option>
<option value="Février"> Février </option>
<option value="Mars"> Mars </option>
<option value="Avril"> Avril </option>
<option value="Mai"> Mai </option>
<option value="Juin"> Juin </option>
<option value="Juillet"> Juillet </option>
<option value="Août"> Août </option>
<option value="Septembre"> Septembre </option>
<option value="Octobre"> Octobre </option>
<option value="Novembre"> Novembre </option>
<option value="Décembre"> Décembre </option>
</select>
<label class="form-sub-label" for="input_4_month" id="sublabel_month"> Mois </label></span><span class="form-sub-label-container"><select class="form-dropdown validate[required]" name="q4_dateDe4[day]" id="input_4_day">
<option> </option>
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
<option value="4"> 4 </option>
<option value="5"> 5 </option>
<option value="6"> 6 </option>
<option value="7"> 7 </option>
<option value="8"> 8 </option>
<option value="9"> 9 </option>
<option value="10"> 10 </option>
<option value="11"> 11 </option>
<option value="12"> 12 </option>
<option value="13"> 13 </option>
<option value="14"> 14 </option>
<option value="15"> 15 </option>
<option value="16"> 16 </option>
<option value="17"> 17 </option>
<option value="18"> 18 </option>
<option value="19"> 19 </option>
<option value="20"> 20 </option>
<option value="21"> 21 </option>
<option value="22"> 22 </option>
<option value="23"> 23 </option>
<option value="24"> 24 </option>
<option value="25"> 25 </option>
<option value="26"> 26 </option>
<option value="27"> 27 </option>
<option value="28"> 28 </option>
<option value="29"> 29 </option>
<option value="30"> 30 </option>
<option value="31"> 31 </option>
</select>
<label class="form-sub-label" for="input_4_day" id="sublabel_day"> Jour </label></span><span class="form-sub-label-container"><select class="form-dropdown validate[required]" name="q4_dateDe4[year]" id="input_4_year">
<option> </option>
<option value="2016"> 2016 </option>
<option value="2015"> 2015 </option>
<option value="2014"> 2014 </option>
<option value="2013"> 2013 </option>
<option value="2012"> 2012 </option>
<option value="2011"> 2011 </option>
<option value="2010"> 2010 </option>
<option value="2009"> 2009 </option>
<option value="2008"> 2008 </option>
<option value="2007"> 2007 </option>
<option value="2006"> 2006 </option>
<option value="2005"> 2005 </option>
<option value="2004"> 2004 </option>
<option value="2003"> 2003 </option>
<option value="2002"> 2002 </option>
<option value="2001"> 2001 </option>
<option value="2000"> 2000 </option>
<option value="1999"> 1999 </option>
<option value="1998"> 1998 </option>
<option value="1997"> 1997 </option>
<option value="1996"> 1996 </option>
<option value="1995"> 1995 </option>
<option value="1994"> 1994 </option>
<option value="1993"> 1993 </option>
<option value="1992"> 1992 </option>
<option value="1991"> 1991 </option>
<option value="1990"> 1990 </option>
<option value="1989"> 1989 </option>
<option value="1988"> 1988 </option>
<option value="1987"> 1987 </option>
<option value="1986"> 1986 </option>
<option value="1985"> 1985 </option>
<option value="1984"> 1984 </option>
<option value="1983"> 1983 </option>
<option value="1982"> 1982 </option>
<option value="1981"> 1981 </option>
<option value="1980"> 1980 </option>
<option value="1979"> 1979 </option>
<option value="1978"> 1978 </option>
<option value="1977"> 1977 </option>
<option value="1976"> 1976 </option>
<option value="1975"> 1975 </option>
<option value="1974"> 1974 </option>
<option value="1973"> 1973 </option>
<option value="1972"> 1972 </option>
<option value="1971"> 1971 </option>
<option value="1970"> 1970 </option>
<option value="1969"> 1969 </option>
<option value="1968"> 1968 </option>
<option value="1967"> 1967 </option>
<option value="1966"> 1966 </option>
<option value="1965"> 1965 </option>
<option value="1964"> 1964 </option>
<option value="1963"> 1963 </option>
<option value="1962"> 1962 </option>
<option value="1961"> 1961 </option>
<option value="1960"> 1960 </option>
<option value="1959"> 1959 </option>
<option value="1958"> 1958 </option>
<option value="1957"> 1957 </option>
<option value="1956"> 1956 </option>
<option value="1955"> 1955 </option>
<option value="1954"> 1954 </option>
<option value="1953"> 1953 </option>
<option value="1952"> 1952 </option>
<option value="1951"> 1951 </option>
<option value="1950"> 1950 </option>
<option value="1949"> 1949 </option>
<option value="1948"> 1948 </option>
<option value="1947"> 1947 </option>
<option value="1946"> 1946 </option>
<option value="1945"> 1945 </option>
<option value="1944"> 1944 </option>
<option value="1943"> 1943 </option>
<option value="1942"> 1942 </option>
<option value="1941"> 1941 </option>
<option value="1940"> 1940 </option>
<option value="1939"> 1939 </option>
<option value="1938"> 1938 </option>
<option value="1937"> 1937 </option>
<option value="1936"> 1936 </option>
<option value="1935"> 1935 </option>
<option value="1934"> 1934 </option>
<option value="1933"> 1933 </option>
<option value="1932"> 1932 </option>
<option value="1931"> 1931 </option>
<option value="1930"> 1930 </option>
<option value="1929"> 1929 </option>
<option value="1928"> 1928 </option>
<option value="1927"> 1927 </option>
<option value="1926"> 1926 </option>
<option value="1925"> 1925 </option>
<option value="1924"> 1924 </option>
<option value="1923"> 1923 </option>
<option value="1922"> 1922 </option>
<option value="1921"> 1921 </option>
<option value="1920"> 1920 </option>
</select>
<label class="form-sub-label" for="input_4_year" id="sublabel_year"> Année </label></span>
</div>
</li>
<li class="form-line" id="id_11">
<label class="form-label-left" id="label_11" for="input_11">
Pays<span class="form-required">*</span>
</label>
<div id="cid_11" class="form-input">
<input type="text" class="form-textbox validate[required]" id="input_11" name="q11_pays" size="20" />
</div>
</li>
<li class="form-line" id="id_12">
<label class="form-label-left" id="label_12" for="input_12">
Région<span class="form-required">*</span>
</label>
<div id="cid_12" class="form-input">
<input type="text" class="form-textbox validate[required]" id="input_12" name="q12_region" size="20" />
</div>
</li>
<li class="form-line" id="id_7">
<label class="form-label-left" id="label_7" for="input_7">
Ville<span class="form-required">*</span>
</label>
<div id="cid_7" class="form-input">
<input type="text" class="form-textbox validate[required]" id="input_7" name="q7_ville" size="20" />
</div>
</li>
<li class="form-line" id="id_13">
<label class="form-label-left" id="label_13" for="input_13"> Votre E-mail </label>
<div id="cid_13" class="form-input">
<input type="email" class="form-textbox validate[Email]" id="input_13" name="q13_votreEmail" size="30" />
</div>
</li>
<li id="cid_8" class="form-input-wide">
<div class="form-pagebreak">
<div class="form-pagebreak-back-container form-label-left">
<button type="button" class="form-pagebreak-back " id="form-pagebreak-back_8">
Précédent
</button>
</div>
<div class="form-pagebreak-next-container">
<button type="button" class="form-pagebreak-next " id="form-pagebreak-next_8">
Suivant
</button>
</div>
</div>
</li>
</ul>
<ul class="form-section" style="display:none;">
<li id="cid_15" class="form-input-wide">
<div class="form-header-group">
<h2 id="header_15" class="form-header">
La pêche
</h2>
</div>
</li>
<li class="form-line" id="id_16">
<label class="form-label-left" id="label_16" for="input_16">
Pêche pratiquée<span class="form-required">*</span>
</label>
<div id="cid_16" class="form-input">
<textarea id="input_16" class="form-textarea validate[required]" name="q16_pechePratiquee" cols="40" rows="6"></textarea>
</div>
</li>
<li class="form-line" id="id_17">
<label class="form-label-left" id="label_17" for="input_17">
Poissons régulièrement pêchés<span class="form-required">*</span>
</label>
<div id="cid_17" class="form-input">
<div class="form-single-column"><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_17_0" name="q17_poissonsRegulierement17[]" value="Canarssiers" />
<label for="input_17_0"> Canarssiers </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_17_1" name="q17_poissonsRegulierement17[]" value="Blancs" />
<label for="input_17_1"> Blancs </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_17_2" name="q17_poissonsRegulierement17[]" value="Salmonidés" />
<label for="input_17_2"> Salmonidés </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_17_3" name="q17_poissonsRegulierement17[]" value="Autres" />
<label for="input_17_3"> Autres </label></span><span class="clearfix"></span>
</div>
</div>
</li>
<li class="form-line" id="id_20">
<label class="form-label-left" id="label_20" for="input_20">
Endroit de pêche<span class="form-required">*</span>
</label>
<div id="cid_20" class="form-input">
<div class="form-single-column"><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_20_0" name="q20_endroitDe[]" value="Lac" />
<label for="input_20_0"> Lac </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_20_1" name="q20_endroitDe[]" value="Rivière" />
<label for="input_20_1"> Rivière </label></span><span class="clearfix"></span><span class="form-checkbox-item" style="clear:left;"><input type="checkbox" class="form-checkbox validate[required]" id="input_20_2" name="q20_endroitDe[]" value="Mer" />
<label for="input_20_2"> Mer </label></span><span class="clearfix"></span>
</div>
</div>
</li>
<li class="form-line" id="id_18">
<label class="form-label-left" id="label_18" for="input_18">
Pratiquer vous la pêche en embarcation (float tube, barques...)<span class="form-required">*</span>
</label>
<div id="cid_18" class="form-input">
<div class="form-single-column"><span class="form-radio-item" style="clear:left;"><input type="radio" class="form-radio validate[required]" id="input_18_0" name="q18_pratiquerVous" value="Oui" />
<label for="input_18_0"> Oui </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;"><input type="radio" class="form-radio validate[required]" id="input_18_1" name="q18_pratiquerVous" value="Non" />
<label for="input_18_1"> Non </label></span><span class="clearfix"></span>
</div>
</div>
</li>
<li class="form-line" id="id_19">
<label class="form-label-left" id="label_19" for="input_19">
Etes vous impliquez dans une association<span class="form-required">*</span>
</label>
<div id="cid_19" class="form-input">
<div class="form-single-column"><span class="form-radio-item" style="clear:left;"><input type="radio" class="form-radio validate[required]" id="input_19_0" name="q19_etesVous19" value="Oui" />
<label for="input_19_0"> Oui </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;"><input type="radio" class="form-radio validate[required]" id="input_19_1" name="q19_etesVous19" value="Non" />
<label for="input_19_1"> Non </label></span><span class="clearfix"></span><span class="form-radio-item" style="clear:left;"><input type="radio" class="form-radio validate[required]" id="input_19_2" name="q19_etesVous19" value="Je vais m'y mettre" />
<label for="input_19_2"> Je vais m'y mettre </label></span><span class="clearfix"></span>
</div>
</div>
</li>
<li id="cid_14" class="form-input-wide">
<div class="form-pagebreak">
<div class="form-pagebreak-back-container form-label-left">
<button type="button" class="form-pagebreak-back " id="form-pagebreak-back_14">
Précédent
</button>
</div>
<div class="form-pagebreak-next-container">
<button type="button" class="form-pagebreak-next " id="form-pagebreak-next_14">
Suivant
</button>
</div>
</div>
</li>
</ul>
<ul class="form-section" style="display:none;">
<li id="cid_9" class="form-input-wide">
<div class="form-header-group">
<h2 id="header_9" class="form-header">
Le forum
</h2>
</div>
</li>
<li class="form-line" id="id_21">
<label class="form-label-left" id="label_21" for="input_21"> Comment avez vous connu le forum? </label>
<div id="cid_21" class="form-input">
<select class="form-dropdown" style="width:150px" id="input_21" name="q21_commentAvez">
<option> </option>
<option value="Par google"> Par google </option>
<option value="Par un moteur de recherche"> Par un moteur de recherche </option>
<option value="Un lien sur un site"> Un lien sur un site </option>
<option value="Par le bouche à oreille"> Par le bouche à oreille </option>
</select>
</div>
</li>
<li class="form-line" id="id_23">
<label class="form-label-left" id="label_23" for="input_23">
Captcha<span class="form-required">*</span>
</label>
<div id="cid_23" class="form-input">
<div class="form-captcha">
<label for="input_23"> <img alt="Captcha - Reload if it's not displayed" id="input_23_captcha" class="form-captcha-image" style="background:url(http://jotformeu.com/images/loader-big.gif) no-repeat center;" src="http://jotformeu.com/images/blank.gif" width="150" height="41" /> </label>
<div style="white-space:nowrap;">
<input type="text" id="input_23" class="form-textbox validate[required]" name="captcha" style="width:130px;" />
<img src="http://jotformeu.com/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_23');" />
<input type="hidden" name="captcha_id" id="input_23_captcha_id" value="0" />
</div>
</div>
</div>
</li>
<li style="display:none">
Should be Empty:
<input type="text" name="website" value="" />
</li>
</ul>
</div>
<input type="hidden" id="simple_spc" name="simple_spc" value="23153363947356" />
<script type="text/javascript">
document.getElementById("si" + "mple" + "_spc").value = "23153363947356-23153363947356";
</script>
</form>
Dernière édition par pierre du 31 le Dim 25 Nov 2012 - 18:53, édité 1 fois
Re: Formulaire présentation => envoyez
Bonjour,
Où en est votre problème ?
Cordialement.
Où en est votre problème ?
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Formulaire présentation => envoyez
Toujours non résolu.
Re: Formulaire présentation => envoyez
Il y a des dizaines de sujet sur des formulaires :
https://www.google.fr/search?q=formulaire+site%3Aforum.forumactif.com
En résumé si vous avez plus qu'un champ titre et message, il faut :
- faire le formulaire de vos champs ( ça vous l'avez fait apparemment )
- créer un script javascript qui rempli à l'envoi du formulaire les champs que forumactif gère ( subject et message surtout ), en utilisant les champs de votre formulaire
Cordialement.
https://www.google.fr/search?q=formulaire+site%3Aforum.forumactif.com
En résumé si vous avez plus qu'un champ titre et message, il faut :
- faire le formulaire de vos champs ( ça vous l'avez fait apparemment )
- créer un script javascript qui rempli à l'envoi du formulaire les champs que forumactif gère ( subject et message surtout ), en utilisant les champs de votre formulaire
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Formulaire présentation => envoyez
Merci, mais cela ne m'aide pas beaucoup.
Re: Formulaire présentation => envoyez
Par exemple ( je simplifie beaucoup ), si je veux deux champs "age" et "ville" et en faire un message :
Le forum lui n'a pas la possibilité de se dire " ah il y a un champ ' age ' je vais le mettre de cette façon dans le message, il s'attend juste à recevoir :
- subject : le titre du sujet
- f : le forum dans lequel est posté le sujet
- mode : le type d'action ( newtopic pour un nouveau sujet )
- message : le message qui sera le premier message du nouveau sujet
- post : ce qu'on veut, pour indiquer qu'on post ( plutôt que prévisualiser )
- topic_color : la couleur du sujet
- auth : des chaînes d'authentification (
- description : la description du sujet
- lt : le dernier message du sujet ( 0 pour un nouveau sujet )
- ...
Enfin il y a tout un tas de champ que forumactif traite, mais ce que vous voulez c'est j'imagine avoir un certain nombre de champ, et les associer ensemble dans le message qui sera envoyer.
Pour ce faire il faut faire un script comme j'ai fait au dessus.
Cordialement.
- Code:
[b]age :[b] *valeur du champ de formulaire age*
[b]ville :[b] *valeur du champ de formulaire ville*
- Code:
<script>
function form_treat(f){
f.message.value= '[b]age :[b] '+f.age.value+'\n'+'[b]ville :[b] '+f.city.value;
}
</script>
<form action="post" method="post" onsubmit="form_treat(this)">
<input type="hidden" name="f" value="2" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="message" />
<label>Titre sujet : <input type="text" name="subject" /></label>
<label>Âge : <input type="text" name="age" /></label>
<label>Ville : <input type="text" name="city" /></label>
<input type="button" name="post" value="Envoyer" />
</form>
Le forum lui n'a pas la possibilité de se dire " ah il y a un champ ' age ' je vais le mettre de cette façon dans le message, il s'attend juste à recevoir :
- subject : le titre du sujet
- f : le forum dans lequel est posté le sujet
- mode : le type d'action ( newtopic pour un nouveau sujet )
- message : le message qui sera le premier message du nouveau sujet
- post : ce qu'on veut, pour indiquer qu'on post ( plutôt que prévisualiser )
- topic_color : la couleur du sujet
- auth : des chaînes d'authentification (
- description : la description du sujet
- lt : le dernier message du sujet ( 0 pour un nouveau sujet )
- ...
Enfin il y a tout un tas de champ que forumactif traite, mais ce que vous voulez c'est j'imagine avoir un certain nombre de champ, et les associer ensemble dans le message qui sera envoyer.
Pour ce faire il faut faire un script comme j'ai fait au dessus.
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Sujets similaires
» Envoyez un mp via un formulaire
» formulaire de presentation
» formulaire de presentation
» Formulaire de présentation
» Formulaire de présentation
» formulaire de presentation
» formulaire de presentation
» 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