I am moving my site to a new server and testing the pages. A page the current site (unix) has a javascript popup date picker on it and it works fine, that forms name is “myform”.
BUT
On the new server (windows 2003) the same page with the same javascript doesn’t work when I change the form name and the variable name to “[B]azgfd
Any help would be greatly appreciated. Thanks,
Charbort
—– Here’s the js code (external file called “[B]date_picker.html
<script language=”javascript”>
var thisPage = “[B]date_picker.html
var formName = “[B]azgfd
var field_name = “begin_date”;
monthsNames = Array( “”, “January”, “February”, “March”, “April”, “May”, “June”, “July”, “August”, “September”, “October”, “November”, “December” );
var tempString = location.search.substring( 1 );
if ( tempString.indexOf( “&” ) != -1 ) {
var temp1 = tempString.split( “&” );
var strField = temp1[ 0 ];
var temp2 = temp1[ 1 ];
var strData = temp2.split( “,” );
} else {
var strField = tempString;
var strData = tempString.split( “,” );
}
var strMonth = parseInt( strData[ 0 ], 10 );
var strYear = parseInt( strData[ 1 ], 10 );
var dateObject = new Date();
var thisMonth = dateObject.getMonth();
var thisYear = dateObject.getFullYear();
var curMonth = dateObject.getMonth();
var curDay = dateObject.getDate();
var curYear = dateObject.getFullYear();
if (( strMonth > 0 ) || ( strYear > 0 )) {
curMonth = strMonth;
curYear = strYear;
}
var today = new Date( curYear, curMonth, 1 );
var today = today.getDay();
function daysPerMonth( month, year ) {
days = 31;
if (( month == 4 )||( month == 6 )||( month == 9 )||( month == 11 )) {
days = 30;
} else if ( month == 2 ) {
if (((( year % 100 ) == 0 ) && (( year % 400 ) == 0 )) || ((( year % 100 )!=0 ) && (( year % 4 ) == 0 ))) {
days = 29;
} else {
days = 28;
}
}
return days;
}
function monthBack( month, year ) {
if ( month == 0 ) {
location.href = thisPage + “?” + strField + “&” + 11 + “,” + ( year – 1 );
} else {
location.href = thisPage + “?” + strField + “&” + ( month – 1 ) + “,” + year;
}
}
function monthForward( month, year ) {
if ( month == 11 ) {
location.href = thisPage + “?” + strField + “&” + “0” + “,” + ( year + 1 );
} else {
location.href = thisPage + “?” + strField + “&” + ( month + 1 ) + “,” + year;
}
}
function yearBack( month, year ) {
location.href = thisPage + “?” + strField + “&” + ( month ) + “,” + ( year – 1 );
}
function yearForward( month, year ) {
location.href = thisPage + “?” + strField + “&” + ( month ) + “,” + ( year + 1 );
}
function getYear( year ) {
retval = new String( year );
retval = retval.slice( 2, 4 );
return retval;
}
function getMonth( month ) {
month++;
retval = new String( month );
if ( retval < 10 ) {
retval = “0” + retval;
}
return retval;
}
function getDay( day ) {
retval = new String( day );
if ( retval < 10 ) {
retval = “0” + retval;
}
return retval;
}
function createCSS() {
var cssStyle = “”;
cssStyle = cssStyle + “”;
cssStyle = cssStyle + “<style type=text/css>”;
cssStyle = cssStyle + “A:link { COLOR:#101010;TEXT-DECORATION:none; }”;
cssStyle = cssStyle + “A:visited { COLOR:#101010;TEXT-DECORATION:none; }”;
cssStyle = cssStyle + “A:active { COLOR:#101010;TEXT-DECORATION:none; }”;
cssStyle = cssStyle + “A:hover { COLOR: #101010;TEXT-DECORATION:none; }”;
cssStyle = cssStyle + “.Numeric { FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:10px;LINE-HEIGHT:16px; }”;
cssStyle = cssStyle + “.DaysLabel { FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:11px;LINE-HEIGHT:16px;COLOR:#FF0000; }”;
cssStyle = cssStyle + “.TextLabel { FONT-FAMILY:Verdana,Arial,Helvetica;FONT-SIZE:12px;LINE-HEIGHT:16px; }”;
cssStyle = cssStyle + “</style>rn”;
return cssStyle;
}
function createDaysTable() {
var daysTable = “”;
daysTable = daysTable + “<table width=80% cellpadding=0 cellspacing=0 border=1>rn”;
daysTable = daysTable + ” <tr>rn”;
daysTable = daysTable + ” <td align=center>rn”;
daysTable = daysTable + ” <table width=100% cellpadding=2 cellspacing=0 border=0>rn”;
daysTable = daysTable + ” <tr>rn”;
daysTable = daysTable + ” <td align=left><span class=TextLabel><a href=’javascript:monthBack(” + curMonth + “,” + curYear + “)’><<</a>rn”;
daysTable = daysTable + ” </td>rn”;
daysTable = daysTable + ” <td align=center><span class=TextLabel><b>” + monthsNames[ curMonth + 1 ] + “</b>rn”;
daysTable = daysTable + ” </td>rn”;
daysTable = daysTable + ” <td align=right><span class=TextLabel><a href=’javascript:monthForward(” + curMonth + “,” + curYear + “)’>>></a>rn”;
daysTable = daysTable + ” </td>rn”;
daysTable = daysTable + ” </tr>rn”;
daysTable = daysTable + ” </table>rn”;
daysTable = daysTable + ” </td>rn”;
daysTable = daysTable + ” </tr>rn”;
daysTable = daysTable + ” <tr>rn”;
daysTable = daysTable + ” <td align=center>rn”;
daysTable = daysTable + ” <table width=100% cellpadding=2 cellspacing=0 border=0>rn”;
daysTable = daysTable + ” <tr>rn”;
daysTable = daysTable + ” <td align=right><span class=DaysLabel>S </td>rn”;
daysTable = daysTable + ” <td align=right><span class=DaysLabel>M </td>rn”;
daysTable = daysTable + ” <td align=right><span class=DaysLabel>T </td>rn”;
daysTable = daysTable + ” <td align=right><span class=DaysLabel>W </td>rn”;
daysTable = daysTable + ” <td align=right><span class=DaysLabel>T </td>rn”;
daysTable = daysTable + ” <td align=right><span class=DaysLabel>F </td>rn”;
daysTable = daysTable + ” <td align=right><span class=DaysLabel>S </td>rn”;
daysTable = daysTable + ” </tr>rn”;
daysTable = daysTable + ” <tr>rn”;
var dayCounter = 1;
for ( x=0; x<today; x++ ) {
daysTable = daysTable + ” <td></td>rn”;
}
for ( x=today; x<7; x++ ) {
var selected = “”;
var strDate = getMonth( curMonth ) + “/” + getDay( dayCounter ) + “/” + getYear( curYear );
if (( dayCounter == curDay ) && ( curMonth == thisMonth ) && ( thisYear == curYear )) {
selected = “<b>”;
}
daysTable = daysTable + ” <td align=’center’><font face=Verdana size=1><a href=’#’ onclick=’window.opener.document.” + formName + “.” + strField + “.value=”” + strDate + “”; self.close();’>” + selected + “” + dayCounter + “</a></b></td>rn”;
dayCounter = dayCounter + 1;
}
for ( y=1; y<6; y++ ) {
daysTable = daysTable + ” </tr>rn”;
daysTable = daysTable + ” <tr>rn”;
for ( z=0; z<7; z++ ) {
var selected = “”;
var strDate = getMonth( curMonth ) + “/” + getDay( dayCounter ) + “/” + getYear( curYear );
if ( dayCounter >= daysPerMonth( curMonth + 1, curYear )) {
var z=7;
var y=5;
}
if (( dayCounter == curDay ) && ( curMonth == thisMonth ) && ( thisYear == curYear )) {
selected = “<b>”;
}
daysTable = daysTable + ” <td align=center><span class=Numeric><a href=# onclick=’window.opener.document.” + formName + “.” + strField + “.value=”” + strDate + “”; self.close();’>” + selected + “” + dayCounter + “</a></b></td>rn”;
dayCounter = dayCounter + 1;
}
daysTable = daysTable + ” </tr>rn”;
}
daysTable = daysTable + ” </table>rn”;
daysTable = daysTable + ” </td>rn”;
daysTable = daysTable + ” </tr>rn”;
daysTable = daysTable + ” <tr>rn”;
daysTable = daysTable + ” <td align=center>rn”;
daysTable = daysTable + ” <table width=100% cellpadding=2 cellspacing=0 border=0>rn”;
daysTable = daysTable + ” <tr>rn”;
daysTable = daysTable + ” <td align=left><span class=TextLabel><a href=’javascript:yearBack(” + curMonth + “,” + curYear + “)’><<</a>rn”;
daysTable = daysTable + ” </td>rn”;
daysTable = daysTable + ” <td align=center><span class=TextLabel><b>” + curYear + “</b>rn”;
daysTable = daysTable + ” </td>rn”;
daysTable = daysTable + ” <td align=right><span class=TextLabel><a href=’javascript:yearForward(” + curMonth + “,” + curYear + “)’>>></a>rn”;
daysTable = daysTable + ” </td>rn”;
daysTable = daysTable + ” </tr>rn”;
daysTable = daysTable + ” </table>rn”;
daysTable = daysTable + ” </td>rn”;
daysTable = daysTable + ” </tr>rn”;
daysTable = daysTable + “</table>rn”;
return daysTable;
}
var htmlBody = “”;
htmlBody = htmlBody + “<html><head><title>Select a date</title></head>rn”;
htmlBody = htmlBody + “<body bgcolor=#FFFFFF>rn”;
htmlBody = htmlBody + “<div align=center>rn”;
htmlBody = htmlBody + createCSS();
htmlBody = htmlBody + createDaysTable();
document.write( htmlBody );
</script>
—– Here’s the html form code ——
Code:
<form action=”/incs/form_processor.asp” method=”POST” name=”[b]azgfd
<input name=”When” id=”When” type=”text” onFocus=this.blur() value=”” size=15>
<a href=”javascript:void( window.open( ‘/incs/[b]date_picker.html
<img src=’../images/common/calendar.gif’ width=”21″ height=”21″ border=0 align=”absmiddle”>
</a>
<input name=”submit” type=”image” value=”submit” src=”/images/common/btn_submit.gif” width=”75″ height=”17″ border=”0″>
</form>