Xanfere
asked on
AutoHide a Popup Window
I have a calendar control that comes up in a popup window (like Expedia,Orbitz, etc.) and I want to autohide the window when it loses focus (i.e. when the user clicks the main web page). How and where do I do this?
post code.
T.P.
T.P.
post code.
T.P.
T.P.
ASKER
Thanks for the reply knightEknight; however, when I tried your suggestion, it worked when you click the main web page but it also closes when you click a date on the control.
ASKER
Here is the code that generates the Calendar control:
function show_calendar(str_target, str_datetime) {
var arr_months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
var week_days = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
var n_weekstart = 1; // day week starts from (normally 0 or 1)
var dt_datetime = (str_datetime == null || str_datetime =="" ? new Date() : str2dt4(str_datetime));
var dt_prev_month = new Date(dt_datetime);
dt_prev_month.setMonth(dt_ datetime.g etMonth()- 1);
if (dt_datetime.getMonth()%12 != (dt_prev_month.getMonth()+ 1)%12) {
dt_prev_month.setMonth(dt_ datetime.g etMonth()) ;
dt_prev_month.setDate(0);
}
var dt_next_month = new Date(dt_datetime);
dt_next_month.setMonth(dt_ datetime.g etMonth()+ 1);
if ((dt_datetime.getMonth() + 1)%12 != dt_next_month.getMonth()%1 2)
dt_next_month.setDate(0);
var dt_prev_year = new Date(dt_datetime);
dt_prev_year.setYear(dt_da tetime.get FullYear() -1);
var dt_next_year = new Date(dt_datetime);
dt_next_year.setYear(dt_da tetime.get FullYear() +1);
var dt_firstday = new Date(dt_datetime);
dt_firstday.setDate(1);
dt_firstday.setDate(1-(7+d t_firstday .getDay()- n_weekstar t)%7);
var dt_lastday = new Date(dt_next_month);
dt_lastday.setDate(0);
// html generation (feel free to tune it for your particular application)
// print calendar header
var str_buffer = new String (
"<html>\n"+
"<head>\n"+
" <title>NCDOT Calendar</title>\n"+
"</head>\n"+
"<body bgcolor=\"White\">\n"+
"<table class=\"clsOTable\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n"+
"<tr><td bgcolor=\"#4682B4\">\n"+
"<table cellspacing=\"1\" cellpadding=\"3\" border=\"0\" width=\"100%\">\n"+
"<tr>\n <td bgcolor=\"#4682B4\"><a href=\"javascript:window.o pener.show _calendar( '"+
str_target+"', '"+ dt2dtstr4(dt_prev_year)+"' );\">"+
"<img src=\"prev_year.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"previous year\"></a></td>\n"+
" <td bgcolor=\"#4682B4\"><a href=\"javascript:window.o pener.show _calendar( '"+
str_target+"', '"+ dt2dtstr4(dt_prev_month)+" ');\">"+
"<img src=\"prev.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"previous month\"></a></td>\n"+
" <td bgcolor=\"#4682B4\" colspan=\"3\">"+
"<font color=\"white\" face=\"tahoma, verdana\" size=\"1\">"
+arr_months[dt_datetime.ge tMonth()]+ " "+dt_datetime.getFullYear( )+"</font> </td>\n"+
" <td bgcolor=\"#4682B4\" align=\"right\"><a href=\"javascript:window.o pener.show _calendar( '"
+str_target+"', '"+dt2dtstr4(dt_next_month )+"');\">" +
"<img src=\"next.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"next month\"></a></td>\n"+
" <td bgcolor=\"#4682B4\" align=\"right\"><a href=\"javascript:window.o pener.show _calendar( '"
+str_target+"', '"+dt2dtstr4(dt_next_year) +"');\">"+
"<img src=\"next_year.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"next year\"></a></td>\n"+
"</tr>\n");
var dt_current_day = new Date(dt_firstday);
// print weekdays titles
str_buffer += "<tr>\n";
for (var n=0; n<7; n++)
str_buffer += " <td bgcolor=\"#87CEFA\">"+
"<font color=\"white\" face=\"tahoma, verdana\" size=\"2\">"+
week_days[(n_weekstart+n)% 7]+"</font ></td>\n";
// print calendar table
str_buffer += "</tr>\n";
while (dt_current_day.getMonth() == dt_datetime.getMonth() ||
dt_current_day.getMonth() == dt_firstday.getMonth()) {
// print row heder
str_buffer += "<tr>\n";
for (var n_current_wday=0; n_current_wday<7; n_current_wday++) {
if (dt_current_day.getDate() == dt_datetime.getDate() &&
dt_current_day.getMonth() == dt_datetime.getMonth())
// print current date
str_buffer += " <td bgcolor=\"#ffffe0\" align=\"right\">";
else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
// weekend days
str_buffer += " <td bgcolor=\"#DBEAF5\" align=\"right\">";
else
// print working days of current month
str_buffer += " <td bgcolor=\"white\" align=\"right\">";
if (dt_current_day.getMonth() == dt_datetime.getMonth())
// print days of current month
str_buffer += "<a href=\"javascript:window.o pener."+st r_target+
".value='"+dt2dtstr4(dt_cu rrent_day) +"'; window.close();\">"+
"<font color=\"black\" face=\"tahoma, verdana\" size=\"2\">";
else
// print days of other months
str_buffer += "<a href=\"javascript:window.o pener."+st r_target+
".value='"+dt2dtstr4(dt_cu rrent_day) +"'; window.close();\">"+
"<font color=\"gray\" face=\"tahoma, verdana\" size=\"2\">";
str_buffer += dt_current_day.getDate()+" </font></a ></td>\n";
dt_current_day.setDate(dt_ current_da y.getDate( )+1);
}
// print row footer
str_buffer += "</tr>\n";
}
// print calendar footer
str_buffer +=
"</table>\n" +
"</tr>\n</td>\n</table>\n" +
"</body>\n" +
"</html>\n";
var vWinCal = window.open("", "Calendar",
"width=178,height=174,stat us=no,resi zable=no,t op=200,lef t=425");
vWinCal.opener = self;
vWinCal.focus();
var calc_doc = vWinCal.document;
calc_doc.write (str_buffer);
calc_doc.close();
}
***********
It is called by:
<a ref="javascript:show_calen dar 'document.form1.BegDate', document.form1.BegDate.val ue);"><IMG alt="Click Here to Select Beginning Date." src ="JS/calendar.gif" border="0" WIDTH="34" HEIGHT="21"></a>
function show_calendar(str_target, str_datetime) {
var arr_months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
var week_days = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
var n_weekstart = 1; // day week starts from (normally 0 or 1)
var dt_datetime = (str_datetime == null || str_datetime =="" ? new Date() : str2dt4(str_datetime));
var dt_prev_month = new Date(dt_datetime);
dt_prev_month.setMonth(dt_
if (dt_datetime.getMonth()%12
dt_prev_month.setMonth(dt_
dt_prev_month.setDate(0);
}
var dt_next_month = new Date(dt_datetime);
dt_next_month.setMonth(dt_
if ((dt_datetime.getMonth() + 1)%12 != dt_next_month.getMonth()%1
dt_next_month.setDate(0);
var dt_prev_year = new Date(dt_datetime);
dt_prev_year.setYear(dt_da
var dt_next_year = new Date(dt_datetime);
dt_next_year.setYear(dt_da
var dt_firstday = new Date(dt_datetime);
dt_firstday.setDate(1);
dt_firstday.setDate(1-(7+d
var dt_lastday = new Date(dt_next_month);
dt_lastday.setDate(0);
// html generation (feel free to tune it for your particular application)
// print calendar header
var str_buffer = new String (
"<html>\n"+
"<head>\n"+
" <title>NCDOT Calendar</title>\n"+
"</head>\n"+
"<body bgcolor=\"White\">\n"+
"<table class=\"clsOTable\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n"+
"<tr><td bgcolor=\"#4682B4\">\n"+
"<table cellspacing=\"1\" cellpadding=\"3\" border=\"0\" width=\"100%\">\n"+
"<tr>\n <td bgcolor=\"#4682B4\"><a href=\"javascript:window.o
str_target+"', '"+ dt2dtstr4(dt_prev_year)+"'
"<img src=\"prev_year.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"previous year\"></a></td>\n"+
" <td bgcolor=\"#4682B4\"><a href=\"javascript:window.o
str_target+"', '"+ dt2dtstr4(dt_prev_month)+"
"<img src=\"prev.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"previous month\"></a></td>\n"+
" <td bgcolor=\"#4682B4\" colspan=\"3\">"+
"<font color=\"white\" face=\"tahoma, verdana\" size=\"1\">"
+arr_months[dt_datetime.ge
" <td bgcolor=\"#4682B4\" align=\"right\"><a href=\"javascript:window.o
+str_target+"', '"+dt2dtstr4(dt_next_month
"<img src=\"next.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"next month\"></a></td>\n"+
" <td bgcolor=\"#4682B4\" align=\"right\"><a href=\"javascript:window.o
+str_target+"', '"+dt2dtstr4(dt_next_year)
"<img src=\"next_year.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"next year\"></a></td>\n"+
"</tr>\n");
var dt_current_day = new Date(dt_firstday);
// print weekdays titles
str_buffer += "<tr>\n";
for (var n=0; n<7; n++)
str_buffer += " <td bgcolor=\"#87CEFA\">"+
"<font color=\"white\" face=\"tahoma, verdana\" size=\"2\">"+
week_days[(n_weekstart+n)%
// print calendar table
str_buffer += "</tr>\n";
while (dt_current_day.getMonth()
dt_current_day.getMonth() == dt_firstday.getMonth()) {
// print row heder
str_buffer += "<tr>\n";
for (var n_current_wday=0; n_current_wday<7; n_current_wday++) {
if (dt_current_day.getDate() == dt_datetime.getDate() &&
dt_current_day.getMonth() == dt_datetime.getMonth())
// print current date
str_buffer += " <td bgcolor=\"#ffffe0\" align=\"right\">";
else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
// weekend days
str_buffer += " <td bgcolor=\"#DBEAF5\" align=\"right\">";
else
// print working days of current month
str_buffer += " <td bgcolor=\"white\" align=\"right\">";
if (dt_current_day.getMonth()
// print days of current month
str_buffer += "<a href=\"javascript:window.o
".value='"+dt2dtstr4(dt_cu
"<font color=\"black\" face=\"tahoma, verdana\" size=\"2\">";
else
// print days of other months
str_buffer += "<a href=\"javascript:window.o
".value='"+dt2dtstr4(dt_cu
"<font color=\"gray\" face=\"tahoma, verdana\" size=\"2\">";
str_buffer += dt_current_day.getDate()+"
dt_current_day.setDate(dt_
}
// print row footer
str_buffer += "</tr>\n";
}
// print calendar footer
str_buffer +=
"</table>\n" +
"</tr>\n</td>\n</table>\n"
"</body>\n" +
"</html>\n";
var vWinCal = window.open("", "Calendar",
"width=178,height=174,stat
vWinCal.opener = self;
vWinCal.focus();
var calc_doc = vWinCal.document;
calc_doc.write (str_buffer);
calc_doc.close();
}
***********
It is called by:
<a ref="javascript:show_calen
ASKER
Here is the code that generates the Calendar control:
function show_calendar(str_target, str_datetime) {
var arr_months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
var week_days = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
var n_weekstart = 1; // day week starts from (normally 0 or 1)
var dt_datetime = (str_datetime == null || str_datetime =="" ? new Date() : str2dt4(str_datetime));
var dt_prev_month = new Date(dt_datetime);
dt_prev_month.setMonth(dt_ datetime.g etMonth()- 1);
if (dt_datetime.getMonth()%12 != (dt_prev_month.getMonth()+ 1)%12) {
dt_prev_month.setMonth(dt_ datetime.g etMonth()) ;
dt_prev_month.setDate(0);
}
var dt_next_month = new Date(dt_datetime);
dt_next_month.setMonth(dt_ datetime.g etMonth()+ 1);
if ((dt_datetime.getMonth() + 1)%12 != dt_next_month.getMonth()%1 2)
dt_next_month.setDate(0);
var dt_prev_year = new Date(dt_datetime);
dt_prev_year.setYear(dt_da tetime.get FullYear() -1);
var dt_next_year = new Date(dt_datetime);
dt_next_year.setYear(dt_da tetime.get FullYear() +1);
var dt_firstday = new Date(dt_datetime);
dt_firstday.setDate(1);
dt_firstday.setDate(1-(7+d t_firstday .getDay()- n_weekstar t)%7);
var dt_lastday = new Date(dt_next_month);
dt_lastday.setDate(0);
// html generation (feel free to tune it for your particular application)
// print calendar header
var str_buffer = new String (
"<html>\n"+
"<head>\n"+
" <title>NCDOT Calendar</title>\n"+
"</head>\n"+
"<body bgcolor=\"White\">\n"+
"<table class=\"clsOTable\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n"+
"<tr><td bgcolor=\"#4682B4\">\n"+
"<table cellspacing=\"1\" cellpadding=\"3\" border=\"0\" width=\"100%\">\n"+
"<tr>\n <td bgcolor=\"#4682B4\"><a href=\"javascript:window.o pener.show _calendar( '"+
str_target+"', '"+ dt2dtstr4(dt_prev_year)+"' );\">"+
"<img src=\"prev_year.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"previous year\"></a></td>\n"+
" <td bgcolor=\"#4682B4\"><a href=\"javascript:window.o pener.show _calendar( '"+
str_target+"', '"+ dt2dtstr4(dt_prev_month)+" ');\">"+
"<img src=\"prev.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"previous month\"></a></td>\n"+
" <td bgcolor=\"#4682B4\" colspan=\"3\">"+
"<font color=\"white\" face=\"tahoma, verdana\" size=\"1\">"
+arr_months[dt_datetime.ge tMonth()]+ " "+dt_datetime.getFullYear( )+"</font> </td>\n"+
" <td bgcolor=\"#4682B4\" align=\"right\"><a href=\"javascript:window.o pener.show _calendar( '"
+str_target+"', '"+dt2dtstr4(dt_next_month )+"');\">" +
"<img src=\"next.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"next month\"></a></td>\n"+
" <td bgcolor=\"#4682B4\" align=\"right\"><a href=\"javascript:window.o pener.show _calendar( '"
+str_target+"', '"+dt2dtstr4(dt_next_year) +"');\">"+
"<img src=\"next_year.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"next year\"></a></td>\n"+
"</tr>\n");
var dt_current_day = new Date(dt_firstday);
// print weekdays titles
str_buffer += "<tr>\n";
for (var n=0; n<7; n++)
str_buffer += " <td bgcolor=\"#87CEFA\">"+
"<font color=\"white\" face=\"tahoma, verdana\" size=\"2\">"+
week_days[(n_weekstart+n)% 7]+"</font ></td>\n";
// print calendar table
str_buffer += "</tr>\n";
while (dt_current_day.getMonth() == dt_datetime.getMonth() ||
dt_current_day.getMonth() == dt_firstday.getMonth()) {
// print row heder
str_buffer += "<tr>\n";
for (var n_current_wday=0; n_current_wday<7; n_current_wday++) {
if (dt_current_day.getDate() == dt_datetime.getDate() &&
dt_current_day.getMonth() == dt_datetime.getMonth())
// print current date
str_buffer += " <td bgcolor=\"#ffffe0\" align=\"right\">";
else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
// weekend days
str_buffer += " <td bgcolor=\"#DBEAF5\" align=\"right\">";
else
// print working days of current month
str_buffer += " <td bgcolor=\"white\" align=\"right\">";
if (dt_current_day.getMonth() == dt_datetime.getMonth())
// print days of current month
str_buffer += "<a href=\"javascript:window.o pener."+st r_target+
".value='"+dt2dtstr4(dt_cu rrent_day) +"'; window.close();\">"+
"<font color=\"black\" face=\"tahoma, verdana\" size=\"2\">";
else
// print days of other months
str_buffer += "<a href=\"javascript:window.o pener."+st r_target+
".value='"+dt2dtstr4(dt_cu rrent_day) +"'; window.close();\">"+
"<font color=\"gray\" face=\"tahoma, verdana\" size=\"2\">";
str_buffer += dt_current_day.getDate()+" </font></a ></td>\n";
dt_current_day.setDate(dt_ current_da y.getDate( )+1);
}
// print row footer
str_buffer += "</tr>\n";
}
// print calendar footer
str_buffer +=
"</table>\n" +
"</tr>\n</td>\n</table>\n" +
"</body>\n" +
"</html>\n";
var vWinCal = window.open("", "Calendar",
"width=178,height=174,stat us=no,resi zable=no,t op=200,lef t=425");
vWinCal.opener = self;
vWinCal.focus();
var calc_doc = vWinCal.document;
calc_doc.write (str_buffer);
calc_doc.close();
}
***********
It is called by:
<a ref="javascript:show_calen dar 'document.form1.BegDate', document.form1.BegDate.val ue);"><IMG alt="Click Here to Select Beginning Date." src ="JS/calendar.gif" border="0" WIDTH="34" HEIGHT="21"></a>
function show_calendar(str_target, str_datetime) {
var arr_months = ["January", "February", "March", "April", "May", "June",
"July", "August", "September", "October", "November", "December"];
var week_days = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
var n_weekstart = 1; // day week starts from (normally 0 or 1)
var dt_datetime = (str_datetime == null || str_datetime =="" ? new Date() : str2dt4(str_datetime));
var dt_prev_month = new Date(dt_datetime);
dt_prev_month.setMonth(dt_
if (dt_datetime.getMonth()%12
dt_prev_month.setMonth(dt_
dt_prev_month.setDate(0);
}
var dt_next_month = new Date(dt_datetime);
dt_next_month.setMonth(dt_
if ((dt_datetime.getMonth() + 1)%12 != dt_next_month.getMonth()%1
dt_next_month.setDate(0);
var dt_prev_year = new Date(dt_datetime);
dt_prev_year.setYear(dt_da
var dt_next_year = new Date(dt_datetime);
dt_next_year.setYear(dt_da
var dt_firstday = new Date(dt_datetime);
dt_firstday.setDate(1);
dt_firstday.setDate(1-(7+d
var dt_lastday = new Date(dt_next_month);
dt_lastday.setDate(0);
// html generation (feel free to tune it for your particular application)
// print calendar header
var str_buffer = new String (
"<html>\n"+
"<head>\n"+
" <title>NCDOT Calendar</title>\n"+
"</head>\n"+
"<body bgcolor=\"White\">\n"+
"<table class=\"clsOTable\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n"+
"<tr><td bgcolor=\"#4682B4\">\n"+
"<table cellspacing=\"1\" cellpadding=\"3\" border=\"0\" width=\"100%\">\n"+
"<tr>\n <td bgcolor=\"#4682B4\"><a href=\"javascript:window.o
str_target+"', '"+ dt2dtstr4(dt_prev_year)+"'
"<img src=\"prev_year.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"previous year\"></a></td>\n"+
" <td bgcolor=\"#4682B4\"><a href=\"javascript:window.o
str_target+"', '"+ dt2dtstr4(dt_prev_month)+"
"<img src=\"prev.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"previous month\"></a></td>\n"+
" <td bgcolor=\"#4682B4\" colspan=\"3\">"+
"<font color=\"white\" face=\"tahoma, verdana\" size=\"1\">"
+arr_months[dt_datetime.ge
" <td bgcolor=\"#4682B4\" align=\"right\"><a href=\"javascript:window.o
+str_target+"', '"+dt2dtstr4(dt_next_month
"<img src=\"next.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"next month\"></a></td>\n"+
" <td bgcolor=\"#4682B4\" align=\"right\"><a href=\"javascript:window.o
+str_target+"', '"+dt2dtstr4(dt_next_year)
"<img src=\"next_year.gif\" width=\"16\" height=\"16\" border=\"0\""+
" alt=\"next year\"></a></td>\n"+
"</tr>\n");
var dt_current_day = new Date(dt_firstday);
// print weekdays titles
str_buffer += "<tr>\n";
for (var n=0; n<7; n++)
str_buffer += " <td bgcolor=\"#87CEFA\">"+
"<font color=\"white\" face=\"tahoma, verdana\" size=\"2\">"+
week_days[(n_weekstart+n)%
// print calendar table
str_buffer += "</tr>\n";
while (dt_current_day.getMonth()
dt_current_day.getMonth() == dt_firstday.getMonth()) {
// print row heder
str_buffer += "<tr>\n";
for (var n_current_wday=0; n_current_wday<7; n_current_wday++) {
if (dt_current_day.getDate() == dt_datetime.getDate() &&
dt_current_day.getMonth() == dt_datetime.getMonth())
// print current date
str_buffer += " <td bgcolor=\"#ffffe0\" align=\"right\">";
else if (dt_current_day.getDay() == 0 || dt_current_day.getDay() == 6)
// weekend days
str_buffer += " <td bgcolor=\"#DBEAF5\" align=\"right\">";
else
// print working days of current month
str_buffer += " <td bgcolor=\"white\" align=\"right\">";
if (dt_current_day.getMonth()
// print days of current month
str_buffer += "<a href=\"javascript:window.o
".value='"+dt2dtstr4(dt_cu
"<font color=\"black\" face=\"tahoma, verdana\" size=\"2\">";
else
// print days of other months
str_buffer += "<a href=\"javascript:window.o
".value='"+dt2dtstr4(dt_cu
"<font color=\"gray\" face=\"tahoma, verdana\" size=\"2\">";
str_buffer += dt_current_day.getDate()+"
dt_current_day.setDate(dt_
}
// print row footer
str_buffer += "</tr>\n";
}
// print calendar footer
str_buffer +=
"</table>\n" +
"</tr>\n</td>\n</table>\n"
"</body>\n" +
"</html>\n";
var vWinCal = window.open("", "Calendar",
"width=178,height=174,stat
vWinCal.opener = self;
vWinCal.focus();
var calc_doc = vWinCal.document;
calc_doc.write (str_buffer);
calc_doc.close();
}
***********
It is called by:
<a ref="javascript:show_calen
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks mberumen, I'll let you know if it works out!!
ASKER
MB,
I tried your code and I just had to change a couple of minor things to make it work. Your code had the following:
vWinCal = window.open("", "Calendar",
"width=178,height=174,stat us=no,resi zable=no,t op=200,lef t=425");
vWinCal.opener = self;
vWinCal.focus();
var calc_doc = vWinCal.document;
calc_doc.write (str_buffer);
calc_doc.close();
isPopUpOpen=true;
************************** *****
I had to change it to:
var vWinCalendar = window.open("", "Calendar",
"width=178,height=200,stat us=no,resi zable=no,t op=200,lef t=425");
vWinCalendar.opener = self;
vWinCalendar.focus();
var calc_doc = vWinCalendar.document;
calc_doc.write (str_buffer);
calc_doc.close();
vWinCal = vWinCalendar;
The reason why I did is that when I tried your code, the main window and not the popup window would close whenever the popup window lost focus. So when I changed the reference of vWinCal to the Calendar popup, it worked!! In any case, you pointed me in the right direction and it was 90% right. Thanks for the help!!
isPopUpOpen=true;
I tried your code and I just had to change a couple of minor things to make it work. Your code had the following:
vWinCal = window.open("", "Calendar",
"width=178,height=174,stat
vWinCal.opener = self;
vWinCal.focus();
var calc_doc = vWinCal.document;
calc_doc.write (str_buffer);
calc_doc.close();
isPopUpOpen=true;
**************************
I had to change it to:
var vWinCalendar = window.open("", "Calendar",
"width=178,height=200,stat
vWinCalendar.opener = self;
vWinCalendar.focus();
var calc_doc = vWinCalendar.document;
calc_doc.write (str_buffer);
calc_doc.close();
vWinCal = vWinCalendar;
The reason why I did is that when I tried your code, the main window and not the popup window would close whenever the popup window lost focus. So when I changed the reference of vWinCal to the Calendar popup, it worked!! In any case, you pointed me in the right direction and it was 90% right. Thanks for the help!!
isPopUpOpen=true;
ASKER
See comment posted for question.....
glad to be of assistance.
<BODY onBlur='self.close();'>