Formalaire presentation et explorer

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

Résolu Formalaire presentation et explorer

Message par choopy le Dim 6 Mar 2011 - 14:46

bonjour a tous ,

j'ai créé mon formulaire de présentation et il fonctionne tres bien sur Opera ,firefox et google chrome
Mais cette nouille d'Explorer n'affiche pas les mots selectionnés des menus déroulants.
pourquoi pas explorer alors que les autres fonctionnent ???
il doit y avoir un caractere qui manque ou de trop , de l'aide merci .

voici mon code :



Code:
 <br><br><br>

<style type="text/css">
p{color: white;}

R{color: red;}

i{color: white;
font-size:11px}

input, textarea, select
{font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
border: 1px solid black;
background-color: transparent;
color:white}

input:focus, textarea:focus /* Quand le curseur est sur un champ */
{background-color: #FFFF99;
color:black}
 
label
{color: #6699FF; /* Colorer en bleu tous les labels */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{font-family: Georgia, Arial, "Arial Black", "Times New Roman", serif;
color: white;
font-weight: bold;
text-shadow: 5px 3px 15px black}
 
fieldset
{margin-bottom: 30px; /* Une marge pour séparer les fieldset */
background-color: #365a68;
}

Formulaire{border:1px solid cyan}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
  // Créer un message à partir des informations fournies
  var txt_message ="bonjour a tous du forum ," + '\n' + '\n' + " Je m'appelle " + form.prenom.value + '\n'
              + "Mon 2 roues est un " + form.scooter.value + " qui a un variateur " + form.vario.value + " et " + form.kilom.value + " kilometres au compteur ." + '\n' + "Son année de premiere circulation est en " + form.anne.value + " ." + '\n'
              + "J'ai le permis de conduire\n[list]";
              // 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.permis.length; i++)
              {
                  if(form.permis[i].checked == true) { txt_message = txt_message + '[*]' + form.permis[i].value + '\n'; }
              }
              txt_message = txt_message + "[/list][b]En plus[/b] : " + form.plus.value + '\n';
  // Ajoute la formule de politesse à la fin du message :
  txt_message = txt_message + "Merci de m'acceuillir sur votre forum" + '\n'  + "Cordialement ," + '\n' + form.prenom.value;
  // Insère le texte construit dans le champ caché "message" du formulaire
  form.message.value = txt_message;
}
</script>
<form action="http://xmax-xtrem.com/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="1" /> <!--  ID du forum dans lequel le message sera posté--><fieldset>
      <legend>Votre Presentation</legend></br>
<p>Bienvenue sur le forum xmax-xtrem . Apres votre inscription , ceci est le forumulaire pour votre presentation qui vous donnera un accés au forum . <R>Merci de remplir tous les champs </R> . Une fois termine , cliquez sur le bouton Envoyé
</fieldset>
<fieldset><legend>Vos Informations </legend><br>
<label for="titre">Titre de votre presentation :</label> <input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><i> ( un titre de plus de 5 caracteres )</i><br>
<br>
<label for="prenom">Prénom: </label><input type="text" size="30" name="prenom" id="prenom" /><i>( le votre )</i><br><br>
<label for="scooter">Mon 2 roues : </label><select name="scooter" id="scooter"><option>xmax</option><option>skycruiser</option><option>x-city</option><option>majesty</option><option>YZF</option><option>Lifan</option><option>Tmax</option></select><i> ( menu deroulant )</i><br><br>
<label for="anne">Son milesime :  </label><select name="anne" id="anne">
<option>2006</option><option>2007</option><option>2008</option><option>2009</option><option>2010</option><option>2011</option><option>2012</option></select><i> ( son annee de premiere circulation , menu deroulant )</i><br><br><label for="vario">Mon variateur est : </label><select name="vario" id="vario">
<option>origine</option><option>polini</option><option>malossi</option><option>jcosta</option><option>dr pulley</option><option>autre</option></select><i> ( menu deroulant )</i><br><br><label for="kilom">Kilometres :  </label><input type="text" size="5" name="kilom" id="kilom" /><i>( les kilometres qu'indique votre compteur )</i><br><br><label>Mes permis de conduire : </label><br><input type="checkbox" name="permis" id="voiture" value="B voiture" /><label for="voiture">Le permis B voiture</label><input type="checkbox" name="permis" id="moto" value="A moto" /><label for="moto">Le permis A moto</label><input type="checkbox" name="permis" id="125cc" value="le permis A1 125cc" /><label for="125cc">Le permis A1 125cc</label><input type="checkbox" name="permis" id="formation" value="la formation 125cc" /><label for="formation">La formation 125cc du permis B</label><input type="checkbox" name="permis" id="A1" value="aucun permis" /><label for="aucun">Aucun Permis</label><br><br><br><br><label for="plus">Developpement  de ma présentation /mes loisirs / interets /  </label><br><br>
<textarea id="plus" name="plus"></textarea><br><br><input type="submit" name="post" value=" Envoyer " /><br><br>
</form></fieldset><fieldset>
      <legend>Moderation</legend><br>
<p>L' equipe de moderation modifiera toutes les presentations ne remplissant pas toutes les conditions genrales du forum et sans preavis</p>
</fieldset>
</form>


Dernière édition par choopy le Lun 7 Mar 2011 - 11:20, édité 1 fois

choopy
****

Masculin
Messages : 427
Inscrit(e) le : 09/03/2009

choopy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formalaire presentation et explorer

Message par Scoubifitz le Dim 6 Mar 2011 - 14:57

bonjour,

étonnant qu'il puisse fonctionner sans "value" dans les options ! ^^

je dis ça , je dis rien ... Shutt

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formalaire presentation et explorer

Message par choopy le Dim 6 Mar 2011 - 19:56

je suis pas tres forte la dedans et j'ai pas mal galéré pour que ca focntionne .

merci pour ta réponse . En faite tout fonctionne juste les Menus déroulants n'affichent pas les réponses dans le post créé .

Dois -je mettre une valeur value aussi dans chaque option des menus déroulants ? pourtant ca ne pose pas de probleme a firefox .
Pourtant le tutoriel ne donne pas de value pour les menus déroulant .


le tuto se présente comme cela : je ne vois pas de value !!!

<label for="genre">Genre: </label><select name="genre" id="genre"><option>Masculin</option><option>Féminin</option></select>
<label>Vous aimez: </label>


j'ai fait la meme chose .

choopy
****

Masculin
Messages : 427
Inscrit(e) le : 09/03/2009

choopy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formalaire presentation et explorer

Message par Scoubifitz le Dim 6 Mar 2011 - 20:32

Décidément ...

"Le sage montre la lune , le fou regarde le doigt ..."

il faut vraiment que je me concentre ...
je pensais à une mauvaise lecture du navigateur pour récupérer les "value" ...

en fait , c'est une mauvaise interprétation des données dans le message ...
donc , pas forcément besoin de "value" ...

on doit récupérer l'option choisie dans la sélection ...

remplacez :
Code:
form.scooter.value
par ceci :
Code:
form.scooter.options[form.scooter.selectedIndex].value

et ainsi de suite pour les listes ...

édit : cadeau du jour ... testé et vérifié sur les 2 navigateurs ...

le code complet , retravaillé et corrigé ... vous m'en direz des nouvelles ...

Code:
<p></p>
<style type="text/css">
p{color: white;}

.red{color: red;
font-size:18px}

i{color: white;
font-size:12px}

input, textarea, select
{font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé à l'intérieur des champs */
border: 1px solid black;
background-color: transparent;
color:white}

input:focus, textarea:focus,option /* Quand le curseur est sur un champ */
{background-color: #6699FF;
color:black}

label
{color: #6699FF; /* Colorer en bleu tous les labels */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{font-family: Georgia, Arial, "Arial Black", "Times New Roman", serif;
color: white;
font-weight: bold;
text-shadow: 5px 3px 15px black}

fieldset
{margin-bottom: 30px; /* Une marge pour séparer les fieldset */
background-color: #365a68;
}

Formulaire{border:1px solid cyan}
</style>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var prenom = form.prenom.value
var scooter = form.scooter.options[form.scooter.selectedIndex].value
var variotype = form.vario.options[form.vario.selectedIndex].value
var comptaffiche = form.kilom.value
var fabrikdate = form.anne.options[form.anne.selectedIndex].value

var txt_message ="bonjour à tous du forum ," + '\n' + '\n'
+ " Je m'appelle " + prenom + " ," + '\n' + '\n'
+ "Mon 2 roues est un " + scooter + " qui a un variateur " + variotype + " et affiche quelques " + comptaffiche + " kilomètres au compteur ." + '\n'
+ fabrikdate + " est l'année de sa première mise en circulation ." + '\n' + '\n'
+ "Voici la liste de mon (ou mes) permis de conduire[list]";
// 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.permis.length; i++)
{
if(form.permis[i].checked == true) { txt_message = txt_message + '[*]' + form.permis[i].value + '\n'; }
}
txt_message = txt_message + "[/list]";
if(form.plus.value != "") // Si le champ "en plus" n'a pas été laissé vide ...
{
txt_message = txt_message + "[b]En plus[/b] : " + '\n' + form.plus.value + '\n'+ '\n' ;}
// Ajoute la formule de politesse à la fin du message :
txt_message = txt_message + "Merci de m'accueillir sur votre forum" + '\n'  + "Cordialement ," + '\n' + prenom;
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<form action="http://xmax-xtrem.com/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="1" /> <!--  ID du forum dans lequel le message sera posté-->
<fieldset><legend>Votre Présentation</legend>
<p>Bienvenue sur le forum Xmax-Xtrem . </p>
<p>Après votre inscription , la prochaine étape est le formulaire pour vous présenter , <br>et vous donner un accès au forum .</p>
<p><span class="red">Merci de remplir tous les champs marqués d'une astérisque ( * ) .</span></p>
<p>Une fois terminé , cliquez sur le bouton "Envoyer" en bas de page .</p>
</fieldset>

<fieldset><legend>Vos Informations </legend>
<p><label for="titre">Titre de votre présentation :</label>
<input type="text" name="subject" id="titre" value="" size="45" maxlength="60" /><i> ( un titre de plus de 5 caractères )<span class="red"> *</span></i></p>
<p><label for="prenom">Prénom: </label>
<input type="text" size="30" name="prenom" id="prenom" /><i>( le votre )<span class="red"> *</span></i></p><br>
<p><label for="scooter">Mon 2 roues : </label>
<select name="scooter" id="scooter">
<option>Scooter</option>
<option>Xmax</option>
<option>Skycruiser</option>
<option>X-city</option>
<option>Majesty</option>
<option>YZF</option>
<option>Lifan</option>
<option>Tmax</option>
</select>
<i> ( menu déroulant )<span class="red"> *</span></i></p>
<p><label for="anne">Son millésime :  </label>
<select name="anne" id="anne">
<option value="Je ne sais pas quelle ">inconnue</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
</select>
<i> ( son année de premiere circulation , menu deroulant )<span class="red"> *</span></i></p>
<p><label for="vario">Mon variateur est : </label>
<select name="vario" id="vario">
<option value="d'origine">d'origine</option>
<option value="de type polini">polini</option>
<option value="de type malossi">malossi</option>
<option value="de type jcosta">jcosta</option>
<option value="de type dr pulley">dr pulley</option>
<option value="d'un type spécial">autre (précisez le dans le supplément de texte)</option>
</select>
<i> ( menu deroulant )<span class="red"> *</span></i></p>
<p><label for="kilom">Kilomètres :  </label>
<input type="text" size="5" name="kilom" id="kilom" /><i>( les kilomètres qu'indique votre compteur )</i></p>
<p><label>Mon (ou mes) permis de conduire : </label><br><br>
<input type="checkbox" name="permis" id="voiture" value="Le permis B voiture" />
<label for="voiture">Le permis B voiture</label>
<input type="checkbox" name="permis" id="moto" value="Le permis A moto" />
<label for="moto">Le permis A moto</label>
<input type="checkbox" name="permis" id="125cc" value="le permis A1 125cc" />
<label for="125cc">Le permis A1 125cc</label><br>
<input type="checkbox" name="permis" id="formation" value="la formation 125cc du permis B" />
<label for="formation">La formation 125cc du permis B</label>
<input type="checkbox" name="permis" id="A1" value="Aucun permis" />
<label for="aucun">Aucun Permis</label></p>
<p><label for="plus">Si vous avez des précisions à apporter concernant votre présentation , <br>vos loisirs ou autres intérêts :</label></p>
<p>
<textarea id="plus" name="plus" cols="100" rows="10"></textarea></p>
</fieldset>
<fieldset><legend>Modération</legend>
<p>L' équipe de modération modifiera  - sans préavis - toutes les présentations ne remplissant pas <br>
toutes les conditions générales du forum , ceci évidemment dans un souci de clarté ! </p><p><input type="submit" name="post" value=" Envoyer " /></p>
</fieldset>
</form>

bonne journée ! geek

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Formalaire presentation et explorer

Message par choopy le Lun 7 Mar 2011 - 11:20

merci Scoubifitz , ca focntionne a merveille .
j'aurai pas reussi toute seule .


merci aussi pour les petites modifications . c'est vrai c'est mieux ainsi .

KISSSSSSSssssssssssssssssssssssssss .

choopy
****

Masculin
Messages : 427
Inscrit(e) le : 09/03/2009

choopy a été remercié(e) par l'auteur de ce sujet.

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