JavaScript - Javascript Div Popup Script Not Autoloading In Firefox

I am after a script that will allow a calendar to pop up to select a date in UK date format.

I have a page that has a form with three date fields so the script needs to be reusable.

I have been told to use jquery but could not work out how to reuse or get the calendar to be a different size other than half the size of the full page screen!

the whole sites CSS also got messed up using jquery for some reason, think maybe I had used the same CSS tags as jquery?

So looking for a basic calendar script no-frills, short sweet reusable. :-)

Can anyone suggest some?

I have written this code but when i include code for pop calender in a row, then button was disabled, So please help me i just struck in this problem from last one week
Thanking you,
L.Rajesh
rajboy13@gmail.com

my code is

Code:

function addRow()
{
var tbl = document.getElementById('tblMed');
var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);

 var cellLeft = row.insertCell(0);
  var sl = document.createElement('input');
  sl.type = 'text';
  sl.name = 'sln' ;
  sl.id = 'sln' + iteration;
  sl.value = iteration;
  sl.size = 3;
  sl.readOnly = true;
  cellLeft.appendChild(sl);

var cellRights= row.insertCell(1);
var elm= document.createElement('input');
elm.type = 'text';
elm.name = 'txtMdesc' ;
elm.id = 'Mdesc' + iteration;
elm.size = 20;
cellRights.appendChild(elm);

var cellRightt= row.insertCell(2);
var elmn= document.createElement('input');
elmn.type = 'text';
elmn.name = 'txtMqty' ;
elmn.onclick = "cal1xx.select(document.forms[0].sdate,'anchor1xx','dd-MM-yy');
elmn.id = 'Mqty' + iteration;
elmn.size = 20;
cellRightt.appendChild(elmn)";

var cellRightu= row.insertCell(3);
var elmno= document.createElement('input');
elmno.type = 'text';
elmno.name = 'txtMbill' ;
elmno.id = 'Mbill' + iteration;
elmno.size = 20;
cellRightu.appendChild(elmno);

}

the button code is :
Code:

</br>
 <fieldset style="width:60%;" align="center"> <legend>


<SCRIPT LANGUAGE="JavaScript">
function deleteRow(b){
    document.getElementById('table_formcontainer').deleteRow(b)
}
function CompareDates1() 
{ 
	var str1  = document.getElementById("start").value;   
	var str2  = document.getElementById("edate").value;  
	var dt1   = parseInt(str1.substring(0,2),10);    
	var mon1  = parseInt(str1.substring(3,5),10);  
	var yr1   = parseInt(str1.substring(6,10),10);   
	var dt2   = parseInt(str2.substring(0,2),10);    
	var mon2  = parseInt(str2.substring(3,5),10);   
	var yr2   = parseInt(str2.substring(6,10),10);   
	var date1 = new Date(yr1, mon1, dt1);    
	var date2 = new Date(yr2, mon2, dt2);    
	if(date2 < date1)  
		{      
			alert("To date cannot be greater than from date");      
			return false;   
		}    
	else   
		{      
			alert("Submitting ...");     
			document.form1.submit();   
		} 
		return true;
}
function addRow()
{
var tbl = document.getElementById('tblMed');
var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);

 var cellLeft = row.insertCell(0);
  var sl = document.createElement('input');
  sl.type = 'text';
  sl.name = 'sln' ;
  sl.id = 'sln' + iteration;
  sl.value = iteration;
  sl.size = 3;
  sl.readOnly = true;
  cellLeft.appendChild(sl);

var cellRights= row.insertCell(1);
var elm= document.createElement('input');
elm.type = 'text';
elm.name = 'txtMdesc' ;
elm.id = 'Mdesc' + iteration;
elm.size = 20;
cellRights.appendChild(elm);

var cellRightt= row.insertCell(2);
var elmn= document.createElement('input');
elmn.type = 'text';
elmn.name = 'txtMqty' ;
elmn.onclick = "cal1xx.select(document.forms[0].sdate,'anchor1xx','dd-MM-yy');
elmn.id = 'Mqty' + iteration;
elmn.size = 20;
cellRightt.appendChild(elmn)";

var cellRightu= row.insertCell(3);
var elmno= document.createElement('input');
elmno.type = 'text';
elmno.name = 'txtMbill' ;
elmno.id = 'Mbill' + iteration;
elmno.size = 20;
cellRightu.appendChild(elmno);

}

function delRow1(c)
{
    document.getElementById('tblMed').deleteRow(c)
}

function validate()
{
	
	var tbl = document.getElementById('tblMed');
    var lastRow= tbl.rows.length-1;
   	var a;

    for (a=1; a<=lastRow; a++)
		{
      var def = document.getElementById('sln'+ a);
      var ghi = document.getElementById('Mdesc'+ a);
	   var jkl = document.getElementById('Mqty'+ a);
	   var jkl1 = document.getElementById('Mqty'+ a).value;
       var abc = document.getElementById('Mbill'+ a);
       var gpexpdt2 = document.getElementById('tblMed').value;
      var str11  = document.getElementById("sdate").value; 
      var str12  = document.getElementById("edate").value;
	  var tranday = jkl1.substring(0,2);
      var tranmon = jkl1.substring(3,5);
      var tranyear = jkl1.substring(6,10);
	


	var trandate = new Date(tranyear,tranmon,tranday);
	 var tranday2 = str11.substring(0,2);
	  
          var tranmon2 = str11.substring(3,5);
         


	var tranyear2 = str11.substring(6,10);
	


	var trandate2 = new Date(tranyear2,tranmon2,tranday2);
	var tranday3 = str12.substring(0,2);
	  
          var tranmon3 = str12.substring(3,5);
         


	var tranyear3 = str12.substring(6,10);
	


	
if ((document.getElementById("AC").value == ""))
{
alert ( "Please enter Amount Claimed." );
document.form5.AC.focus();
return false;
}

else if((document.getElementById("Amb").value == ""))
{
alert ( "Please enter Relationship" );
document.form5.Amb.focus();
return false;
}

if ( document.form5.Treat.selectedIndex == "")
    {
        alert ( "Please select Treatment Type" );
		document.form5.Treat.focus();
        return false;
    }

else if((document.getElementById("C10").value == ""))
{
alert ( "Please enter Total " );
document.form5.C10.focus();
return false;
}

else if((document.getElementById("C11").value == ""))
{
alert ( "Please enter Place " );
document.form5.C11.focus();
return false;
}

else if((document.getElementById("start").value == ""))
{
alert ( "Please enter from date" );
document.form5.start.focus();
return false;
}

else if((document.getElementById("edate").value == ""))
{
alert ( "Please enter to date" );
document.form5.edate.focus();
return false;
}
    if (ghi.value.length == "")
	  {
        alert('Please enter Bill No');
        ghi.focus();

        return false;
      }
	  if (jkl.value.length == "")
	  {
        alert('Please enter Date');
	   jkl.focus();
        return false;
      }
	  var trandate3 = new Date(tranyear3,tranmon3,tranday3);
	if (tranmon > 12|| tranmon < 1)
		 {
			 alert('Invalid Month In Date Field .Enter as dd-mm-yy');
        	jkl.focus();
			 return false;
		 }
		 if (tranday > 31|| tranday < 1)
		 {
			 alert('Invalid Date In Date Field Enter as dd-mm-yy');
			 		jkl.focus();
			 return false;
		 }
		 if(trandate2.getTime() > trandate.getTime())
			{
	alert("Bill date should be less than From date");
	jkl.focus();
	return false;
			}
			if(trandate3.getTime() < trandate.getTime())
			{
	alert("Bill date should not  be greater than End date");
	jkl.focus();
	return false;
			}
	
     if (abc.value.length == "")
	  {
        alert('Please enter Amount');
	    abc.focus();
        return false;
      }
	  	
	 
var str3  = document.getElementById("AC").value;
var str4  = document.getElementById("Amb").value;

if(parseInt(str3) > parseInt(str4))
{
alert('Amount Claimed must be less than Amount Balance');
document.form5.AC.focus();
return false;
}	
var alertsay = ""; 
if (form5.Treat.value > 4)
{
alert("Sorry You Can Not This Employee Data In Database..........");
form5.Treat.focus();
return (false);
}
var checkOK = "0123456789";
var checkStr = abc.value;
var allValid = true;
var allNum = "";
for (e = 0;  e < checkStr.length;  e++)
{
ch = checkStr.charAt(e);
for (f = 0;  f < checkOK.length;  f++)
if (ch == checkOK.charAt(f))
break;

if (f == checkOK.length)
{
allValid = false;
break;
}
if (ch != ",")
allNum += ch;
}
if (!allValid)
{
alert("Invalid Data Please enter only digits'");
abc.focus();
return (false);
}
}
 return true;
}
var count =0;
function Check()
	{
if (!validate())
	return true;
	 addRow()
	}
function removeRow1()
{
var tbl = document.getElementById('tblMed');
var lastRow = tbl.rows.length;
if (lastRow > 1) tbl.deleteRow(lastRow - 1);
}
function deleteRow(node) {
if (rowNum > 1) {
var td = node.parentNode; 
while (td.tblMed.toLowerCase() != "tr") 
td = td.parentNode; 
td.parentNode.removeChild(td); 
rowNum = rowNum - 1;
document.form1.count.value = rowNum;
}
else { 
alert ("You cannot delete the last remaining row");
} 
}

</script>

<b><font color="#153E7E"border="1">Bill Details</b></legend><br>
<table id="tblMed" width="75%">
<tr>
<th>Sl.No.</th>
<th align="left">Bill No</th>
<th align="left" onClick="cal1xx.select(document.forms[0].edate,'anchor1xx','dd-MM-yy'); return false;" NAME="anchor1xx" ID="anchor1xx" onFocus="self.status='Select Treatment Start Date';return true; " onBlur="self.status='';return true;">Bill Date(DD-MON-YY)</th>
<th>Bill Amount( <span class="WebRupee">Rs.</span> )</th>

</tr>

</table>
<tr><br/>
&nbsp &nbsp <input name="button" type="button" value="Add  Bill" onClick="Check()"/>

................................................................................................



i want popup calender in 3rd row of the table

please help and if any one got solution then please please mail it to my gmail id : rajboy13@gmail.com

Ok, I'm not a javascript expert, but I'm using a Drupal module called Calendar which uses some javascript to popup links in a DIV instead of going to a new page. This appears to work by adding class="popup" to links on the calendar.

I want to use the same functionality to link to calendar events from other areas on the site, not just on the calendar. It looks like the javascript file is loaded on every page of the site, but adding class="popup" only results in an empty DIV with a close button, without actually loading the content. Can anyone please help me solve this?


A link to what I'm working on is he http://67.220.206.170/~jazzbone/?q=home. The upcoming events section is a block from the Calendar view (created by the Calendar module), however it does not do popups by default like the calendar page, so I've tried adding class="popup" to these links to make it work. You can see in the main body of the page is a test link with class="popup" as a test as well. I want them to behave like the popups on the event calendar page.

I think this is the javascript file in question: http://67.220.206.170/~jazzbone/site...r/jcalendar.js

I know this is a lot, and I'm a newbie here, but I appreciate any help, thanks.

I have a loop that originally printed out a day, in a table, that linked to a new page.
Code:

out.println("<th height=100><a href=eventPage.jsp?month="+(n+1)+"&day="+d+">" + d + "</a>");

This works fine but now I want to instead have it be a link a page thats a pop up. The code I have now is as follows

Code:

out.println("<th height=100><a href="eventPage.jsp?month="+(n+1)+"&day="+d"" onclick="popUp(this.href);return false"> + d + "</a>">);

and

Code:

<script type="text/javascript">
	function popUp(URL) {
	<!--
		window.open(URL,'width=300,height=300');
	//-->
	}
</script>

I can not seem to find where I am going wrong. Any help would be appreciated.

Hi,

I have a small script that opens a small popup in which to populate a form. What I want to do is include a variable so that a particular PHP page opens. I include where I am at present:

HTML page calling JS popup:
<input type="text" name="DOCUMENTS" id="DOCUMENTS" onclick="makeSelection(this.form, 'DOCUMENTS');">

JS Code:
targetElement = null;
function makeSelection(myform, id) {
if(!myform || !id)
return;
targetElement = myform.elements[id];
var handle = window.open("../file_upload.php?dir=CODE",
"mywindow","menubar=0,resizable=0,width=400,height=250");
}

What I want to be able to do is get it so that the bit of JS that has 'dir=CODE' has a variable called from the HTML page. Is this possible, and if so, could anyone please help me out?

Regards,
Neil

folks., i need to popup image on image hover?the image should be placed just above mouse pointer? i tried to implement event.x,event.y.. but it is not positoning well in all browsers..?is css need to be used here or please give me javascript code...
this is the code
function Large(obj,id,e)
{
// this is div tag,inside div i am placing imagebutton..

var imgbox=document.getElementById("imgbox");
var imgbtn=document.getElementById('<%=ImageButton3.ClientID%>');
imgbox.style.visibility='visible';
imgbtn.src=obj;
imgbox.style.left=event.x;
imgbox.style.top= event.y;
}
thank you

hello everybody, here I'm asking for help again. sorry for that in advance.

anyhow, I have the following code:

Code:

<!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">
	<head>
<link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
		<script type="text/javascript" src="../colorbox/jquery.colorbox.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				
				$(".example7").colorbox({width:"300px", height:"500px", iframe:true, open: true});
				
				
				
			});
		</script>








	</head>
	<body onload="example7();">

<a class='example7' href="tofes.html"></a>
teststestestest
	
	</body>
</html>

I want the lightbox window open only once a day for every unique visitor on my website. I understand I should use some sort of cookie implented, but I dont really understand how to.

Thanks in advance, daniel.

Hi,

I have a code that opens a new window from a flash movie. The window opens fine, but the parent window goes blank and displays this on the top left of the screen:

[object] (in IE8)
[object Window] (in Firefox)

Does anyone know what I'm missing?

This is the code for the button that opens the new window:

on (release) {
getURL ("javascript:window.open('/RG_Map.pdf','RGCommunityMap','width=700,height=700');");
}

Hello!

I have a script that loads a popup window on any page of a website, in order to temporarily cover the page's content. This popup window is supposed to load on top of page's content, acting as a sort of page blocker. So the visitor can't see what's on the page until he clicks the popup.

The problem i'm having right now is when i put this script on a page that has iframe content. The iframe loads on top of this popup and not underneath as it's supposed to be.

Do you guys have any advise on what should i do to make this work properly when using iframes on a page?

Here is the script:

Code:

var blocker_originalHtmlOverflow;
var blocker_originalBodyOverflow;

function blocker_addLoadEvent(func)
{    
    var oldonload = window.onload;
    if (typeof window.onload != 'function')
    {
        window.onload = func;
    } 
    else 
    {
        window.onload = function()
        {
            oldonload();
            func();
        }
    }
}

blocker_addLoadEvent(blocker_init);

function blocker_init()
{    
    if(blocker_getCookie('content_unlocked')=='1')
        return;

    blocker_originalHtmlOverflow = document.getElementsByTagName('body')[0].style.overflow;
    blocker_originalBodyOverflow = document.getElementsByTagName('html')[0].style.overflow;

    document.getElementsByTagName('body')[0].style.overflow = 'hidden';
    document.getElementsByTagName('html')[0].style.overflow = 'hidden';

    function pageScroll() {

        window.scroll(0,0); // scroll to 0

        if(blocker_getCookie('content_unlocked')!='1'){

         scrolldelay = setTimeout('pageScroll()',100); // scrolls every 1 second

        }

    }

    pageScroll();


    var haze = document.createElement('div');
    haze.id = 'blocker_haze';
    haze.style.filter = 'alpha(opacity=50)';
    haze.style.opacity = .5;
    haze.style.height = '2000';
    haze.style.width = '2000%';
    haze.style.backgroundColor = '#000';
    haze.style.position = 'absolute';
    haze.style.top = '0px';    
    haze.style.left = '0px';
    haze.style.zIndex = 1000000;

    var centerPane = document.createElement('centerPane');
    centerPane.id = 'blocker_centerPane';
    centerPane.style.width = '500px';
    centerPane.style.height = '361px';
    centerPane.style.border = '5px solid #CCC';
    centerPane.style.position = 'absolute';
    centerPane.style.left = '50%';
    centerPane.style.marginLeft = '-250px';
    centerPane.style.top= '100px';
    centerPane.style.backgroundColor = '#FFF';
    centerPane.style.zIndex = 1000001;
    centerPane.style.backgroundImage = 'url(http://www.fasgasfga.com/sfasdfasdf.jpg)';
    centerPane.style.backgroundRepeat = 'no-repeat';
    centerPane.style.backgroundPosition = '20px 10px';
    centerPane.style.padding = '20px';

    var h1 = document.createElement('h1');
    h1.style.color = '#000';
    h1.style.textAlign = 'center';
    h1.style.fontSize = '36px';
    h1.style.margin = '0 0 10px 0';
    h1.style.padding = '8px 0 0 15px';
    h1.style.fontFamily = 'arial';
    h1.style.lineHeight = '36px';
    h1.innerHTML = blocker_headline;
    centerPane.appendChild(h1);

    var p1 = document.createElement('p');
    p1.innerHTML = blocker_instructionalText;
    p1.style.textAlign = 'center';
    p1.style.padding = '20px 0 20px 0';
    p1.style.margin = '0';
    p1.style.fontSize = '18px';
    p1.style.lineHeight = '18px';
    p1.style.color = '#000';
    p1.style.fontFamily = 'arial';
    centerPane.appendChild(p1);

    var ul = document.createElement('ul');
    ul.style.textAlign = 'center';
    ul.style.margin = '0 0 10px 0';
    ul.style.padding = '0';
    ul.style.listStyleType = 'none';
    for(var i = 0;i<blocker_surveryLinks.length;i++){
        var li = document.createElement('li');        
        var a = document.createElement('a');
        a.style.display = 'block';
        a.style.fontSize = '17px';
        a.style.lineHeight = '380px';
        a.style.color = 'Black';
        a.style.fontFamily = 'arial';
        a.style.textDecoration = 'underline';
        a.target = '_blank';        
        a.href = blocker_surveryLinks[i].url;
        a.innerHTML = blocker_surveryLinks[i].text;
        a.onclick = function(){
            window.setTimeout(unblockContent, 55000);
        }
        li.appendChild(a)    
        ul.appendChild(li);
    }

    centerPane.appendChild(ul);

    var p2 = document.createElement('p');
    p2.style.textAlign = 'center';
    p2.innerHTML = blocker_footerText;
    p2.style.padding = '20px 0 0 0';
    p2.style.margin = '0';
    p2.style.color = '#F50E0E';
    p2.style.fontFamily = 'arial';
    p2.style.fontSize = '15px';
    p2.style.lineHeight = '15px';
    centerPane.appendChild(p2);

    document.getElementsByTagName('body')[0].appendChild(haze);
    document.getElementsByTagName('body')[0].appendChild(centerPane);
}

function unblockContent(){
    document.getElementsByTagName('body')[0].style.overflow = blocker_originalBodyOverflow;
    document.getElementsByTagName('html')[0].style.overflow = blocker_originalHtmlOverflow;

    document.getElementById('blocker_haze').style.display = 'none';
    document.getElementById('blocker_centerPane').style.display = 'none';
    //blocker_setCookie("content_unlocked", 1, 365, '/', '');
	Set_Cookie( 'content_unlocked', 1 , 365, '/', '', '' );
}
function Set_Cookie( name, value, expires, path, domain, secure )
{
// set time, it's in milliseconds
var today = new Date();
today.setTime( today.getTime() );

/*
if the expires variable is set, make the correct
expires time, the current script below will set
it for x number of days, to make it for hours,
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );

document.cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}

function blocker_setCookie(c_name,value,expiredays){
    var exdate=new Date();exdate.setDate(exdate.getDate()+expiredays);
    document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

function blocker_getCookie(c_name){
    if (document.cookie.length>0){
        c_start=document.cookie.indexOf(c_name + "=");
        if (c_start!=-1){ 
            c_start=c_start + c_name.length+1; 
            c_end=document.cookie.indexOf(";",c_start);
            if (c_end==-1) c_end=document.cookie.length;
            return unescape(document.cookie.substring(c_start,c_end));
        } 
    }
    return "";
}

Hey Guys,
I'm trying to make a popup. Let me rephrase, not the type of popup that we all have cursed upon! But the same concept. I have a "control panel" type web application that i have developed. It is all completely dynamic. Each application has its own index.php file. My problem is, one of my applications i need has to open in a new window since its an external site. My problem is the way i have it setup dynamically in php i MUST have that inital index.php file. So what i have tried is to put in that index file just some javascript that opens a new window. Of course both IE and FF's popup blocker kick in. I need to find away around this. Does anyone have any ideas? So far i'd tried a window.open.... also tried creating a link with a target and id and then using click(); to deploy it. And i even tried creating a fake form with a target and an id and submiting it with javascript. Everything gets blocked.

Thanks in advance,
Jamie

Hello Everyone,

First of all i'd like to thank you for this wonderful forum, you people have helped me..

Now, i'm back here because i have this problem...i have a website built with drupal, www.plus-demo.info/drupal

If you see the second menu, when you hover there is a submenu which pops out...what i want for this popup menu is to display in a fixed position...it shouldn't get out of the borders of the website...there is the code which has to do with it... Please help me...

function muchomenu_display() {
if (hoverParent) {
hoverParent.addClass('hovering');
hoverBin = hoverParent.find('.muchomenu-bin');
/* display position */
//hoverBin.css('top', 'auto');
/* display position end */
animateIn(hoverBin);
}
}


function muchomenu_close(){

if (hoverParent) {
oldParentIdx = $('.muchomenu-parent').index(hoverParent);
}
for ( var i=0 ; i < megaParents.length ; i++ ) {
megaParents.eq(i).removeClass('hovering');
}
animateOut(hoverBin);
}

function checkHorizontalPosition(item) {
var parentOffset = item.parents('.muchomenu-parent').offset();
var screenWidth = $(document).width();
var itemPosition = item.position();
var padding = 30;

var p = item.width() + itemPosition.left + parentOffset.left + padding;
if (p > screenWidth) {
var newOffset = screenWidth - p;
item.css('left', newOffset + 'px');
}

}

Dear friends,

I am using a Javascript which perfectly worked in all relevant browsers, including IE6 and IE7. Its advantage has been to be able to specify the window-size + to decide, whether there should be scrollbars or the option to resize it. It is also fully standards-compliant.

It opens a new popup window and is triggered via the rel="popup" or rel="popup nofollow" attributes in the specified external links, e.g.:

Code:

<a href="http://www.codingforums.com/" rel="popup">CodingForums</a>
<a href="http://www.codingforums.com/" rel="popup nofollow">CodingForums</a>

The code however does not do its job in IE8. It follows the link, but does so in the old window, not a new popup window, and thus recurs to standard behavior of links.

Here is the Javascript-Code, included in the header:

Code:

    var properties = { width: 900,
                       height: 450,
                       scrollbars: 'yes',
                       resizable: 'yes' };
    function popup(){
      var link = this.getAttribute( 'href' );
      var prop_str = '';
      for( prop in properties ){
        prop_str = prop_str + prop + '=' + properties[prop] + ',';
      }
      prop_str = prop_str.substr( 0, prop_str.length - 1 );
      var newWindow = window.open( link, '_blank', prop_str );
      if( newWindow ){
        if( newWindow.focus ) newWindow.focus();
        return false;
      }
      return true;
    }
    function setupPopups(){
      var links = document.getElementsByTagName( 'a' );
      for( var i=0; i<links.length; i++ ){
        if( links[i].getAttribute( 'rel' ) &&
            (links[i].getAttribute( 'rel' ) == 'popup' ||
             links[i].getAttribute( 'rel' ) == 'popup nofollow')) 
	links[i].onclick = popup;
      }
    }
    window.onload = function(){ 
      setupPopups();
    }

Since I am not an expert, I would greatly appreciate help to make this efficent code workable in IE8.

Thanks in advance!

CodeMat

I currently have a popup window that works fine but while that window is up on top and I click on another link that opens another window the popup goes behind that window. How do I code to get the popup window to always stay on top no matter what window I open up with the code I have below:

Code:

<script language="javascript" type="text/javascript">
function test() 
{
setTimeout("self.focus()",3000)
}

function open_new_window() 
{
//new_window = open("","hoverwindow","width=300,height=200,left=10,top=10");
new_window = window.showModelessDialog("","hoverwindow","width=300,height=200,left=10,top=10");
new_window.focus();
// open new document 
new_window.document.open();

// Text of the new document
// Replace your " with ' or \" or your document.write statements will fail
new_window.document.write("<html><title>JavaScript New Window</title>");
new_window.document.write("<body onBlur = "test();" bgcolor=\"#FFFFFF\">");
new_window.document.write ("Week 1 Question".bold());
new_window.document.write("<table><tr><td>Is there a role of process owner in your organization? If not, how will you overcome this challenge? Why do you need process owners as a Lean Six Sigma Green Belt Project Leader?</td></tr></table>");
new_window.document.write("<br />");
new_window.document.write("</body></html>");

// close the document
new_window.document.close(); 
}

// This is the function that will close the
// new window when the mouse is moved off the link
function close_window() 
{
new_window.close();
}

</script>

I've written a javascript class that displays a popup, but as soon as the code executes the popup vanishes.

I've stepped through the code, line by line and there's nothing that "hides" the popup, the DIV that is created by the class, just reverts back to the default configuration generated by the following function:

Code:

function generateMarkup() { //build markup
var newNode = document.createElement( 'DIV' );
newNode.id = IDs.HelpPopup;
newNode.style.visibility = 'hidden';
newNode.innerHTML = [
'<div id="popup">',
'<div id="inside">',
'</div>',
'</div>'
].join( '' );
 return newNode;
}

All the changes made to the DIVs via document.getElementById code is completely wiped out. For example:

Code:

document.getElementById("inside").innerHTML = sText;

If I stop processing just before the Class returns to the form, the generated code is exactly as I expect it to be with all the dynamic modifications.

The class is triggered by an onClick event on a BUTTON.

I've tried to put a "sleep" function in after executing the function that modifies the DIVs, but that seems to execute before the function, not after, so the popup just flickers into existence and then vanishes.

Can anyone give me any hint(s) as to how to stop this happening.

Hello Folks,

Here is my dropdown menu:
Code:

  
<select name="peeps">

<option value="Frank Tompson">Frank Tompson</option>
<option value="Henry Wilson">Henry Wilson</option>
<option value="Bill Kent">Bill Kent</option>
<option value="Jessi McDonald"> Jessi McDonald</option>
<option value="John Hays">John Hays</option>

How can i make it so if i click on John Hays a JavaScript pop up will say Hello John Hays, and if i click on Bill Kent a popup will say hello Bill Kent and if i click on any other name nothing happens?