IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

recuperer le contenu d'un input type="text"


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    478
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2007
    Messages : 478
    Par défaut recuperer le contenu d'un input type="text"
    Bonjour,
    J'utilise une fonction javascript pour afficher une date dans un input.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" value="" readonly name="theDate"><input type="image" src="iconecal.gif"  value="Calendrier" onclick="displayCalendar(document.forms[0].theDate,'dd.mm.yyyy',this);return false">
    maintenant j'aimerais afficher cette date en lettre. J'utilise la fonction ce dessous mais je ne sais pas comment faire pour recuperer la valeur inscrite dans

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" value="" readonly name="theDate">
    Cela est t-il possible

    J'ai ecris cela mais ca ne fonctionne pas

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <script language="javascript">
    <!--
     
    today=document.getElementsByTagName("theDate");
    var mois=new Array('Janvier', 'Fevrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre');
    var jour=new Array('Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi');
    document.write(jour[today.getDay()]+' '+today.getDate()+' '+mois[today.getMonth()]+' '+today.getYear())
    //-->
    document.write(today);
    </script>
    Merci de votre aide

  2. #2
    Modérateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Technicien Informatique/Webmaster
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par défaut
    Et avec :

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    today = document.getElementsByTagName("theDate").value;
    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    today=document.getElementsByTagName("theDate");
    Tu n'as pas de balise <theDate> dans ton HTML, donc c'est sûr, tu ne récupèreras rien avec getElementsByTagName

    Ensuite, comme précisé par Kortex, c'est le value dont tu as besoin :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    today=document.getElementsByName("theDate").value;
    ceci dit, comme l'indique le "s" de elements, ces méthodes renvoient une collection, il faut donc préciser le rang :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    today=document.getElementsByName("theDate")[0].value;
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre éclairé Avatar de Billy KiT
    Inscrit en
    Mars 2011
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Mars 2011
    Messages : 66
    Par défaut
    Salut,
    on peut aussi écrire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    today = document.forms[0].theDate.value;
    En français, la valeur du champ theDate du premier formulaire du document.

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    478
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2007
    Messages : 478
    Par défaut
    Non rien ne s'affiche avec document.write(today).

    Je vous ecrit la fonction qui affiche la date dans l'input. Par contre lorsque la date s'inscrit, la page n'est pas recharge. S'agit-il de l'ajax? (j'ai recupere cette fonction sur un forum)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    function displayCalendar(inputField,format,buttonObj,displayTime,timeInput)
    {
    	if(displayTime)calendarDisplayTime=true; else calendarDisplayTime = false;
     
    	if(inputField.value.length>6){ //dates must have at least 6 digits...
           if(!inputField.value.match(/^[0-9]*?$/gi)){
     
    			var items = inputField.value.split(/[^0-9]/gi);
    			var positionArray = new Object();
    			positionArray.m = format.indexOf('mm');
    			if(positionArray.m==-1)positionArray.m = format.indexOf('m');
    			positionArray.d = format.indexOf('dd');
    			if(positionArray.d==-1)positionArray.d = format.indexOf('d');
    			positionArray.y = format.indexOf('yyyy');
    			positionArray.h = format.indexOf('hh');
    			positionArray.i = format.indexOf('ii');
     
    			this.initialHour = '00';
    			this.initialMinute = '00';				
    			var elements = ['y','m','d','h','i'];
    			var properties = ['currentYear','currentMonth','inputDay','currentHour','currentMinute'];
    			var propertyLength = [4,2,2,2,2];
    			for(var i=0;i<elements.length;i++) {
    				if(positionArray[elements[i]]>=0) {
    					window[properties[i]] = inputField.value.substr(positionArray[elements[i]],propertyLength[i])/1;
    				}					
    			}			
    			currentMonth--;
    		}else{
    			var monthPos = format.indexOf('mm');
    			currentMonth = inputField.value.substr(monthPos,2)/1 -1;
    			var yearPos = format.indexOf('yyyy');
    			currentYear = inputField.value.substr(yearPos,4);
    			var dayPos = format.indexOf('dd');
    			tmpDay = inputField.value.substr(dayPos,2);
     
    			var hourPos = format.indexOf('hh');
    			if(hourPos>=0){
    				tmpHour = inputField.value.substr(hourPos,2);
    				currentHour = tmpHour;
    				if(currentHour.length==1) currentHour = '0'
    			}else{
    				currentHour = '00';
    			}
    			var minutePos = format.indexOf('ii');
    			if(minutePos>=0){
    				tmpMinute = inputField.value.substr(minutePos,2);
    				currentMinute = tmpMinute;
    			}else{
    				currentMinute = '00';
    			}
    		}
    	}else{
    		var d = new Date();
    		currentMonth = d.getMonth();
    		currentYear = d.getFullYear();
    		currentHour = '08';
    		currentMinute = '00';
    		inputDay = d.getDate()/1;
    	}
     
    	inputYear = currentYear;
    	inputMonth = currentMonth;
     
     
    	if(!calendarDiv){
    		initCalendar();
    	}else{
    		if(calendarDiv.style.display=='block'){
    			closeCalendar();
    			return false;
    		}
    		writeCalendarContent();
    	}
     
     
     
    	returnFormat = format;
    	returnDateTo = inputField;
    	positionCalendar(buttonObj);
    	calendarDiv.style.visibility = 'visible';
    	calendarDiv.style.display = 'block';
    	if(iframeObj){
    		iframeObj.style.display = '';
    		iframeObj.style.height = '140px';
    		iframeObj.style.width = '195px';
    				iframeObj2.style.display = '';
    		iframeObj2.style.height = '140px';
    		iframeObj2.style.width = '195px';
    	}
     
    	setTimeProperties();
    	updateYearDiv();
    	updateMonthDiv();
    	updateMinuteDiv();
    	updateHourDiv();
     
    }
    Merci

Discussions similaires

  1. recupere la valeur d'un <input type="text">
    Par AmineDev9 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 03/05/2008, 15h01
  2. Réponses: 5
    Dernier message: 30/03/2007, 18h26
  3. Recuperer le contenu d'un input en VC++
    Par amedeous dans le forum MFC
    Réponses: 6
    Dernier message: 16/06/2006, 14h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo