Date_2 always higher Date_1 in the selectIndex

**acoder** · Apr 26 '08, 05:34 PM

You're setting document.locati on. This is deprecated in favour of window.location .href.

Do you want to make the check onchange? You'll have to call a function to make the check before you change the URL unless you're planning to make the check on the server-side.

To make sure Date_2 is always higher than Date1 , make two Date objects, set the dates using the setFullYear method and then make a simple comparison:
[code=javascript]if (date1 > date2) //alert...[/code]
Date Object reference

**Mike1961** · Apr 26 '08, 05:49 PM

Hi acoder.

thanks for your reply, but i dont understand your suggestion :

[php]

<html>

<head>

<SCRIPT LANGUAGE=Javasc ript>

var date_1, date_2;

if ( date_1 > date_2 )
alert( 'Stop !.' );

</SCRIPT>

</head>

<body>

<select size="1" name="date_1" onChange="windo w.location.href ='Tot.asp?date_ 2=24/04/2008&date_1='+t his.options[this.selectedIn dex].value;">
<option>selec t</option>
<option value="11/03/2008">11/03/2008</option>
<option value="12/03/2008">12/03/2008</option>
<option value="13/03/2008">13/03/2008</option>
<option value="14/03/2008">14/03/2008</option>
<option value="17/03/2008">17/03/2008</option>

</select>

<select size="1" name="date_2" onChange="windo w.location.href ='Tot.asp?date_ 1=24/04/2008&date_2='+t his.options[this.selectedIn dex].value;">
<option>selec t</option>
<option value="11/03/2008">11/03/2008</option>
<option value="12/03/2008">12/03/2008</option>
<option value="13/03/2008">13/03/2008</option>
<option value="14/03/2008">14/03/2008</option>
<option value="17/03/2008">17/03/2008</option>
</select>

</body>

</html>

[/php]

Not working... can you tell me where the point when I was wrong ?

**acoder** · Apr 26 '08, 06:20 PM

No, it doesn't work like that.

Put the code into a function and call it, e.g.
[code=javascript]function dateValidate() {
// code goes here
}[/code]

See how to use the Date object here.

When do you want to call this code? When you press the submit button?

**Mike1961** · Apr 26 '08, 06:24 PM

Originally posted by acoder

No, it doesn't work like that.

Put the code into a function and call it, e.g.
[code=javascript]function dateValidate() {
// code goes here
}[/code]

See how to use the Date object here.

When do you want to call this code? When you press the submit button?

OK, but this page is not a form...nothing submit button, only onchange event...

**acoder** · Apr 26 '08, 06:26 PM

Originally posted by Mike1961

OK, but this page is not a form...nothing submit button, only onchange event...

So call the function in the onchange event handler. It might be a good idea to move the location.href into the function too. If it validates, send the user off to the next page. If it doesn't, alert the error.

**Mike1961** · Apr 26 '08, 06:31 PM

One example, please acoder... I am newbie...

**acoder** · Apr 27 '08, 10:00 AM

OK, have a look at this example:
[code=javascript]<script type="text/javascript">
function validateDate() {
var date1, date2, date_1, date_2;
// get date1 value
date1 = document.getEle mentById("date1 ").value;
// split the values to get the date/month/year
date1 = date1.split("/");
//create new date object
date_1 = new Date();
// set the date - see ref
date_1.setFullY ear(date1[2],date1[1]-1,date1[0]);
// ...
// repeat for date2...
//...
// now compare
if ( date_1 > date_2 ) {
alert( 'Stop !.' );
else {
window.location .href = 'Tot.asp?date_1 =' + encodeURICompon ent(date1.join( "/")) + '&date_2=' + encodeURICompon ent(date2.join( "/"));
}
}
[/code]For the select elements, add ids and change the onchange to call the function:[code=html]<select id="date1" size="1" name="date_1" onchange="valid ateDate()">[/code]

**Mike1961** · Apr 27 '08, 06:29 PM

Thanks x your reply, but not working... the link:

http://www11.asphost4free.com/Miguel61/

**acoder** · Apr 28 '08, 09:15 AM

You'll also have to add a check that the date1 and date2 values are not empty (the first option Seleziona) :
[code=javascript]if (date1.value == "") return;[/code]Add a value attribute for the first option:
[code=html]<select ...>
<option value="">Selezi ona</option>[/code]

**Mike1961** · Apr 28 '08, 11:18 AM

Originally posted by acoder

You'll also have to add a check that the date1 and date2 values are not empty (the first option Seleziona) :
[code=javascript]if (date1.value == "") return;[/code]Add a value attribute for the first option:
[code=html]<select ...>
<option value="">Selezi ona</option>[/code]

Sorry... I can not... :

[php]
code:<HTML>
<HEAD>
<TITLE>2007</TITLE>

<script type="text/javascript">

function validateDate()

{
var date1, date2, date_1, date_2;
// get date1 value
date1 = document.getEle mentById("date1 ").value;
// split the values to get the date/month/year
date1 = date1.split("/");
//create new date object
date_1 = new Date();
// set the date - see ref
date_1.setFullY ear(date1[2],date1[1]-1,date1[0]);

// repeat for date2...
// get date2 value
date2 = document.getEle mentById("date2 ").value;
// split the values to get the date/month/year
date2 = date2.split("/");
//create new date object
date_2 = new Date();
// set the date - see ref
date_2.setFullY ear(date2[2],date2[1]-1,date2[0]);

//...
// now compare

if (date1.value == "") return;

if ( date_1 > date_2 )

{
alert ("Stop");
}

else

{
window.location .href = 'index.htm?date _1=' + encodeURICompon ent(date1.join( "/")) + '&date_2=' + encodeURICompon ent(date2.join( "/"));

}
}

</script>
</HEAD>
<BODY>

<select id="date1" name="date_1" onchange="valid ateDate()">
<option value="">Selezi ona</option>
<option value="19/07/2007">19/08/2007</option>
<option value="19/08/2007">19/09/2007</option>
<option value="19/09/2007">19/10/2007</option>
</select>

<select id="date2" name="date_2" onchange="valid ateDate()">
<option value="">Selezi ona</option>
<option value="29/07/2007">29/05/2007</option>
<option value="29/08/2007">29/06/2007</option>
<option value="29/09/2007">29/07/2007</option>
</select>

</BODY>
</HTML>

[/php]

**acoder** · Apr 28 '08, 11:58 AM

You didn't add the JavaScript:[code=javascript] // get date1 value
date1 = document.getEle mentById("date1 ").value;
if (date1 == "") return;
[/code]

**Mike1961** · Apr 28 '08, 01:28 PM

Originally posted by acoder

You didn't add the JavaScript:[code=javascript] // get date1 value
date1 = document.getEle mentById("date1 ").value;
if (date1 == "") return;
[/code]

thanks, but:

Object doesn't support this property or method

in the line:

[php]
window.location .href = 'index.htm?date _1=' + encodeURICompon ent date1.join("/")) + '&date_2=' + encodeURICompon ent(date2.join( "/"));
[/php]

**acoder** · Apr 28 '08, 02:51 PM

The opening bracket went missing:[code=javascript]window.location .href = 'index.htm?date _1=' + encodeURICompon ent(date1.join( "/")) + '&date_2=' + encodeURICompon ent(date2.join( "/"));
[/code]

**Mike1961** · Apr 28 '08, 02:56 PM

No... the same error...

[php]
code:<HTML>
<HEAD>
<TITLE>2007</TITLE>

<script type="text/javascript">

function validateDate()

{
var date1, date2, date_1, date_2;
// get date1 value
date1 = document.getEle mentById("date1 ").value;
// split the values to get the date/month/year
date1 = date1.split("/");
//create new date object
date_1 = new Date();
// set the date - see ref
date_1.setFullY ear(date1[2],date1[1]-1,date1[0]);

// repeat for date2...
// get date2 value
date2 = document.getEle mentById("date2 ").value;
// split the values to get the date/month/year
date2 = date2.split("/");
//create new date object
date_2 = new Date();
// set the date - see ref
date_2.setFullY ear(date2[2],date2[1]-1,date2[0]);

//...
// now compare

date1 = document.getEle mentById("date1 ").value;
if (date1.value == "") return;

if ( date_1 > date_2 )

{
alert ("Stop");
}

else

{
//window.location .href = 'index.htm?date _1=' + encodeURICompon ent(date1.join( "/")) + '&date_2=' + encodeURICompon ent(date2.join( "/"));
window.location .href = 'index.htm?date _1=' + encodeURICompon ent(date1.join( "/")) + '&date_2=' + encodeURICompon ent(date2.join( "/"));

}
}

</script>
</HEAD>
<BODY>

<select id="date1" name="date_1" onchange="valid ateDate()">
<option value="">Selezi ona</option>
<option value="19/07/2007">19/08/2007</option>
<option value="19/08/2007">19/09/2007</option>
<option value="19/09/2007">19/10/2007</option>
</select>

<select id="date2" name="date_2" onchange="valid ateDate()">
<option value="">Selezi ona</option>
<option value="29/07/2007">29/05/2007</option>
<option value="29/08/2007">29/06/2007</option>
<option value="29/09/2007">29/07/2007</option>
</select>

</BODY>
</HTML>

[/php]

Date_2 always higher Date_1 in the selectIndex

Date_2 always higher Date_1 in the selectIndex

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment