Learn VBA & Macros in 1 Week!

JavaScript - Date Entry Validation Gets Stuck

Full Excel VBA Course - Beginner to Expert

Date Entry Validation Gets Stuck	View Content

I'm a fairly new ColdFusion developer and a true Javascript newbie, so gentleness please!

I have a CF application that accepts two dates. The first date - Out Date - is required. The second date - Return Date - is optional, but if populated, must be equal to or greater than the Out Date. Here's the screen & code:

<script type="text/javascript">
function compareDate()
{ if(document.editleave.temp_ret_date.value != "01/01/0001")
if(document.editleave.temp_ret_date.value < document.editleave.temp_out_date.value)
alert("Scheduled Through Date cannot be earlier than the Scheduled Out Date!");
setFormFocus(document.editleave.temp_ret_date);
}
</script>

<cfinput type="datefield"
name="temp_out_date"
id="temp_out_date"
value="#DateFormat(Now(), 'mm/dd/yyyy')#"
validate="date"
ValidateAt="onBlur,onSubmit"
message="Please enter a valid date in MM/DD/CCYY format."
size="6"
maxlength="10">

<cfinput type="datefield"
name="temp_ret_date"
id="temp_ret_date"
value="01/01/0001"
ValidateAt="onBlur,onSubmit"
message="Please enter a valid date in MM/DD/CCYY format."
onBlur="compareDate();"
size="6"
maxlength="10">

Everything works fine....EXCEPT...if the Return Date is invalid, I cannot click on the calendar box to select a date (or open another browser session). Basically, IE is locked up until the user manually types in a valid date.

This ain't good.

I want to be able to trap the error, just like I have, but I still want the calendar selection box to be usable.

Is it possible to "reset" the error condition after the intial warning to only trigger on the onSubmit parameter?

Full Excel VBA Course - Beginner to Expert

Similar Tutorials

Date Validation

Date Validation

Date Validation

Date Validation

Date Validation Issues

Start/end Date Validation

Date Validation Question.

Date Picker Validation

Start/end Date Validation

Validation If Start Date Is Later Than Today

Stuck! Please Help!

Can Someone Please Help? I Am So Stuck!

Need Help With Stuck Menus

I Have A Stuck Loop And Don't Know What To Do :p

I'm New To Web Design And This Has Me Stuck!

Have Text Field Validation Need To Add Checkbox Validation

Stuck On This Checkbox Code

Why My Browser Stuck Of This Script?

Changing Div Onclick - Stuck

Learn VBA & Macros for Excel in 1 Week!

Date Validation

Similar Tutorials

HI Guys,

Could someone help me out;

i am checking if return_date is greater than the departure_date. Somehow the date is checking on mm/dd/yyyy format while my form is capturing date on dd/mm/yyyy format.

Can someone point out where i can actually change this format. I would like to stick to dd/mm/yyyy format. Here is my code:-

<script language="javascript" type="text/javascript">
function doDateCheck()
{
var depart=new Date(document.getElementById('DPC_date1').value);
var return=new Date(document.getElementById('DPC_date2').value);
if(eval(return.getTime() )<eval(depart.getTime()))
{
alert("Return date must be greater then departure date.");
return false;
}
return true;
}
</script>

Date Validation

Similar Tutorials

hi there all, i am working on an application built using JSP, and many screens in the application have date fields that use a calendar.js file to show and pick the date.
the requirement is to set a validation where the user cannot enter a date bigger than the current date, fair enough, but my problem is that i am a newb and this whole application is built by ppl that don't work for my company no more so im stuck with it, below is the calendar.js file maybe u guys could help me on where should i put the validation.

thanks in advance

Code:

var weekend = [4,5];
var weekendColor = "#EAF4D6";
var fontface = "Verdana";
var fontsize = 1;
var TYPE = 1; // 1 for arabic and 2 for hirji

var gNow = new Date();
var ggWinCal;
isNav = (navigator.appName.indexOf("Netscape") != -1) ? true : false;
isIE = (navigator.appName.indexOf("Microsoft") != -1) ? true : false;

Calendar.Months = ["�����", "������", "����", "�����", "����", "�����",
"�����", "�����", "������", "�������", "�����", "������"];

// Non-Leap year Month days..
Calendar.DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Leap year Month days..
Calendar.lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

function Calendar(p_item, p_WinCal, p_month, p_year, p_format) {
	if ((p_month == null) && (p_year == null))	return;

	if (p_WinCal == null)
		this.gWinCal = ggWinCal;
	else
		this.gWinCal = p_WinCal;
	
	if (p_month == null) {
		this.gMonthName = null;
		this.gMonth = null;
		this.gYearly = true;
	} else {
		this.gMonthName = Calendar.get_month(p_month);
		this.gMonth = new Number(p_month);
		this.gYearly = false;
	}

	this.gYear = p_year;
	this.gFormat = p_format;
	this.gBGColor = "white";
	this.gFGColor = "black";
	this.gTextColor = "black";
	this.gHeaderColor = "black";
	this.gReturnItem = p_item;
}

Calendar.get_month = Calendar_get_month;
Calendar.get_daysofmonth = Calendar_get_daysofmonth;
Calendar.calc_month_year = Calendar_calc_month_year;
Calendar.print = Calendar_print;

function Calendar_get_month(monthNo) {
	return Calendar.Months[monthNo];
}

function Calendar_get_daysofmonth(monthNo, p_year) {
	/* 
	Check for leap year ..
	1.Years evenly divisible by four are normally leap years, except for... 
	2.Years also evenly divisible by 100 are not leap years, except for... 
	3.Years also evenly divisible by 400 are leap years. 
	*/
	if ((p_year % 4) == 0) {
		if ((p_year % 100) == 0 && (p_year % 400) != 0)
			return Calendar.DOMonth[monthNo];
	
		return Calendar.lDOMonth[monthNo];
	} else
		return Calendar.DOMonth[monthNo];
}

function Calendar_calc_month_year(p_Month, p_Year, incr) {
	/* 
	Will return an 1-D array with 1st element being the calculated month 
	and second being the calculated year 
	after applying the month increment/decrement as specified by 'incr' parameter.
	'incr' will normally have 1/-1 to navigate thru the months.
	*/
	var ret_arr = new Array();
	
	if (incr == -1) {
		// B A C K W A R D
		if (p_Month == 0) {
			ret_arr[0] = 11;
			ret_arr[1] = parseInt(p_Year) - 1;
		}
		else {
			ret_arr[0] = parseInt(p_Month) - 1;
			ret_arr[1] = parseInt(p_Year);
		}
	} else if (incr == 1) {
		// F O R W A R D
		if (p_Month == 11) {
			ret_arr[0] = 0;
			ret_arr[1] = parseInt(p_Year) + 1;
		}
		else {
			ret_arr[0] = parseInt(p_Month) + 1;
			ret_arr[1] = parseInt(p_Year);
		}
	}
	
	return ret_arr;
}

function Calendar_print() {
	ggWinCal.print();
}

function Calendar_calc_month_year(p_Month, p_Year, incr) {
	/* 
	Will return an 1-D array with 1st element being the calculated month 
	and second being the calculated year 
	after applying the month increment/decrement as specified by 'incr' parameter.
	'incr' will normally have 1/-1 to navigate thru the months.
	*/
	var ret_arr = new Array();
	
	if (incr == -1) {
		// B A C K W A R D
		if (p_Month == 0) {
			ret_arr[0] = 11;
			ret_arr[1] = parseInt(p_Year) - 1;
		}
		else {
			ret_arr[0] = parseInt(p_Month) - 1;
			ret_arr[1] = parseInt(p_Year);
		}
	} else if (incr == 1) {
		// F O R W A R D
		if (p_Month == 11) {
			ret_arr[0] = 0;
			ret_arr[1] = parseInt(p_Year) + 1;
		}
		else {
			ret_arr[0] = parseInt(p_Month) + 1;
			ret_arr[1] = parseInt(p_Year);
		}
	}
	
	return ret_arr;
}

// This is for compatibility with Navigator 3, we have to create and discard one object before the prototype object exists.
new Calendar();

Calendar.prototype.getMonthlyCalendarCode = function() {
	var vCode = "";
	var vHeader_Code = "";
	var vData_Code = "";
	
	// Begin Table Drawing code here..
	vCode = vCode + "<TABLE BORDER=1 WIDTH='100%' BGCOLOR=\"" + this.gBGColor + "\">";
	
	vHeader_Code = this.cal_header();
	vData_Code = this.cal_data();
	vCode = vCode + vHeader_Code + vData_Code;
	
	vCode = vCode + "</TABLE>";
	
	return vCode;
}

Calendar.prototype.show = function() {
	var vCode = "";
	
	this.gWinCal.document.open();

	// Setup the page...
	this.wwrite("<html>");
	this.wwrite("<head><title>������� ��������</title>");
	this.wwrite("</head>");

	this.wwrite("<body dir=\"rtl\"" + 
		"link=\"" + this.gLinkColor + "\" " + 
		"vlink=\"" + this.gLinkColor + "\" " +
		"alink=\"" + this.gLinkColor + "\" " +
		"text=\"" + this.gTextColor + "\">");
	this.wwriteA("<FONT FACE='" + fontface + "' SIZE=1 COLOR='#914848'><B>");
	this.wwriteA(this.gMonthName + " " + this.gYear);
	this.wwriteA("</B><BR>");

	// Show navigation buttons
	var prevMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, -1);
	var prevMM = prevMMYYYY[0];
	var prevYYYY = prevMMYYYY[1];

	var nextMMYYYY = Calendar.calc_month_year(this.gMonth, this.gYear, 1);
	var nextMM = nextMMYYYY[0];
	var nextYYYY = nextMMYYYY[1];
	
	this.wwrite("<TABLE width='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#EAF4D6'><TR><TD BGCOLOR='#EAF4D6' ALIGN=center><FONT FACE='Verdana' SIZE='1'>");
	this.wwrite("[<A HREF=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)-1) + "', '" + this.gFormat + "'" +
		");" +
		"\"><<<\/A>]</B></FONT></TD><TD BGCOLOR='#EAF4D6' ALIGN=center><FONT FACE='Verdana' SIZE='1'>");
	this.wwrite("[<A HREF=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', '" + prevMM + "', '" + prevYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\"><<\/A>]</FONT></TD><TD BGCOLOR='#EAF4D6' ALIGN=center><FONT FACE='Verdana' SIZE='1'>");
	this.wwrite("[<A HREF=\"javascript:window.print();\">Print</A>]</FONT></TD><TD BGCOLOR='#EAF4D6' ALIGN=center><FONT FACE='Verdana' SIZE='1'>");
	this.wwrite("[<A HREF=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', '" + nextMM + "', '" + nextYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\">><\/A>]</FONT></TD><TD BGCOLOR='#EAF4D6' ALIGN=center><FONT FACE='Verdana' SIZE='1'>");
	this.wwrite("[<A HREF=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', '" + this.gMonth + "', '" + (parseInt(this.gYear)+1) + "', '" + this.gFormat + "'" +
		");" +
		"\">>><\/A>]</FONT></TD></TR></TABLE><BR>");

	// Get the complete calendar code for the month..
	vCode = this.getMonthlyCalendarCode();
	this.wwrite(vCode);

	this.wwrite("</font></body></html>");
	this.gWinCal.document.close();
}

Calendar.prototype.showY = function() {
	var vCode = "";
	var i;
	var vr, vc, vx, vy;		// Row, Column, X-coord, Y-coord
	var vxf = 285;			// X-Factor
	var vyf = 200;			// Y-Factor
	var vxm = 10;			// X-margin
	var vym;				// Y-margin
	if (isIE)	vym = 75;
	else if (isNav)	vym = 25;
	
	this.gWinCal.document.open();

	this.wwrite("<html>");
	this.wwrite("<head><title>������� ��������</title>");
	this.wwrite("<style type='text/css'>\n<!--");
	for (i=0; i<12; i++) {
		vc = i % 3;
		if (i>=0 && i<= 2)	vr = 0;
		if (i>=3 && i<= 5)	vr = 1;
		if (i>=6 && i<= 8)	vr = 2;
		if (i>=9 && i<= 11)	vr = 3;
		
		vx = parseInt(vxf * vc) + vxm;
		vy = parseInt(vyf * vr) + vym;

		this.wwrite(".lclass" + i + " {position:absolute;top:" + vy + ";left:" + vx + ";}");
	}
	this.wwrite("-->\n</style>");
	this.wwrite("</head>");

	this.wwrite("<body " + 
		"link=\"" + this.gLinkColor + "\" " + 
		"vlink=\"" + this.gLinkColor + "\" " +
		"alink=\"" + this.gLinkColor + "\" " +
		"text=\"" + this.gTextColor + "\">");
	this.wwrite("<FONT FACE='" + fontface + "' SIZE=2><B>");
	this.wwrite("Year : " + this.gYear);
	this.wwrite("</B><BR>");

	// Show navigation buttons
	var prevYYYY = parseInt(this.gYear) - 1;
	var nextYYYY = parseInt(this.gYear) + 1;         //Here
	
	this.wwrite("<TABLE width='100%' BORDER=1 CELLSPACING=0 CELLPADDING=0 BGCOLOR='#B6DADA'><TR BGCOLOR='#B6DADA'><TD BGCOLOR='#B6DADA' ALIGN=center>");
	this.wwrite("[<A HREF=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', null, '" + prevYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\" alt='Prev Year'><<<\/A>]</TD><TD ALIGN=center>");
	this.wwrite("[<A HREF=\"javascript:window.print();\">Print</A>]</TD><TD ALIGN=center>");
	this.wwrite("[<A HREF=\"" +
		"javascript:window.opener.Build(" + 
		"'" + this.gReturnItem + "', null, '" + nextYYYY + "', '" + this.gFormat + "'" +
		");" +
		"\">>><\/A>]</TD></TR></TABLE><BR>");

	// Get the complete calendar code for each month..
	var j;
	for (i=11; i>=0; i--) {
		if (isIE)
			this.wwrite("<DIV ID=\"layer" + i + "\" CLASS=\"lclass" + i + "\">");
		else if (isNav)
			this.wwrite("<LAYER ID=\"layer" + i + "\" CLASS=\"lclass" + i + "\">");

		this.gMonth = i;
		this.gMonthName = Calendar.get_month(this.gMonth);
		vCode = this.getMonthlyCalendarCode();
		this.wwrite(this.gMonthName + "/" + this.gYear + "<BR>");
		this.wwrite(vCode);

		if (isIE)
			this.wwrite("</DIV>");
		else if (isNav)
			this.wwrite("</LAYER>");
	}

	this.wwrite("</font><BR></body></html>");
	this.gWinCal.document.close();
}

Calendar.prototype.wwrite = function(wtext) {
	this.gWinCal.document.writeln(wtext);
}

Calendar.prototype.wwriteA = function(wtext) {
	this.gWinCal.document.write(wtext);
}

Calendar.prototype.cal_header = function() {
	var vCode = "";
	
	vCode = vCode + "<TR>";
	vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='1' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>���</B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='1' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>�����</B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='1' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>������</B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='1' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>������</B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='1' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>����</B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='1' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>����</B></FONT></TD>";
	vCode = vCode + "<TD WIDTH='14%'><FONT SIZE='1' FACE='" + fontface + "' COLOR='" + this.gHeaderColor + "'><B>���</B></FONT></TD>";
	vCode = vCode + "</TR>";
	
	return vCode;
}

Calendar.prototype.cal_data = function() {
	var vDate = new Date();
	vDate.setDate(1);
	vDate.setMonth(this.gMonth);
	vDate.setFullYear(this.gYear);

	var vFirstDay=vDate.getDay();
	var vDay=1;
	var vLastDay=Calendar.get_daysofmonth(this.gMonth, this.gYear);
	var vOnLastDay=0;
	var vCode = "";

	/*
	Get day for the 1st of the requested month/year..
	Place as many blank cells before the 1st day of the month as necessary. 
	*/

	vCode = vCode + "<TR>";
	for (i=0; i<vFirstDay; i++) {
		vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(i) + "><FONT SIZE='1' FACE='" + fontface + "'> </FONT></TD>";
	}

	// Write rest of the 1st week
	for (j=vFirstDay; j<7; j++) {
		vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='1' FACE='" + fontface + "'>" + 
			"<A HREF='#' " + 
				"onClick=\"self.opener.document." + this.gReturnItem + ".value='" + 
				this.format_data(vDay) + 
				"';window.close();\">" + 
				this.format_day(vDay) + 
			"</A>" + 
			"</FONT></TD>";
		vDay=vDay + 1;
	}
	vCode = vCode + "</TR>";

	// Write the rest of the weeks
	for (k=2; k<7; k++) {
		vCode = vCode + "<TR>";

		for (j=0; j<7; j++) {
			vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j) + "><FONT SIZE='1' FACE='" + fontface + "'>" + 
				"<A HREF='#' " + 
					"onClick=\"self.opener.document." + this.gReturnItem + ".value='" + 
					this.format_data(vDay) + 
					"';window.close();\">" + 
				this.format_day(vDay) + 
				"</A>" + 
				"</FONT></TD>";
			vDay=vDay + 1;

			if (vDay > vLastDay) {
				vOnLastDay = 1;
				break;
			}
		}

		if (j == 6)
			vCode = vCode + "</TR>";
		if (vOnLastDay == 1)
			break;
	}
	
	// Fill up the rest of last week with proper blanks, so that we get proper square blocks
	for (m=1; m<(7-j); m++) {
		if (this.gYearly)
			vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) + 
			"><FONT SIZE='1' FACE='" + fontface + "' COLOR='gray'> </FONT></TD>";
		else
			vCode = vCode + "<TD WIDTH='14%'" + this.write_weekend_string(j+m) + 
			"><FONT SIZE='1' FACE='" + fontface + "' COLOR='gray'>" + m + "</FONT></TD>";
	}
	
	return vCode;
}

Calendar.prototype.format_day = function(vday) {
	var vNowDay = gNow.getDate();
	var vNowMonth = gNow.getMonth();
	var vNowYear = gNow.getFullYear();
	var oDay = (vday.toString().length < 2) ? "0" + vday : vday;
	var oMon = parseInt(this.gMonth)+1;
	oMon = (oMon.toString().length < 2) ? "0" + oMon : oMon;
	var oDate = oDay+"/"+oMon+"/"+this.gYear;

//	if (TYPE ==1)
//	{
			if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
				return ("<FONT FACE=\"verdana\" SIZE=\"1\" COLOR=\"#914848\"><B>" + vday + "</B></FONT>");
			else
				return (vday);

/*	} else 
	{
			if (vday == vNowDay && this.gMonth == vNowMonth && this.gYear == vNowYear)
				return ("<FONT FACE=\"verdana\" SIZE=\"1\" COLOR=\"#914848\"><B>" + convDay(oDate) + "</B></FONT>");
			else
				return (convDay(oDate));
	}
*/

}

Calendar.prototype.write_weekend_string = function(vday) {
	var i;

	// Return special formatting for the weekend day.
	for (i=0; i<weekend.length; i++) {
		if (vday == weekend[i])
			return (" BGCOLOR=\"" + weekendColor + "\"");
	}
	
	return "";
}

Calendar.prototype.format_data = function(p_day) {
	var vData;
	var vMonth = 1 + this.gMonth;
	vMonth = (vMonth.toString().length < 2) ? "0" + vMonth : vMonth;
	var vMon = Calendar.get_month(this.gMonth).substr(0,3).toUpperCase();
	var vFMon = Calendar.get_month(this.gMonth).toUpperCase();
	var vY4 = new String(this.gYear);
	var vY2 = new String(this.gYear.substr(2,2));
	var vDD = (p_day.toString().length < 2) ? "0" + p_day : p_day;

	switch (this.gFormat) {
		case "MM\/DD\/YYYY" :
			vData = vMonth + "\/" + vDD + "\/" + vY4;
			break;
		case "MM\/DD\/YY" :
			vData = vMonth + "\/" + vDD + "\/" + vY2;
			break;
		case "MM-DD-YYYY" :
			vData = vMonth + "-" + vDD + "-" + vY4;
			break;
		case "MM-DD-YY" :
			vData = vMonth + "-" + vDD + "-" + vY2;
			break;

		case "DD\/MON\/YYYY" :
			vData = vDD + "\/" + vMon + "\/" + vY4;
			break;
		case "DD\/MON\/YY" :
			vData = vDD + "\/" + vMon + "\/" + vY2;
			break;
		case "DD-MON-YYYY" :
			vData = vDD + "-" + vMon + "-" + vY4;
			break;
		case "DD-MON-YY" :
			vData = vDD + "-" + vMon + "-" + vY2;
			break;

		case "DD\/MONTH\/YYYY" :
			vData = vDD + "\/" + vFMon + "\/" + vY4;
			break;
		case "DD\/MONTH\/YY" :
			vData = vDD + "\/" + vFMon + "\/" + vY2;
			break;
		case "DD-MONTH-YYYY" :
			vData = vDD + "-" + vFMon + "-" + vY4;
			break;
		case "DD-MONTH-YY" :
			vData = vDD + "-" + vFMon + "-" + vY2;
			break;

		case "DD\/MM\/YYYY" :
			vData = vDD + "\/" + vMonth + "\/" + vY4;
			break;
		case "DD\/MM\/YY" :
			vData = vDD + "\/" + vMonth + "\/" + vY2;
			break;
		case "DD-MM-YYYY" :
			vData = vDD + "-" + vMonth + "-" + vY4;
			break;
		case "DD-MM-YY" :
			vData = vDD + "-" + vMonth + "-" + vY2;
			break;

		default :
			vData = vDD + "\/" + vMonth + "\/" + vY4;
	}
	
	if (TYPE == 2)
	{
		vData = convDate(vData);
		
	}
	return vData;
}

function Build(p_item, p_month, p_year, p_format,type) {
	var p_WinCal = ggWinCal;
	gCal = new Calendar(p_item, p_WinCal, p_month, p_year, p_format,type);

	// Customize your Calendar here..
	gCal.gBGColor="white";
	gCal.gLinkColor="#27570E";
	gCal.gTextColor="#27570E";
	gCal.gHeaderColor="#27570E";

	// Choose appropriate show function
	if (gCal.gYearly)	gCal.showY();
	else	gCal.show();
}

function show_calendar() {
	/* 
		p_month : 0-11 for Jan-Dec; 12 for All Months.
		p_year	: 4-digit year
		p_format: Date format (mm/dd/yyyy, dd/mm/yy, ...)
		p_item	: Return Item.
	*/

	p_item = arguments[0];
	if (arguments[1] == null)
		p_month = new String(gNow.getMonth());
	else
		p_month = arguments[1];
	if (arguments[2] == "" || arguments[2] == null)
		p_year = new String(gNow.getFullYear().toString());
	else
		p_year = arguments[2];
	if (arguments[3] == null)
		p_format = "DD/MM/YYYY";
	else
		p_format = arguments[3];
	TYPE = arguments[4];
	vWinCal = window.open("", "Calendar", 
		"width=232,height=190,status=no,resizable=no,top=200,left=200");
	vWinCal.opener = self;
	ggWinCal = vWinCal;

	Build(p_item, p_month, p_year, p_format);
	

}
/*
Yearly Calendar Code Starts here
*/
function show_yearly_calendar(p_item, p_year, p_format) {
	// Load the defaults..
	if (p_year == null || p_year == "")
		p_year = new String(gNow.getFullYear().toString());
	if (p_format == null || p_format == "")
		p_format = "DD/MM/YYYY";

	var vWinCal = window.open("", "Calendar", "scrollbars=yes");
	vWinCal.opener = self;
	ggWinCal = vWinCal;

	Build(p_item, null, p_year, p_format);
}

Date Validation

Similar Tutorials

Hi,

Got input boxes for begin and end dates - using JQuery for date picker calendar for each. Need to validate 2 things - 1 is that end date is => than begin date, 2 is that user enters date into begin date rather than just numbers.
I got date picker JQuery from another office where I work and can not change their parameters or code. So my input boxes allow for date picker selection or manual data entry.
The end date input box can be empty if user only inputting one day for begin date and not a range.
Also have 3 more begin/end date input box sets which are not visible until user clicks "Add Row" button - one click, one set added. Want to insure if user added row and input date then removed row (clicked "Remove Row" button) that the data entered is removed and not inserted into database.

Add & remove rows:

Code:

<script type="text/javascript">
var showing = 0;

function showAnother() 
{
    if ( showing <= 3 ) 
    {
       ++showing;
       document.getElementById("row"+showing).style.display ="";
	    	}
	if ( showing == 3)
		{
		alert("Maximum number of rows allowed.");
	}
}
</script>

<script type="text/javascript">
function removeRow() 
{
    if ( showing >= 0 ) 
    {
       document.getElementById("row"+showing).style.display ="none";
	   showing--;
	    	}
	if ( showing == 0 )
		{
	return true;
	}
}
</script>

Begin & end date input boxes:

Code:

<td><input style="width: 70px" type="text" id="startdate1" name="startdate1" /></td>
<td><input name="stopdate1" style="width: 70px" type="text" id="stopdate1"/></td>

Other 3 begin & end date input boxes same with names increased by one digit - startdate2/stopdate2, and so on to 4.

Thanks,

John

Date Validation

Similar Tutorials

i need a script that validate date with following options
1: commom validation like mm/dd/yyyy or dd/mm/yyyy
2: if user enter previous date then alert please todays or future date.
3: if user enter invalid format then alert invalid format.
4: if user invalid date then alert its an invalid date.
5: if user enter alphabatic in date field then also alert.

Date Validation Issues

Similar Tutorials

HI All,

i have a form with 5 date fields, and i need to validate these fields against each other and prevent two date fields from future dates. I have used EPOCH calendar control on my page and set all date fields as read only. The calendar function is called on page load event.

I have written a function to compare my dates (comparedates()) and called this function into another function (validateform(this)) which is triggered when the form is submitted. The validateform function first checks for null values and then calls comparedates function. When i test the form, the validate form works well and the form won't submit if there are any missing details, however when it executes the comparedates() function, this is what happens:

in FireFox: alerts are popping up, but the page is submitted anyway
in IE8 : alerts do not pop up and the page is submitted

in both browsers i don't see any javascript error.

here is the code i'm using in the page, apart from validateform and compare dates, i have a function to check email and another function to disable/enable text field upon a specific selection from a drop down. These two functions work perfectly, i just included them in the code just to see if it is at all affecting my comparedate() function.

please let me know if you would like to also see EPOCH calendar code.

Thank you for your help

Maryam

Code:

function getToday() {  
  var date = new Date();      
  var mm = zeroPadValue(date.getMonth() + 1);  
  var dd = zeroPadValue(date.getDate());  
  var yyyy = date.getFullYear();  
  var result = yyyy + "-" + mm + "-" + dd;
  return  result; 
}  

function zeroPadValue(value) {  
	if (value < 10) {  
		value = "0" + value;  
	}  
  return value;  
}  

function validateForm(form) {
    
	var sysDate = new getToday();
	var obj=document.createform.nationality;
	for(var i=0; i < form.elements.length; i++){
		if(form.elements[i].value.length == 0 && form.elements[i].name != "submit" && form.elements[i].name !="qualification" && form.elements[i].name !="gender" && 
		form.elements[i].name !="marital" && form.elements[i].name !="cbirth" && form.elements[i].name !="citybirth" && form.elements[i].name !="email" && 
		form.elements[i].name !="pspace" && form.elements[i].name !="paidby"  && form.elements[i].name !="visano" && form.elements[i].name !="difcsponsored" && 
		form.elements[i].name !="vissuedate" && form.elements[i].name !="vexpirydate" && form.elements[i].name !="compreg"){
		
			alert('No value entered in '+form.elements[i].title+'.');
			form.elements[i].focus();
			return false;
		} 
		
	} 
	
	comparedates();
	
return true;
}

function comparedates()
{
   var form = document.forms[0];
   var curr = new Date(getToday());
   var getdob = new Date(document.createform.dob.value);
   var getpi = new Date(document.createform.pissue.value);
   var getpe = new Date(document.createform.pexpiry.value);

   for(var i=0; i < form.elements.length; i++)
   {		
		if(form.elements[i].name =="dob")
		{
			if(getdob > curr)
			{
				alert(form.elements[i].title + ' cannot be greater than today\'\s date.');
				form.elements[i].focus();
				return false;
				
			}
		}
		
		if(form.elements[i].name=="pissue")
		{
			if(getpi > curr )
			{
				alert(form.elements[i].title+' cannot be greater than today\'\s date.');
				form.elements[i].focus();
				return false;
			}	
			if(getpi < getdob)
			{
				alert(form.elements[i].title+' cannot be smaller than ' + document.createform.dob.title + '.');
				form.elements[i].focus();
				return false;
			
			}	
		}
		
		if(form.elements[i].name=="pexpiry"){			
			if(getpe < getpi) 
			{
				alert(form.elements[i].title+' cannot be smaller than ' + document.createform.pissue.title +'.');
				form.elements[i].focus();
				return false;
			}	
			if( getpe < getdob)
			{
				alert(form.elements[i].title+' cannot be smaller than '+ document.createform.dob.title+'.');
				form.elements[i].focus();
				return false;
			}			
		}
   }
}



function disableFields(obj){
	if(obj.options[obj.selectedIndex].value=="BH" || obj.options[obj.selectedIndex].value=="KW" || obj.options[obj.selectedIndex].value=="OM" || obj.options[obj.selectedIndex].value=="QA" || 
	obj.options[obj.selectedIndex].value=="SA" || obj.options[obj.selectedIndex].value=="AE"){
	  //  alert('true');
		document.createform.visano.disabled=true;
		document.createform.difcsponsored.disabled=true;
		document.createform.vissuedate.disabled=true;
		document.createform.vexpirydate.disabled=true;
				
		} else {
			document.createform.visano.disabled=false;
			document.createform.difcsponsored.disabled=false;
			document.createform.vissuedate.disabled=false;
			document.createform.vexpirydate.disabled=false;
		}
}

function validateEmail(myemail){
	var AtPos = myemail.value.indexOf("@");
	var StopPos = myemail.value.lastIndexOf(".");
	var Message = "";
	//var getemail = document.getElementById("txtemail");
	if (myemail.value.length !=0){
		if (AtPos == -1 || StopPos == -1 || StopPos < AtPos || StopPos - AtPos == 1) {
		Message = "Not a valid email address";
		alert (Message);
		//myemail.focus();
		setTimeout('document.getElementById(\'email\').focus();document.getElementById(\'email\').select();',0);
		//return false;
		
		} else {

	return true;

	}
	
	}
}

function callall(){
	getCal();
  //  comparedates();
}

Start/end Date Validation

Similar Tutorials

Maybe somone can help me out he

I am trying to validate two dates, to make sure one comes before another.

This is the code I have:

Code:

function validate_time(fielda, fieldb) {

if (fielda < fieldb ) {
    ErrFields.push("The start date must be before the end date");
    return false;
  } else {
    return true;
  }


}

and it is called using:
Code:

validate_time(startdate, enddate);

This code dosen't work at all, so I guess I am way off. If anyone knows what may be the problem or any suggestions I would apprecate it.

Thanks.

Date Validation Question.

Similar Tutorials

Hello, i have a question about date validation. I'm new to javascript and am still learning. I was wondering if anyone could help me out with a problem i am facing. I want my code to be able to validate the date in different formats other then 01/25/2007. I would like the code to be able to validate 1-25-07, 1-25-2007, or 01/25/2007. Here is the code i have thus far which works with the 01/25/2007 format. Any ideas on how i could make this code work to validate the other formats? Thank you for your time, here is the code.

<script language = "Javascript">

var dtCh= "/";
var minYear=1900;
var maxYear=2100;

function isInteger(s){
var i;
for (i = 0; i < s.length; i++){

var c = s.charAt(i);
if (((c < "0") || (c > "9"))) return false;
}

return true;
}

function stripCharsInBag(s, bag){
var i;
var returnString = "";

for (i = 0; i < s.length; i++){
var c = s.charAt(i);
if (bag.indexOf(c) == -1) returnString += c;
}
return returnString;
}

function daysInFebruary (year){

return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
}
function DaysArray(n) {
for (var i = 1; i <= n; i++) {
this[i] = 31
if (i==4 || i==6 || i==9 || i==11) {this[i] = 30}
if (i==2) {this[i] = 29}
}
return this
}

function isDate(dtStr){
var daysInMonth = DaysArray(12)
var pos1=dtStr.indexOf(dtCh)
var pos2=dtStr.indexOf(dtCh,pos1+1)
var strMonth=dtStr.substring(0,pos1)
var strDay=dtStr.substring(pos1+1,pos2)
var strYear=dtStr.substring(pos2+1)
strYr=strYear
if (strDay.charAt(0)=="0" && strDay.length>1) strDay=strDay.substring(1)
if (strMonth.charAt(0)=="0" && strMonth.length>1) strMonth=strMonth.substring(1)
for (var i = 1; i <= 3; i++) {
if (strYr.charAt(0)=="0" && strYr.length>1) strYr=strYr.substring(1)
}
month=parseInt(strMonth)
day=parseInt(strDay)
year=parseInt(strYr)
if (pos1==-1 || pos2==-1){
alert("The date format should be : mm/dd/yyyy")
return false
}
if (strMonth.length<1 || month<1 || month>12){
alert("Please enter a valid month")
return false
}
if (strDay.length<1 || day<1 || day>31 || (month==2 && day>daysInFebruary(year)) || day > daysInMonth[month]){
alert("Please enter a valid day")
return false
}
if (strYear.length != 4 || year==0 || year<minYear || year>maxYear){
alert("Please enter a valid 4 digit year between "+minYear+" and "+maxYear)
return false
}
if (dtStr.indexOf(dtCh,pos2+1)!=-1 || isInteger(stripCharsInBag(dtStr, dtCh))==false){
alert("Please enter a valid date")
return false
}
return true
}

function ValidateForm(){
var dt=document.frmSample.txtDate
if (isDate(dt.value)==false){
dt.focus()
return false
}
return true
}

</script>

<form name="frmSample" method="post" action="" onSubmit="return ValidateForm()">
<p>Enter a Date <font color="#CC0000"><b>(mm/dd/yyyy)</b></font>
:
<input type="text" name="txtDate" maxlength="10" size="15">
</p>
<p>
<input type="submit" name="Submit" value="Submit">
</p>
</form>

Date Picker Validation

Similar Tutorials

Hi all , first let me just say I know incredibly little about JavaScript at all , I'm currently studying PHP however as part of a course and do occasionally use JavaScript here and there

My problem is on a register page for example i have a JavaScript Date picker so users can select their D.O.B without me having to worry about if the date is valid ...etc through PHP checking.
PHP Code:
<tr>
                        <th>Date of Birth :</th>
                        <td input name="dob"  id="dob"><?php
          $thisyear= getdate();
          $myCalendar = new tc_calendar("date5", true, false);
          $myCalendar->setIcon("./images/iconCalendar.gif");
          $myCalendar->setDate($thisyear['year'],$thisyear['month'],$thisyear['day']);
          $myCalendar->setPath("./");
          $myCalendar->setYearInterval(1910, ($thisyear['year']));
          $myCalendar->dateAllow('1910-05-13', ($thisyear['year']-18) );
          $myCalendar->setDateFormat('j F Y');
          //$myCalendar->setHeight(350);
          //$myCalendar->autoSubmit(true, "form1");
          $myCalendar->writeScript();

          ?></td>
                  </tr>

Now in the <head> tag of my page i do i my JavaScript validation , and was wondering what would i have to do for this to work
Thus far i've tried .checked/.selected basically anything i can think of but since its not my forte there isn't a lot for me to think of
PHP Code:
<script type="text/javascript">
function validate(form) {
if(!document.form1.agree.checked)
{
alert("Please check the terms and conditions");
return false;
}
if(!document.form1.dob.checked)
{
alert("Please select a date of birth");
return false;
}

return true;
}
</script>
</script>

Now i was wondering is there anyway to check if a valid date was selected ??
if you can offer any help it'd be much appreciated.

Start/end Date Validation

Similar Tutorials

Hi,
Using this script
Code:

<script language="javascript" type="text/javascript">
function compareDate()
{
var start = document.beginDate.startdate.value;
var end = document.termDate.enddate.value;

var stDate = new Date(start);
var enDate = new Date(end);
var compDate = enDate - stDate;

if(compDate >= 0)
return true;
else
{
alert("Please correct-end date is before begin date.");
return false;
} 
}
</script>

Have two input boxes for Start Date and End Date. Both boxes have JQuery linked code for datepicker calendar. Want to ensure that end date is >= to start date. Want dates validated on losing focus from end date input (text) box - like this - I guess.
Code:

<input style="width: 70px" type="text" id="enddate" onblur="function compareDate();" />

The reason I am here is that, of course, what I have is not working. Appreciate your help.

Thanks - John

Validation If Start Date Is Later Than Today

Similar Tutorials

Hello,

I am arranging a validation form checking a start date (DepartureDate) against today's date to verify that it must be later than today's date, I am a newbie on javascript and I have tried various ways, unfortunately I have hit the wall and I need help.

[CODE]

<SCRIPT LANGUAGE="JAVASCRIPT" SCRIPT TYPE="TEXT/JAVASCRIPT">

function checkForm() {

DepartureDate= /^(0[1-9]|[12][0-9]|3[01])[\/](0[1-9]|1[012])[\/](20)\d\d$/ //check if DepartueDate is valid entry

var depdate=myform.DepartureDate.value; // get date from keyed text box
var prsDepdate= Date.parse(depdate); // convert to date parse
var currentDate = new Date();// today's date
var now=Date.parse(currentDate);//parsed todays date

if (!DepartureDate.test(depdate)) {

alert("Departure Date must be entered in numbers in the following format dd/mm/yyyy with the first two year digits being 20yy");
return false;
} //validation if departure Date is entered correctly

if (prsDepdate<=currentDate) {
alert("Departure Date must be later than Today's date!")//comparison if Departure Date is less than today

return false;
}

}

</SCRIPT>
[CODE]

Thanks a lot

Stuck! Please Help!

Similar Tutorials

Hi!

I'm new with javascript and jQuery in general. So if anyone could help me out it would be greatly appreciated.

When the browser is finished loading I want #page2 to be loaded automatically. I can get it to work with:

$(document).ready(function () {

$('#page2').delay(200);
$('#page2').show('slow');

});

But when I click on page2 (when first launched) it wants to load again.
It seems like it doesn't understand #page2 is already loaded. I want it to do absolutely nothing when the user clicks on the page2 navigation button.

I hope that I explained my problem correctly. Again, I'm a newbie at this and the fact that I got to this point is already a miracle. Thanks in advance!

This is my code so far:

$(document).ready(function () {

$('#page2').delay(200);
$('#page2').show('slow');

});

$(function(){
$('#content:not(.nav_block)>dt:not(.active) a,footer .privacy:not(.active) a[rel=privacy]').live('click',function(){
var next=this.rel=='privacy'?
$('#privacy'):$(this).parent().next(),
width=next.width(),
parent=next.parent(),
visible=parent.find('>dd:visible').css({overflow:'hidden'})
parent.addClass('nav_block')

$('#content>dt,.privacy').removeClass('active')

$(this).parent().addClass('active')

if(this.rel=='privacy')
$('#content>dt>a').removeClass('active').animate({opacity:0})

if(parent.css('left')!=0)
next.parent().animate({left:0})
next.show().css({width:'64px'}).stop().animate({width:width+'px'},{
step:visible.length?function(now){
visible.width(width-now)
}:'',complete:function(){
next.css({overflow:'visible'})
visible.css({width:width+'px'}).hide()
parent.removeClass('nav_block')
}})
return false
})


$('.active a,#content.nav_block').live('click',function(){
return false
})

Download the file:
http://www.filedropper.com/testfile_1

Still Stuck!

Similar Tutorials

I'm just learning code. I did a small reaction game project. The idea is that the player is to click on only circles. It works unless a square comes up & is clicked on. My code is he

Learning Javascript

Here is the actual game:

Learning Javascript

Any help is appreciated!

Can Someone Please Help? I Am So Stuck!

Similar Tutorials

No matter what I do, I have these two scripts, I really want on the same page 1. Is carouselGallery 2. Is flv player

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

</style>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {
imagesXmlPath: ""
};

var params = {
base: "",
salign:"lt",
menu:"false"
};

var attributes = {

};

swfobject.embedSWF("carouselGallery.swf", "myContent", "800", "400", "9.0.0", "expressInstall.swf", flashvars, params, attributes);

</script></head>
<body>
<div id="myContent">
<h1>Alternative content</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
</body>
</html>

Second Is

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>FLV Player FlashVars Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject/swfobject.js"></script>
</head>
<body>
<div id="myContent">
<h1>Please Upgrade Your Flash Player</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>

<script type="text/javascript">

var flashvars = {
flvpFolderLocation: "flvplayer/",
flvpVideoSource: "your_video_source",
flvpWidth: "640",
flvpHeight: "360"
};

var params = {
menu: "true",
allowfullscreen: "true"
};

swfobject.embedSWF("FLVplayer.swf", "myContent", "640", "360", "9.0.0", "swfobject/expressInstall.swf", flashvars, params);

</script>
</body>
</html>

Can someone please help me figure out how to get both to display on the page? Any help would be GREATLY appreciated.

Need Help With Stuck Menus

Similar Tutorials

I would love some help on this code I was assigned to debug...I never studied javascript nor have ever coded really, yet my boss(im volunteering at a company) is having me debug a website and I can't seem to figure this out.

The problem is the menus stay expanded when the mouse is out, but when you activate the onMouseOver, it fixes it.

Here is an extremely simplified version but it shows the problem. And I greatly appreciate any help I can get. Thanks in advance!

Oh and I didn't write any of this + im a noob at coding so if the answer was explained with this in mind that'd be great!

-----------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Yep</title>

<link href="ReferenceFunctions.css" rel="stylesheet" type="text/css" />




<script type="text/javascript">
function ManageTabPanelDisplay() {
//
// Between the parenthesis, list the id's of the div's that
// will be effected when tabs are clicked. List in any
// order. Put the id's in single quotes (apostrophes)
// and separate them with a comma -- all one line.
//
var idlist = new Array('tab1focus','tab2focus','tab3focus','tab1ready','tab2ready','tab3ready','content1','content2', 'content3');

// No other customizations are necessary.
if(arguments.length < 1) { return; }
for(var i = 0; i < idlist.length; i++) {
var block = false;
for(var ii = 0; ii < arguments.length; ii++) {
if(idlist[i] == arguments[ii]) {
block = true;
break;
}
}
if(block) { document.getElementById(idlist[i]).style.display = "block"; }
else { document.getElementById(idlist[i]).style.display = "none"; }
}
}

//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
}
else{ //else if this is a sub level menu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
}
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.visibility="visible"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.visibility="hidden"
}
}
}
}

if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)
</script>


<script type="text/javascript">

</script>


<script type="text/javascript">

function decide() {

if (document.myca.search.value.length < 1) {
window.alert ("Please enter a search keyword.");
return false;
}

if (document.myca.whosearch[0].checked) {
document.myca.sSearchString.value = document.myca.search.value;
document.myca.submit();

} else {
if (document.myca.whosearch[1].checked) {
document.thissite[1].value = document.myca.search.value;
document.thissite.submit();

} else {
alert("You must select whether you want to search My CA or This Site.");
}

}

return false;
}
</script>


<script type="text/javascript">




</script>


<style type="text/css">

.blueLink {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000066;
font-size: 71%;
}
.Office_functions_sub_title {
font-size: xx-small;
color: #0066CC;
}
.style1 {
font-size: small
}
.pixel_height {
font-size: 5px;
}
.blank_menu_space_height {
font-size: 5px;
font-family: Arial;
}
.turquoise {
color: #00FFCC
}
.blue_font {
color: #0000FF;
font-size: small;
}
body {
margin-top: 0px;
margin-bottom: 0px;
}
.style7 {color: #000066}
.style10 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style11 {
font-size: 12px
}
.style12 {font-size: 14px}
.style13 {font-size: 65%}
.style14 {font-size: 12px; color: #800000; }
.style15 {
color: #FFFFFF;
font-weight: bold;
font-size: small;
}
.style17 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #4d7fb2;
font-weight: bold;
}
.style19 {
font-family: "Times New Roman", Times, serif;
font-size: 18pt;
color: #FFFF00;
}
.style22 {font-size: 11px}
</style>

</head>
<body onload="FP_preloadImgs(/*url*/'images/button13.jpg', /*url*/'images/button4a.jpg'); MM_preloadImages('indeed.jpg' )">


<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>



</tr>


<tr>
<td style="height:17px"><div align="center" class="style15">
<table width="100%" border="1">
<tr>
<td><div align="center">link</div></td>
</tr>
</table>
</div></td>
</tr>


<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ffffff">
<tr>
<td valign="top" style="padding-left:12px; text-align:left; line-height:186%;"><table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ffffff">

<tr>
<td rowspan="72" valign="top"><table border="0" cellspacing="0" cellpadding="0" style="background-color:#fff">

<tr>
<td valign="top" style="padding-right:12px"><table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table width="185" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="9px"></td>
</tr>
<tr>
<td class="boxtitle style12">testings12345</td>
</tr>

<tr>
<td><div class="left_column_top">
<dl id="menu">

<dt onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();"> <a href="link.htm">link</a></dt>


<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();"> <a href="link.htm">link</a></dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');"
onmouseout="javascript:montre();">
<ul>
<li><a href="link.htm"> link</a></li>
<li><a href="link.htm"> link</a></li>
<li><a href="link.htm"> link</a></li>
<li><a href="link.htm">link</a></li>
<li><a href="link.htm">link</a></li>
</ul>
</dd>


<dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();"> <a href="link.htm"> link</a></dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
<ul>
<li><a href="link.pdf"> link</a></li>
<li><a href="link.pdf"> link</a></li>
<li><a href="link.pdf"> link</a></li>
<li><a href="link.htm"> link</a></li>
<li><a href="link.htm">link</a></li>
<li><a href="link.htm"> link</a></li>
<li><a href="link.htm"> link</a></li>
<li><a href="link.htm"> link</a></li>
<li><a href="link.htm"> link</a></li>
</ul>
</dd>

<dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();"> <a href="ble.htm" style="line-height: 200%"> link<br />
link
</a></dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
<ul>
<li><a href="link233link.htm"> link</a></li>
<li><a href="indeedy.htm"> link</a></li>
<li><a href="training/linsks.htm"> link</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();"> <a href="yep.htm"> link</a></dt>
<dt onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();"> <a href="indeed.htm"> link</a></dt>
<dt onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre();"> <a href="thanks.htm"> link</a></dt>
</dl>
</div></td>
</tr>

</table></td>
</tr>
<td><table width="185px" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="40px"></td>
</tr>
<tr>
<td class="boxtitle style12">link</td>
</tr>

<tr>
<td><div class="left_column_bottom" style="height:125px">
<dl id="menu">

<dt onmouseover="javascript:montre('smenu10');" onmouseout="javascript:montre();">
<a href="yes.htm">link</a></dt>

<dt onmouseover="javascript:montre('smenu11');" onmouseout="javascript:montre();">
<a href="yep.htm">random words</a></dt>

<dt onmouseover="javascript:montre('smenu12');" onmouseout="javascript:montre();"> <a href="tests.htm">
<p style="line-height: 200%; margin-top: 1px; margin-bottom: 1px">
ble<br> mhm</p></a></dt>

<dt onmouseover="javascript:montre('smenu13');" onmouseout="javascript:montre();">
<a href="communication/testsss.htm">Just some test</a></dt>

</dl>
</div></td>
</tr>
<tr>
<td > </td>
</tr>

</table></td>
</tr>

<tr>

<td align="center">
<p align="center" id="legal">
<a href="#heading"></a></p> </td>
</tr>


</table></td></tr>


</table>
<p align="center">
</table>

<a href="#heading"> Back to Top</a><br />
</td>
</tr>
</table>
</td>
</tr>



</p>
<tr>
<td style="height:1px ;background-color:#CCCCCC"></td>
</tr>
</body>
</html>

I Have A Stuck Loop And Don't Know What To Do :p

Similar Tutorials

I am learning JavaScript and found these tutorials at http://www.codecademy.com/courses/pr...#!/exercises/3 this is the one I got stuck on, I don't understand .. I just seem to have a block on what to do to this to make it change the while condition so that this do/while loop iterates 4 times like the tutorial wants me to do ... I have had to kill the page because it seems to be making a loop that messes w/ the browser and locks it up.
??

Code:

var i = 4;
do {
  console.log("This is iteration " + (i + 1) + ".");
  i++;
}
while( );

I'm New To Web Design And This Has Me Stuck!

Similar Tutorials

www.dreamdiamond.squarespace.com

This is a website I'm building for a friend. Its very basic, as is my knowledge of web design, BUT, there is one important thing I cant seem to figure out before we register it as dreamdiamond.com!

ok the code on THIS website : http://tablefilter.free.fr/

I cant seem to implement into the diamond website on the Inventory Page. We need to create a filterable table for spec. diamonds and this is driving me nuts.

I tried uploading the .js files through the file storage, and put the java script code into the website settings>code injection> header

No matter what it's not working though. Is there anyone who can help walk me through it? Or I can give someone the username/ pass so they can maybe help me set it up? Obv the pass would be changed afterwards LOL

If you can help me out man I'll be forever grateful lol

Have Text Field Validation Need To Add Checkbox Validation

Similar Tutorials

Hey all.

I have a simple validation I need to do. I need to just make sure that a Checkbox is checked, and that a Text field has content. Sounds simple but I cannot find any thing that has a check and a text field.

Here what I have. Can I modify this script to do this? A Checkbox MUST be checked and Text field MUST be filled out. This currently does the text field fine, but no Checkbox obviously.

How can I add a checkbox validation to this?

Thats it. Any help is appreciated.

Code:

<script type="text/javascript">

var textFields = ["digsig"]; 

function validateForm( )
{
    var oops = ""; // must initialize this!
    var form = document.sig;

        for ( var t = 0; t < textFields.length; ++t )
        {
              var field = form[textFields[t]];
              var value = field.value.replace(/^\s+/,"").replace(/\s+$/,""); // trim the input
              if ( value.length < 1 ) 
              {
                    oops += "You MUST enter your Digital Signature";
              }
        }
        if ( oops != "" )
        {
            alert("ERROR:" + oops);
            return false;
        }
    }


}

</script>

Stuck On This Checkbox Code

Similar Tutorials

This code is designed to send people either to List 1 or List 2 in the Aweber form.

At this time, I cannot make the uncheck go to List 2 to receive that thankyou email. Can you tell me what is wrong???

Check--Yes I would like to subscribe--List 1 email--thank you
uncheck--No, I do not want to subscribe--List 2--you need more information

I am omitting the top of the Aweber code before <body>--

<script language="javascript">

function magCheck(){
var magcheckbox = document.MainForm.magcheckbox.checked;

if(magcheckbox == true){
document.getElementById("keylivingwell").value = '1355523361'
document.getElementById("redirect").value = 'http://www.aweber.com/thankyou-coi.htm?m=text';

}else if(magcheckbox == false){
document.getElementById("keylivingwund").value = '1357528764'
document.getElementById("redirect").value = 'http://www.aweber.com/thankyou-coi.htm?m=text';

}
}

</script>
{
}
</style>
<form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" >
<div style="display: none;">
<input type="hidden" id="meta_web_form_id" name="meta_web_form_id" value="1355523361" />
<input type="hidden" name="meta_split_id" value="" />
<input type="hidden" name="listname" value="keylivingwell" />
<input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=text"

id="redirect_77879d6b0d1bc03d212e86d72e1eae3c" />

<input type="hidden" name="meta_adtracking" value="Key_to_Living_Well_in_Retirement" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="name,email" />

<input type="hidden" name="meta_tooltip" value="" />
</div>
<div id="af-form-1355523361" class="af-form"><div id="af-header-1355523361" class="af-header"><div

class="bodyText"><p>     Yes, thank you, I would like</p>
<p>          a copy of the Report!</p></div></div>
<div id="af-body-1355523361" class="af-body af-standards">
<div class="af-element">
<label class="previewLabel" for="awf_field-25981213">Name: </label>
<div class="af-textWrap">
<input id="awf_field-25981213" type="text" name="name" class="text" value="" tabindex="500" />
</div>
<div class="af-clear"></div></div>
<div class="af-element">
<label class="previewLabel" for="awf_field-25981214">Email: </label>
<div class="af-textWrap"><input class="text" id="awf_field-25981214" type="text" name="email" value="" tabindex="501"

/>
</div><div class="af-clear"></div>
</div>
<div class="af-element buttonContainer">
<input name="submit" id="af-submit-image-1355523361" type="image" class="image" style="background: none;"

alt="Submit Form" src="http://www.aweber.com/images/forms/modern/blue/button.png" tabindex="502" />
<div class="af-clear"></div>
</div>
<div class="af-element privacyPolicy" style="text-align: center"><p><a title="Privacy Policy"

href="http://www.aweber.com/permission.htm" target="_blank">We respect your email privacy</a></p>
<div class="af-clear"></div>
</div>
<div class="af-element poweredBy" style="text-align: center; font-size: 9px;"><p>Powered by <a

href="http://www.aweber.com" title="Email Marketing Services">AWeber</a> <a href="http://www.aweber.com"

title="Email Marketing Services">Email Marketing Services</a></p>
<div class="af-clear"></div>
</div>
</div>
<div id="af-footer-1355523361" class="af-footer"><input id="magcheckbox" name="magcheckbox" onclick="magCheck();"

type="checkbox" value="1" checked> <div class="bodyText"><p><span style="font-size: 14px;">     

    Yes, I would like to subscribe</span></p>
<p><span style="font-size: 14px;">           to Baby Boomers

Magazine.</span> </p></div></div>
</div>
<div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=jMysrKxMzMxsjA==" alt=""

/></div>
</form>
<script type="text/javascript">

</script>

I have looked at it so long time, I can't find it. Thanks for your help,

Pat

Why My Browser Stuck Of This Script?

Similar Tutorials

Can anyone tell me why? Here is the code:
PHP Code:
<html>
<head>
<title>clock</title>
<style type="text/css">

</style>
<script type="text/javascript">
clock = {
            check:function(a){
            return (a<10)? "0"+a : a
            },

            show:function() {
            var time = new Date()
            var hours = this.check(time.getHours())
            var minu = this.check(time.getMinutes())
            var sec = this.check(time.getSeconds())
            document.getElementById('time').innerHTML="Now the time is: " + hours + ":" + minu + ":" + sec
            setInterval("clock.show()",1000)
            },

            };
</script>
</head>
<body onLoad="clock.show();">
<div id="time"></div>
</body>
</html>

Changing Div Onclick - Stuck

Similar Tutorials

Hey everyone - got a Q...

I'm having a tabbed panel where the 1st div is originally shown with display: block and the other 3 are display:none to hide, obviously. I want each div to have their own link where if you click the link for div 2 it hides the previous and shows that one etc. Here's what I originally have:

Code:

<script type="text/javascript">
function tab2() {
	document.getElementById('tab-content-2').style.display="block";
	document.getElementById('tab-content-1').style.display="none";
}
</script>

<div id="tab-top">
	<div class="tab-top-l">
	</div>

	<div class="tab-top-main">
		<ul>
			<a href="#" title="Lorem et"><li>Lorem et</li></a>
			<a href="#" title="Lorem et" onclick="tab2()"><li class="not-first">Lorem et</li></a>
			<a href="#" title="Lorem et"><li class="not-first">Lorem et</li></a>
			<a href="#" title="Lorem et"><li class="not-first">Lorem et</li></a>
		</ul>
	</div>
	<div class="tab-top-r">
	</div>
</div>

<div id="tab-content-1" style="display: block;">
	Content 1
</div>
<div id="tab-content-2" style="display: none;">
	Content 2
</div>
<div id="tab-content-3" style="display: none;">
	Content 3
</div>
<div id="tab-content-4" style="display: none;">
	Content 4
</div>

That successfully hides tab 1 and shows tab 2 but I don't know how to do it properly so it hides the previously shown one. One tab should always be shown.

Image attached to show what I mean.