Modification d'un formulaire d'aide.

2 participants

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

Résolu Modification d'un formulaire d'aide.

Message par Bi-day Mer 19 Juin 2013 - 16:02

Bonjour,

Il y a quelques mois vous m'avez aidé a mettre en place un outil me permettant d'encourager les personnes pas très a l'aise avec l'informatique a poster des balades sur mon forum en rapport avec la moto.
Ce sont toujours les admins et modérateurs qui postent des sorties moto car les autres n'osent pas se lancer dans l'organisation de peut d'oublier des détails.

Modification d'un formulaire d'aide. 2013-011

Code:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<!--
body {
background-color:greenyellow;
color:#bd9b9;
text-align:center;
}
form {
width:450px;
text-shadow:;
margin:auto;
}
fieldset {
width:430px;
}
.inputbox{
background-color:yellow;}
-->
</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 = "<center><strong>[Date] + Nom de la sortie :</strong><center/> " + form.nomsortie.value + '\n'
+ "<strong>Heure du Rendez-vous :</strong> " + form.heurerdv.value + '\n'
+ "<strong>Heure du Rendez-vous 2 :</strong> " + form.heurerdv2.value + '\n'
+ "<strong>Lieu du Rendez-vous :</strong> " + form.lieurdv.value + '\n'
+ "<strong>Lieu du Rendez-vous 2 :</strong> " + form.lieurdv2.value + '\n'
+ "<strong>Heure du depart :</strong> " + form.heuredepart.value + '\n'
+ "<strong>Heure du depart 2 :</strong> " + form.heuredepart2.value + '\n'
+ "<strong>Nombre de participants :</strong> " + form.maxparticipants.value + '\n'
+ "<br><strong>Commentaires</strong> " + form.comm.value + '\n'
+ "<br><strong>Plan :</strong> " + form.plan.value + '\n';
// Insére le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
form.subject.value = form.nomsortie.value;
}
</script>
</head>
<body>
<form action="http://www.les-cameleons.org/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<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="19" /> <!--  ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="" />
<h3>Nouvelle Sortie ! </h3>
<table>
<tr>
<td><label for="nomsortie"><B>[Date] + Nom de la sortie :</B></label></td>
<td><input type="text" class="inputbox" id="nomsortie" name="nomsortie" value="" size="30" maxlength="255" title="Sous la forme:         01/01/2015 Sortie entre amis"

/></td>
</tr><tr>
<td><label for="heurerdv"><B>Heure du Rendez-vous :</B></label></td>
<td><input type="text" class="inputbox" name="heurerdv" id="heurerdv" size="30" title="Sa porte bien son nom !" required="required" /></td>
</tr><tr>
<td><label for="heurerdv2"><B>Heure du Rendez-vous 2 :</B></label></td>
<td><input type="text" class="inputbox" name="heurerdv2" id="heurerdv2" size="30" title="Sa porte bien son nom !" /></td>
</tr><tr>
<td><label for="lieurdv"><B>Lieu du Rendez-vous :</B></label></td>
<td><input type="text" class="inputbox" name="lieurdv" id="lieurdv" size="30" title="Sa porte bien son nom !" required="required" /></td>
</tr><tr>
<td><label for="lieurdv2"><B>Lieu du Rendez-vous 2 :</B></label></td>
<td><input type="text" class="inputbox" name="lieurdv2" id="lieurdv2" size="30" title="Sa porte bien son nom !" /></td>
</tr><tr>
<td><label for="heuredepart"><B>Heure du depart :</B></label></td>
<td><input type="text" class="inputbox" name="heuredepart" id="heuredepart" size="30" title="Sa porte bien son nom !" required="required" /></td>
</tr><tr>
<td><label for="heuredepart2"><B>Heure du depart 2 :</B></label></td>
<td><input type="text" class="inputbox" name="heuredepart2" id="heuredepart2" size="30" title="Sa porte bien son nom !" /></td>
</tr><tr>
<td><label for="maxparticipants"><B>Nombre de participants :</B></label></td>
<td><input type="text" class="inputbox" name="maxparticipants" id="maxparticipants" size="30" title="10, 15, illimité..." /></td>
</tr>
</table>
<br>
<fieldset><legend align="center"><B>Commentaires</B></legend>
<br />
<textarea id="comm" name="comm" rows="4" cols="50" title="Liste des participants, lieux du repas, informations importantes" class="inputbox" required="required" ></textarea><br />
</fieldset>
<fieldset>
<legend align="center"><B>Plan</B></legend>
<br />
<textarea id="plan" name="plan" title="Un plan a insérer ?" class="inputbox" rows="2" cols="50"></textarea><br />
</fieldset>
<br>
<center>
<input type="submit" name="post" value="Poster la balade !" /></center>
<br/>
</form>
</body>
</html>



Je reviens maintenant vers vous pour faire évoluer cet outil:


  • Premier point: Lorsque les personnes ne souhaitent pas avoir de deuxième point de rdv et qu'ils ne remplissent pas le champ, sa donne ça:


Modification d'un formulaire d'aide. 2013-012

Est il possible de supprimer ce champ Heure du rendez vous 2, lieu de rendez vous 2... s'il n'est pas rempli ?


  • Second point: En passant par cet outil de mise en ligne des sorties, les membres du forum n'ont plus accès au calendrier pour rentrer la date de l'évenement (sauf en cliquant sur éditer une fois la sortie mise en ligne).

        Est il possible de le rajouter dans l'outil et pourquoi pas d'insérer cette date dans le titre du sujet ?



Dernière chose, est il possible de mettre un meilleur calendrier, plus visible et ou il serait possible d'ajouter des événements sans devoir poster un nouveau sujet ?


Merci pour votre aide !


Dernière édition par Bi-day le Sam 22 Juin 2013 - 22:39, édité 1 fois
avatar

Bi-day
*

Messages : 32
Inscrit(e) le : 04/12/2012

http://www.les-cameleons.org
Bi-day a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un formulaire d'aide.

Message par Bi-day Jeu 20 Juin 2013 - 23:07

Je me permet de faire une petit Up !

Merci a vous.
avatar

Bi-day
*

Messages : 32
Inscrit(e) le : 04/12/2012

http://www.les-cameleons.org
Bi-day a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modification d'un formulaire d'aide.

Message par Bi-day Ven 21 Juin 2013 - 16:14

Re- up
avatar

Bi-day
*

Messages : 32
Inscrit(e) le : 04/12/2012

http://www.les-cameleons.org
Bi-day a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification d'un formulaire d'aide.

Message par Scoubifitz Ven 21 Juin 2013 - 19:27

Bi-day a écrit:Bonjour,

Il y a quelques mois vous m'avez aidé a mettre en place un outil me permettant d'encourager les personnes pas très a l'aise avec l'informatique a poster des balades sur mon forum en rapport avec la moto.
Ce sont toujours les admins et modérateurs qui postent des sorties moto car les autres n'osent pas se lancer dans l'organisation de peut d'oublier des détails.
Spoiler:

Je reviens maintenant vers vous pour faire évoluer cet outil:


  • Premier point: Lorsque les personnes ne souhaitent pas avoir de deuxième point de rdv et qu'ils ne remplissent pas le champ, sa donne ça:


Modification d'un formulaire d'aide. 2013-012

Est il possible de supprimer ce champ Heure du rendez vous 2, lieu de rendez vous 2... s'il n'est pas rempli ?


  • Second point: En passant par cet outil de mise en ligne des sorties, les membres du forum n'ont plus accès au calendrier pour rentrer la date de l’événement (sauf en cliquant sur éditer une fois la sortie mise en ligne).

        Est il possible de le rajouter dans l'outil et pourquoi pas d'insérer cette date dans le titre du sujet ?



Dernière chose, est il possible de mettre un meilleur calendrier, plus visible et ou il serait possible d'ajouter des événements sans devoir poster un nouveau sujet ?


Merci pour votre aide !

Bonjour,

- le premier point est réalisable en mettant un conditionnel dans le script , je vous prépare un exemple  .

- Je pense qu'il est possible de mettre le calendrier dans le formulaire et d'insérer la date dans le titre ...
Pour l'heure de la sortie , ce serait plutôt l'heure du rendez-vous ou l'heure du départ qu'il faudrait mettre dans le calendrier ?

pour le dernier point , il faudrait en faire la demande dans la rubrique suggestion ... ou de passer par un système extérieur au service Forumactif , mais sans la possibilité de le modifier par le formulaire ...
Donc pour le moment , ça n'est pas possible ...
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: Modification d'un formulaire d'aide.

Message par Bi-day Ven 21 Juin 2013 - 20:11

Super, 

Déjà merci pour vos réponses

Pour le coup, intégrer l'heure dans le calendrier m'importe peut.
Juste pouvoir mettre le calendrier forumactif dans le formulaire pour que ceux qui organisent la sortie puissent y mettre la leur.

merci a vous pour votre aide précieuse.
avatar

Bi-day
*

Messages : 32
Inscrit(e) le : 04/12/2012

http://www.les-cameleons.org
Bi-day a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Modification d'un formulaire d'aide.

Message par Scoubifitz Sam 22 Juin 2013 - 18:30

bonjour,

on fait un premier essai ?

Code:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>formulaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<!--
body {
background-color:greenyellow;
color:#bd9b9;
text-align:center;
}
form {
width:500px;
margin:auto;
}
form table{
width:500px;
margin:auto;
}
fieldset {
width:530px;
}
.inputbox{
background-color:yellow;}
-->
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form){

// variables des données du formulaire

var jour = form.topic_calendar_day.value;
var mois = form.topic_calendar_month.value;
var annee = form.topic_calendar_year.value;
var nomsortie = form.nomsortie.value;
var heurerdv  =form.heurerdv.value;
var lieurdv = form.lieurdv.value;
var heuredepart = form.heuredepart.value;
var heurerdv2  =form.heurerdv2.value;
var lieurdv2 = form.lieurdv2.value;
var heuredepart2 = form.heuredepart2.value;

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

var txt_message = "<center><strong>[Date] + Nom de la sortie :</strong> \n"
+ jour + "/" + mois + "/" + annee + " : " + nomsortie + '\n\n'
+ "<strong>Heure du Rendez-vous :</strong> " + heurerdv + '\n'
+ "<strong>Lieu du Rendez-vous :</strong> " + lieurdv + '\n'
+ "<strong>Heure du depart :</strong> " + heuredepart + '\n'
+ ( heurerdv2 ? "\n<strong>Heure du Rendez-vous 2 :</strong> "+ heurerdv2 +'\n' : "")
+ ( lieurdv2 ? "<strong>Lieu du Rendez-vous 2 :</strong> "+ lieurdv2 +'\n' : "")
+ ( heuredepart2 ? "<strong>Heure du depart 2 :</strong> "+ heuredepart2 +'\n' : "")
+ "\n<strong>Nombre de participants :</strong> " + form.maxparticipants.value + '\n'
+ "\n<strong>Commentaires</strong> " + form.comm.value + '\n'
+ "\n<strong>Plan :</strong> " + form.plan.value + '\n</center>';

// 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 = jour + "/" + mois + "/" + annee + " : " + nomsortie;
}
</script>
</head>
<body>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<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="19" /> <!--  ID du forum dans lequel le message sera posté-->
<input type="hidden" name="subject" id="titre" value="" />
<h3>Nouvelle Sortie ! </h3>
<table>
<tr>
<td><b><span style="color:red">Date de la sortie : </span> <span style="color:blue">#</span></b></td>
<!-- ATTENTION ! Ne rien modifier à partir de cette ligne -->
<td><select name="topic_calendar_day" class="inputbox">
<option value="0" selected="selected"> -- </option>
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</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><select name="topic_calendar_month" class="inputbox">
<option value="0" selected="selected"> ------------ </option>
<option value="1">Janvier</option>
<option value="2">Février</option>
<option value="3">Mars</option>
<option value="4">Avril</option>
<option value="5">Mai</option>
<option value="6">Juin</option>
<option value="7">Juillet</option>
<option value="8">Août</option>
<option value="9">Septembre</option>
<option value="10">Octobre</option>
<option value="11">Novembre</option>
<option value="12">Décembre</option>
</select><select name="topic_calendar_year" class="inputbox">
<option value="0"> ---- </option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
</select></td>
<!-- L'avertissement prend fin ici -->
</tr><tr>
<td><label for="nomsortie"><b><span style="color:red">Nom de la sortie : </span></b></label></td>
<td><input type="text" class="inputbox" id="nomsortie" name="nomsortie" value="" size="30" maxlength="255" placeholder="ex: Sortie entre amis"/></td>
</tr><tr><td><label for="heurerdv"><b>Heure du Rendez-vous :</b></label></td>
<td><input type="text" class="inputbox" name="heurerdv" id="heurerdv" size="30" placeholder="ça porte bien son nom !" required="required" /></td>
</tr><tr>
<td><label for="lieurdv"><b>Lieu du Rendez-vous :</b></label></td>
<td><input type="text" class="inputbox" name="lieurdv" id="lieurdv" size="30" placeholder="ça porte bien son nom !" required="required" /></td>
</tr><tr>
<td><label for="heuredepart"><b>Heure du depart :</b></label></td>
<td><input type="text" class="inputbox" name="heuredepart" id="heuredepart" size="30" placeholder="ça porte bien son nom !" required="required" /></td>
</tr><tr>
<td><label for="heurerdv2"><b><span style="color:darkgreen">Heure du Rendez-vous 2 : </span></b></label></td>
<td><input type="text" class="inputbox" name="heurerdv2" id="heurerdv2" size="30" title="ça porte bien son nom !" /></td>
</tr><tr>
<td><label for="lieurdv2"><b><span style="color:darkgreen">Lieu du Rendez-vous 2 : </span></b></label></td>
<td><input type="text" class="inputbox" name="lieurdv2" id="lieurdv2" size="30" title="ça porte bien son nom !" /></td>
</tr><tr>
<td><label for="heuredepart2"><b><span style="color:darkgreen">Heure du depart 2 : </span></b></label></td>
<td><input type="text" class="inputbox" name="heuredepart2" id="heuredepart2" size="30" title="ça porte bien son nom !" /></td>
</tr><tr>
<td><label for="maxparticipants"><b>Nombre de participants :</b></label></td>
<td><input type="text" class="inputbox" name="maxparticipants" id="maxparticipants" size="30" placeholder="10, 15, illimité..." /></td>
</tr>
</table>
<table>
<tr>
<td><b><span style="color:darkgreen">Durée de la sortie : </span> <span style="color:blue">#</span></b></td>
<td><input name="topic_calendar_duration_day" maxlength="5" size="3" value=""  class="inputbox" type="post" /><span style="color:darkgreen"> Jours </span><input name="topic_calendar_duration_hour" maxlength="5" size="3" value="" class="inputbox" type="post" /><span style="color:darkgreen"> Heures </span><input name="topic_calendar_duration_min" maxlength="5" size="3" value="" class="inputbox" type="post" /><span style="color:darkgreen"> Minutes</span><input name="create_event" value="0" type="hidden" /><input name="calendar_d" value="0" type="hidden" /></td>
</tr><tr>
<td colspan="2" style="text-align:left;padding-left:50px"><span style="color:red"> apparaitra dans le titre du message</span><br />
<span style="color:darkgreen"> optionnel : si les cases sont vides , n'apparaitra pas .</span><br />
<span style="color:blue"># apparaitra dans le calendrier du forum</span></td>
</tr>
</table>
<br />
<fieldset><legend align="center"><b>Commentaires</b></legend>
<br />
<textarea id="comm" name="comm" rows="4" cols="50" placeholder="Liste des participants, lieux du repas, informations importantes" class="inputbox" required="required" ></textarea><br />
</fieldset>
<fieldset>
<legend align="center"><b>Plan</b></legend>
<br />
<textarea id="plan" name="plan" placeholder="Un plan a insérer ?" class="inputbox" rows="2" cols="50"></textarea><br />
</fieldset>
<br />
<center>
<input type="submit" name="post" value="Poster la balade !" /></center>
<br/>
</form>
</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: Modification d'un formulaire d'aide.

Message par Bi-day Sam 22 Juin 2013 - 22:38

Merci a vous, je viens de faire plusieurs tests, sa fonctionne très bien, les sorties s'ajoutent bien au calendrier et les champs se suppriment correctement si on ne les remplie pas.

Vous êtes un chef !
avatar

Bi-day
*

Messages : 32
Inscrit(e) le : 04/12/2012

http://www.les-cameleons.org
Bi-day a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum