begin process at 2012 05 29 17:27:27
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Récuperer valeurs select dans une zone de texte


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Récuperer valeurs select dans une zone de texte

lundi 2 juin 2008 à 13:56:27 | Récuperer valeurs select dans une zone de texte

vibration76000

Bonjour,
J'ai besoin de votre aide. Je souhaite gérer des dates de naissances et récupérer les valeurs de mes listes déroulantes pour les inscrire dans une zone de texte dans le format "JJ/MM/AAAA" a coté. J'ai créer deux select pour le jour et le mois puis une input text pour l'année.
Comment récupérer ces valeurs dans une et meme zone de texte? afin d'éviter le message d'alerte
Merci de votre aide à l'avance mais j'ai essayé plein de méthode, sans succés.





....................................................................................................

<body

<form method="post" action="age2.html">
<p align="center">
<!--- <input name="jour" type="text" value="30">--->
<select name="jour">
<option value="00">JJ</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
&nbsp;
<!--- <input name="mois" type="text" value="12">--->
<select name="mois">
<option value="00">MM</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<input name="annee" type="text" value="AAAA" size="5" maxlength="4">
</p>
<input type="submit" name="envoyer" value="Soumettre" onclick="actu=new Date();
if((actu.getMonth()+1)>=this.form.mois.value)
{
if((actu.getMonth()+1)==this.form.mois.value)
{
if(actu.getDate()>=this.form.jour.value)
{
mois=(actu.getMonth()+1)-this.form.mois.value;
ans=actu.getFullYear()-this.form.annee.value;
}
else
{
mois=(12-this.form.mois.value)+(actu.getMonth()+1);
ans=actu.getFullYear()-this.form.annee.value-1;
}
}
else
{
mois=(actu.getMonth()+1)-this.form.mois.value;
ans=actu.getFullYear()-this.form.annee.value;
}
}
else
{
mois=(12-this.form.mois.value)+(actu.getMonth()+1);
ans=actu.getFullYear()-this.form.annee.value-1;
}
if(actu.getDate()>this.form.jour.value)
{
jours=actu.getDate()-this.form.jour.value;
}
else
{
jours=(30-this.form.jour.value)+(actu.getDate());
}
while(jours>30)
{
jours-=30;
mois+=1;
}
while(mois>12)
{
mois-=12;
ans+=1;
}
if (ans>18)
{
window.alert('Vous êtes majeur, vous pouvez souscrire à ce contrat car vous avez '+ans+' ans. Vous etes né le '+this.form.jour.value+'/'+this.form.mois.value+'/'+this.form.annee.value+'');
}
else if (ans<18)
{
      window.alert('Vous devez être majeur, vous avez que '+ans+' ans. Vous etes né le '+this.form.jour.value+'/'+this.form.mois.value+'/'+this.form.annee.value+'');
}
">


</form>

</body>

--Vibration--
lundi 2 juin 2008 à 14:20:47 | Re : Récuperer valeurs select dans une zone de texte

bultez

Membre Club


Bonjour,



>>Comment récupérer ces valeurs dans une et meme zone de texte? afin d'éviter le message d'alerte
   
    pas compris..
    les messages d'alert ? ceux provoqués par alert ? des erreurs....

   mais, avant tout....

    supprime le onclick du submit
    remplace par onsubmit="return trait(this);" dans la balise form
    met le javascript dans une fonction trait(frm)
       et remplace les this.form par frm
    fais un return false si tu ne veux pas envoyerl le formulaire,
       un return true sinon



<script>
function trait(frm)
{
actu=new Date();
if((actu.getMonth()+1)>=frm.mois.value)
{
....
if (ans>18)
{
window.alert('Vous êtes majeur, vous pouvez souscrire à ce contrat car vous avez '+ans+' ans.' +
 'Vous etes né le '+frm.jour.value+'/'+frm.mois.value+'/'+frm.annee.value);
 return true;
}
else
{
      window.alert('Vous devez être majeur, vous avez que '+ans+' ans. Vous etes né le '+frm.jour.value+'/'+frm.mois.value+'/'+frm.annee.value);
        return false;
}

}
</script>
<form method="post" action="age2.html"
    onsubmit="return(trait(this));">
<p align="center">
...
<input     type="submit" name="envoyer" value="Soumettre"  />
</form>


et s'il y a des erreurs :

FireFox
regarder la "console d'erreurs"
Outils / Console d'erreurs
et mieux : télécharger FireBug
Internet
Explorer
activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS
K-Meleon
regarder la "console d'erreurs"
Outils / Console d'erreurs
Opera
regarder la "console d'erreurs"
Outils / Avancé / Console d'erreurs
Safari
regarder Debug / Show JavaScript Console
° modifier Fichier Preferences.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\
y ajouter <key>IncludeDebugMenu</key>
<true/>



 Cordialement Bul  [mon Site]  [M'écrire]  [Laisser une adresse Mail, en évitant les spams]
lundi 2 juin 2008 à 14:31:22 | Re : Récuperer valeurs select dans une zone de texte

bultez

Membre Club
et pour récupérer dans un champ texte l'option d'un select....
    le_champ_text_en_question.value =
        le_select_dont_tu_causes[le_select_dont_tu_causes.selectedIndex].value ou .text
    mais... je ne vois pas à quoi ça va te servir....

                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 2 juin 2008 à 15:24:21 | Re : Récuperer valeurs select dans une zone de texte

vibration76000

Merci bultez d'avoir répondu trés rapidement c'est trés gentil de ta part.
J'ai essayé d'appliquer ce que tu m'a dit mais je ne reçois plus de message d'alerte lorsque je clique sur le bouton. Voici le code en entier que j'ai essayé de modifier a l'aide de tes conseils.
J'ai du faire des erreurs...(je suis en stage informatique et je dois faire du javascript et je n'en ai jamais effectué auparavant)
De plus, en cliquant j'aimerais au lieu d'avoir une alerte, avoir une zone de texte apparaitre récapitulant la date complete ce que je n'ai pas réussi a effectuer. (ex: 10/05/1985)
Si tu peux m'aider une nouvelle fois...
Merci d'avance

<html>

<head>

<title>DATE</title>



<SCRIPT language=javascript>

function trait(frm)
{
actu=new Date();
if((actu.getMonth()+1)>=frm.mois.value)
{
if((actu.getMonth()+1)==this.form.mois.value)
{
if(actu.getDate()>=this.form.jour.value)
{
mois=(actu.getMonth()+1)-this.form.mois.value;
ans=actu.getFullYear()-this.form.annee.value;
}
else
{
mois=(12-this.form.mois.value)+(actu.getMonth()+1);
ans=actu.getFullYear()-this.form.annee.value-1;
}
}
else
{
mois=(actu.getMonth()+1)-this.form.mois.value;
ans=actu.getFullYear()-this.form.annee.value;
}
}
else
{
mois=(12-this.form.mois.value)+(actu.getMonth()+1);
ans=actu.getFullYear()-this.form.annee.value-1;
}
if(actu.getDate()>this.form.jour.value)
{
jours=actu.getDate()-this.form.jour.value;
}
else
{
jours=(30-this.form.jour.value)+(actu.getDate());
}
while(jours>30)
{
jours-=30;
mois+=1;
}
while(mois>12)
{
mois-=12;
ans+=1;
}
if (ans>18)
{
window.alert('Vous êtes majeur, vous pouvez souscrire à ce contrat car vous avez '+ans+' ans.' +
 'Vous etes né le '+frm.jour.value+'/'+frm.mois.value+'/'+frm.annee.value);
 return true;
}
else
{
      window.alert('Vous devez être majeur, vous avez que '+ans+' ans. Vous etes né le '+frm.jour.value+'/'+frm.mois.value+'/'+frm.annee.value);
        return false;
}

}

</SCRIPT>

</head>

<body

<form method="post" action="age.html"
    onsubmit="return(trait(this));">
<p align="center">
<!--- <input name="jour" type="text" value="30">--->
<select name="jour">
<option value="00">JJ</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
&nbsp;
<!--- <input name="mois" type="text" value="12">--->
<select name="mois">
<option value="00">MM</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<input name="annee" type="text" value="AAAA" size="5" maxlength="4">
</p>
<input type="submit" name="envoyer" value="Soumettre">
 

</form>


</body>
</html>

--Vibration--
lundi 2 juin 2008 à 15:39:39 | Re : Récuperer valeurs select dans une zone de texte

bultez

Membre Club
tu n'as pas rectifié tous les this.form !
    if((actu.getMonth()+1)==this.form.mois.value).... et les autres
lors de la mise au point regarde le ch'tit tableau que j' ai mis
    et applique en fonction de tes navigateurs... ça aide !

                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 2 juin 2008 à 15:56:04 | Re : Récuperer valeurs select dans une zone de texte

vibration76000

Encore merci bultez mon 1er probleme est résolu, pour la console d'erreurs RAS je vais donc essayer de créer ma zone de texte aprés validation...
En tt cas un grand merci! c'est pas avec ma tête que j'aurais réussi cela

--Vibration--
lundi 2 juin 2008 à 16:05:50 | Re : Récuperer valeurs select dans une zone de texte

bultez

Membre Club
nickel
>>avoir une zone de texte apparaitre récapitulant la date complete
       comme indiqué... ou presque
       zone_texte.value=select_jour[select_jour.selectedIndex].value+"/"+
                                  select_mois[select_mois.selectedIndex].value+"/"+..... ;
          en remplaçant les choses en italique par ce qui va bien et en complétant...

                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 2 juin 2008 à 16:08:13 | Re : Récuperer valeurs select dans une zone de texte

bultez

Membre Club
et.... ce champ texte va servir à quoi ?
    puisque les valeurs on en dispose déjà, dans les select... non ?

                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 2 juin 2008 à 16:11:55 | Re : Récuperer valeurs select dans une zone de texte

bultez

Membre Club
ch'tiote remarque encore....
    pour calculer la différence entre 2 dates, il suffit de faire une soustraction....
    ( c'est elles sont au format Date() ! quleques infos sur SelfHml ici )

                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 2 juin 2008 à 16:18:15 | Re : Récuperer valeurs select dans une zone de texte

vibration76000

Merci bcp de ton aide
En fait je modifie un formulaire deja existant car la gestion de date de naissance n'était pas bien mise au point.
Et vu que la vérification lors de la validation se faisait dans ce format là, je souhaite garder le meme pour pas modifier tout les fichiers template et autres. Je préfére y accéder par petits pas vu mes compétences et vu ce que l'on me demande de réaliser.
Si cela ne te derange pas j'essayerais de te recontacter en cas d'erreurs de ma part pour la suite car je vais suivre tes conseils qui m'ont l'air le plus simple et bien expliquer.
C'est gentil d'aider des "aprentis" comme moi!!
J'ai également visité ton site, j'ai vu que tu touché pas mal au niveau developpement.^^

--Vibration--

1 2

Cette discussion est classée dans : form, value, mois, actu, ans


Répondre à ce message

Sujets en rapport avec ce message

passage de parametres et appels de formulaires (en fonction des parametres) [ par alonsyl ] bonjour,je cree des formulaires en fonction du resultat d'un reqte sql.s'il y a 3 lignes de resultat, j'obtient quelque chose du type: <INPUT TYPE="te equivalent "select case" pour tester les champs d'un formulaire [ par xzonz ] salut à tous(te) les habitués(ées) de codes sources1)j'aimerais savoir si je peux faire la meme chose avec l'equivalent d'un select ..case enjavascrip Problème sous IE avec document.activeElement [ par ronflex38 ] Salut, J'utilise dans une page la fonction document.activeElement qui, je viens de le découvrir, ne marche pas avec Mozilla. Mais je me suis aussi ap Prebleme de calcul depuis le value d'un forme [ par destiny ] Bonjour,Voila mon probleme, il est simple mais je ne trouve la facon dont le ressoudre!function add_form(name, type) { var baseNum = document.getEleme document.form [ par drjey ] Salut,si:param="1"je voudrais transformer:document.form.category.value = valeur;endocument.form.category1.value = valeur; a l'aide de param que je rec probleme execution des tests [ par gskillzz ] Bonjour,j'ai un script js simple que j'ai programmer moi même, je l'utilise depuis pas mal de temps et j'essay de le faire evoluer. et la je l'ai adap form [ par makito ] Voici une partie de mon code javascript :     var _RateValue = 0     function SaveRate(Value) {             _RateValue = Value;             document.f erreur de script [ par metaleurop ] Bonjour à tous.J'ai ici un script qui DEVRAIT marcher normalement mais malheureusement il m'affiche toujours PERDU!!Moi pas comprendre!!!!!!!!!!!!!!!! erreur : document...Value' a la valeur null ou n'est pas un objet. [ par seb22360 ] Bonjour je réalise un affichage du total des valeurs de  formulaires sur une meme ligne.voici le code:[code] var nombVale=; function majligne() Erreurs de variables [ par piep14 ] Bonjour, je cherche l'erreur dedans mais en vain :Code :<pre class="alt2" style="border: 1px inset ; margin: 0px;


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,655 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales