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

Version imprimable

Bonjour,
J'utilise une fonction javascript pour afficher une date dans un input.

Code:

<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:

<input type="text" value="" readonly name="theDate">

Cela est t-il possible

J'ai ecris cela mais ca ne fonctionne pas
Code:

1 2 3 4 5 6 7 8 9 10 <script language="javascript">  document.write(today); </script>
Merci de votre aide

13/04/2011, 08h12
kOrt3x

Et avec :

Code:

today = document.getElementsByTagName("theDate").value;
13/04/2011, 08h29
Bovino

Code:

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 :aie:

Ensuite, comme précisé par Kortex, c'est le value dont tu as besoin :

Code:

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:

today=document.getElementsByName("theDate")[0].value;
13/04/2011, 08h42
Billy KiT

Salut,
on peut aussi écrire :

Code:

today = document.forms[0].theDate.value;

En français, la valeur du champ theDate du premier formulaire du document.

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:

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