JavaScript - Popup Window Closed By User Clicks "x" At Top Right Corner Of The Window

Hi,

window.clipboardData.getData("text") is giving undefined on remote server(unix).
When deployed locally(windows xp) it is coming giving correct value. In both cases the brower is IE running on windows xp. Is there anything wrong in the way I am reading the clipboard data?

Hi everyone, I was hoping you could help me with a faily easy question.
I was asked to edit some script and I figured out most of it, however I can't seem to be able to make the links in my java script menu open in new pages.

Any help would be appreciated. Below is a copy of the script.

It's a very long script, so I just sent a section of it. Pleasse scroll down to the bottom to see where the links are (ex. http://www.korg.com, etc)

Thank you, Paul.



<!--
function mmLoadMenus() {
if (window.mm_menu_1107110519_0) return;
window.mm_menu_1107110519_0 = new Menu("root",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);
mm_menu_1107110519_0.addMenuItem("Parts&nbsp;Department","location='/e/support/accessories.html'");
mm_menu_1107110519_0.addMenuItem("Warranty&nbsp;Registration","location='/e/support/warranty.html'");
mm_menu_1107110519_0.addMenuItem("F.A.Qs","location='/e/support/faqs.html'");
mm_menu_1107110519_0.addMenuItem("Tutorials&nbsp;&amp;&nbsp;Guides","location='/e/support/tutorials.html'");
mm_menu_1107110519_0.addMenuItem("Related&nbsp;Products","location='/e/support/related_products.html'");
mm_menu_1107110519_0.addMenuItem("Downloads","location='/e/support/downloads.html'");
mm_menu_1107110519_0.addMenuItem("Newsletter","location='/e/support/newsletter.html'");
mm_menu_1107110519_0.addMenuItem("Owner&rsquo;s&nbsp;Manual","location='/e/support/manual_request.html'");
mm_menu_1107110519_0.addMenuItem("Korg Proview Request","location='/e/support/literature_request.html'");
mm_menu_1107110519_0.addMenuItem("Suggested Retail Prices","location='/e/products/pricelists.html'");
mm_menu_1107110519_0.hideOnMouseOut=true;
mm_menu_1107110519_0.menuBorder=1;
mm_menu_1107110519_0.menuLiteBgColor='#2a4960';
mm_menu_1107110519_0.menuBorderBgColor='#000000';
mm_menu_1107110519_0.bgColor='#000000';
window.mm_menu_1107105559_0_1 = new Menu("KORG",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);
mm_menu_1107105559_0_1.addMenuItem("KORG.com","location='http://www.korg.com'");
mm_menu_1107105559_0_1.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_1.hideOnMouseOut=true;
mm_menu_1107105559_0_1.menuBorder=1;
mm_menu_1107105559_0_1.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_1.menuBorderBgColor='#000000';
mm_menu_1107105559_0_1.bgColor='#000000';
window.mm_menu_1107105559_0_2 = new Menu("VOX",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);

mm_menu_1107105559_0_2.addMenuItem("VOX.co.uk","location='http://www.voxamps.co.uk'");
mm_menu_1107105559_0_2.addMenuItem("VOX online Newsletter","location='http://www.f3studios.com/vox'");
mm_menu_1107105559_0_2.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_2.hideOnMouseOut=true;
mm_menu_1107105559_0_2.menuBorder=1;
mm_menu_1107105559_0_2.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_2.menuBorderBgColor='#000000';
mm_menu_1107105559_0_2.bgColor='#000000';
window.mm_menu_1107105559_0_3 = new Menu("SAMSON",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);

mm_menu_1107105559_0_3.addMenuItem("SAMSON WIRELESS","location='http://www.samsontech.com/products/brandpage.cfm?brandID=1'");
mm_menu_1107105559_0_3.addMenuItem("SAMSON AUDIO","location='http://www.samsontech.com/products/brandpage.cfm?brandID=2'");
mm_menu_1107105559_0_3.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_3.hideOnMouseOut=true;
mm_menu_1107105559_0_3.menuBorder=1;
mm_menu_1107105559_0_3.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_3.menuBorderBgColor='#000000';
mm_menu_1107105559_0_3.bgColor='#000000';
window.mm_menu_1107105559_0_3a = new Menu("HARTKE",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);

mm_menu_1107105559_0_3a.addMenuItem("HARTKE","location='http://www.samsontech.com/products/brandpage.cfm?brandID=3'");
mm_menu_1107105559_0_3a.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_3a.hideOnMouseOut=true;
mm_menu_1107105559_0_3a.menuBorder=1;
mm_menu_1107105559_0_3a.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_3a.menuBorderBgColor='#000000';
mm_menu_1107105559_0_3a.bgColor='#000000';
window.mm_menu_1107105559_0_4 = new Menu("LIGHTSNAKE",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);

mm_menu_1107105559_0_4.addMenuItem("LIGHTSNAKE","location='http://www.soundtech.com'");
mm_menu_1107105559_0_4.addMenuItem("Pricelist","location='http://www.korgcanada.com/e/products/pricelists.html'");

mm_menu_1107105559_0_4.hideOnMouseOut=true;
mm_menu_1107105559_0_4.menuBorder=1;
mm_menu_1107105559_0_4.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0_4.menuBorderBgColor='#000000';
mm_menu_1107105559_0_4.bgColor='#000000';


window.mm_menu_1107105559_0 = new Menu("root",150,17,"Verdana, Arial, Helvetica, sans-serif",11,"#92c4f5","#2a495f","#2a495f","#99ccff","left","middle",3,0,500,0,0,true,true,true,0,false ,true);
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_1,"location='http://www.korg.com'");
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_2,"location='http://www.voxamps.co.uk'");
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_3,"location='http://www.samsontech.com'");
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_3a,"location='http://www.samsontech.com/products/brandpage.cfm?brandID=3'");
mm_menu_1107105559_0.addMenuItem(mm_menu_1107105559_0_4,"location='http://www.soundtech.com'");

mm_menu_1107105559_0.addMenuItem("Promotions","location='/e/promotions.html'");
mm_menu_1107105559_0.addMenuItem("Suggested Retail Prices","location='/e/products/pricelists.html'");

mm_menu_1107105559_0.hideOnMouseOut=true;
mm_menu_1107105559_0.childMenuIcon="/images/nav/arrows.gif";
mm_menu_1107105559_0.menuBorder=1;
mm_menu_1107105559_0.menuLiteBgColor='#2a4960';
mm_menu_1107105559_0.menuBorderBgColor='#000000';
mm_menu_1107105559_0.bgColor='#000000';

mm_menu_1107105559_0.writeMenus();
} // mmLoadMenus()

//-->

Hey guys! i'm trying to put a search box on my web site but every time i type any thing, it opens the search results on the same page. How can i make the search contents open on a fresh page?

For a parent window opened a child window, how can the parnet window be notified when the child window is closed or terminated?

Thank you.

Hi, my employer found a shell html file with just a script on it as in the title

PHP Code:
<script type="text/javascript">
window.location="/controlPanel"

</script> 


Can anyone tell me what this might be doing? He said he doesnt even remember uploading this file to his site.

I tried googleing the code, but didn't find specifically what it is. I think maybe its a redirect of sorts, but not sure, and definately not sure why we have it or how we have it.

Thanks for any help!

I have a textarea with two buttons on it on the main page. When the user types into the textbox and hits the first button, a new window appears with the html language the user typed into the box. the other button closes the window. I cannot get the user's input to show up in the new window... Here is my code so far

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Test</title>
</head>

<body>

<form name = "form1">
<br>
Type your HTML code below:
<br>
<textarea name = "userInput" cols = "70" rows = "30"></textarea>
<br>
<input type = "button" value = "Preview" name = "preview" onclick = "write2new()">
<input type = "button" value = "Close Preview" name = "closePreview" onclick = "w.close()">
</form>


<script language="JavaScript" type="text/javascript">
<!--
function write2new()
{
 	var t = document.form1.userInput.value;			 
  var w = open("");
	w.document.write(t);
	w.document.close();
	
}
//-->
</script>

</body>
</html>

I have the code below in my popup window which currently brings up a blank page in the background as the main window. Instead I want the popup to come up but the original page I left is in the background as the main window. Does anyone know how I can do that with the code I currently have.
Code:

<html>
<head>
 <title>JavaScript Popup Example 3</title>
</head>
<script type="text/javascript">
function poponload()
{
    testwindow = window.open("", "mywindow", "location=0,status=0,scrollbars=0,width=350,height=400");
    testwindow.moveTo(0, 0);
  testwindow.document.write('<h1>Get outta here!</h1><a href="javascript:void(0);" onclick="window.opener.history.go(-1); self.close();">Parent back button</a>');
testwindow.focus();
}
</script>
<body onload="javascript: poponload()">
</body>
</html>

Hi ,

Kindly help

I have to handle the browser RED X close button in the window.

The problem is that its not saving the data.
before submitting/saving the data it executes the window.close()
I put settime out and form on submit conditionalyy put
even its not saving the data
But window is closing.
how can we sequentiate the save + window.close()

im copying the code below.
============
window.onbeforeunload = function()
{
if (window.event.clientY < 0 && (window.event.clientX > (document.documentElement.clientWidth - 5) || window.event.clientX < 15))
{
editedCheck();
document.BuildRequestForm.buttonClicked.value="REDX";
if( document.BuildRequestForm.measdatachanged.value=="false")
{
setVarZero();
fn_Close();
}
else
{
if(confirm('Do you want to save the changes?'))
{
elmtForm.onsubmit = fn_Close;
//document.BuildRequestForm.onsubmit=fn_Close;
//setVarZero()
saveMeasurement(); setTimeout('setVarZero()',1000);
//window.setTimeout(function() { window.close();}, 1000);
//window.setTimeout(function() { fn_Close();}, 1000);
//fn_Close();
//return true;
}
else
{ return "If you want to close the window click - Leave Page";}

}

}

}

=============
browser close RED X button+ popup OK Cancel "save or not" +OK

Does anyone have a sizeable popup that will work in google chrome??

I have tried several scripts for this with no success, they all open full page..

Here is an example of what I am looking for...

The problem with this is it opens a new page plus a full page popup

Code:

<script type="text/javascript">
<!--
function popup(url) 
{
 var is_chrome; 
 var width  = 1020;
 var height = 600;
 var left   = (screen.width  - width)/2;
 var top    = (screen.height - height)/2;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=yes';
 params += ', scrollbars=yes';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'windowname5', params);
 is_chrome= navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
 if (is_chrome) {newwindow.parent.blur();}
 if (window.focus) {newwin.focus()}
 return false;
}
// -->
</script>

To open I am using
Code:

onclick=popup(mypage.php?id=".$row->id."

I have created a page where everytime the page loads a popup window opens and diplays a message. This is done through javascripting. After the message is read the reader can close the window. The popup page is an actual html page and not a dialog box. This is fine except, everytime the visitor comes back to that page the window pops up. Is there a way to hve it where I can insert a link or button that says "Don't show message again" . That way it will pop up the first time but if the reader clicks that "Don't show message again" it will not appear again. Maybe set some sort of cookie. HELP ME PLEASE

Hey there everybody!

I'm learning javascript, and I am having trouble figuring out how to do this. Maybe you guys can help me out.

What I need is for my main page to have a text field. Above the text field there should be a set of images for bold, italics, underline, etc; when you click on them it inserts the html code <b></b> at the cursor point.

Next I want there to be a link, that when clicked will open a popup box with smileys. When you click on one of the smiley images it should insert the smiley code (example :smile: ) into the parent window text field. And would it be possible to make that work with pages of emotes? Or perhaps a second popup window?

I hope I explained that without it sounding confusing. I would really appreciate any help.

Here is my basic code, it does not include a popup code however.
Code:

<html>
<script type="text/javascript">
function insert(el,ins) {
window.lstText={};
    if (el.setSelectionRange){
        el.value = el.value.substring(0,el.selectionStart) + ins + el.value.substring(el.selectionStart,el.selectionEnd) + el.value.substring(el.selectionEnd,el.value.length);
    }
    else if (document.selection && document.selection.createRange) {
        el.focus();
        var range = document.selection.createRange();
        range.text = ins + range.text;
    }
}
</script>
<body>
<form>


<textarea rows="20" cols="100" name="txt1" onfocus="window.lstText=this;">
This is sample text, click anywhere in here then
choose on of the buttons above to see text inserted.
</textarea><br /><br />
<img src="http://i570.photobucket.com/albums/ss141/vwcorrado/Docs_smiley.jpg" onclick="insert(window.lstText,'hello')">

<input type="button" value="hi" onclick="insert(window.lstText,'hi')">
<br />
</form>
</body>
</html>

I am trying to manipulate a an image gallery that functions well. Now, I have the ability to pull information from a user's preference pannel and need to place it in the an href="" // And other information in each of the "src" | "url" | "alt".
Any ideas would be truly helpful. This is what I am working with at the moment and it doesn't work (obviously because it is adding code inside a span). Here is what I am starting from:
[CODE] var title01Span = document.getElementById('title01Span'), //Finds the id that I want
prefs = new gadgets.Prefs(), // Pulls from the user's preferences
yourtitle01 = prefs.getString("title01"); // Pulls the correct string from those preferences
title01Span.innerHTML = yourtitle01; // replaces the span.id with that text but I need to be able to do this in the src / href / url / etc.
[CODE]
Thank you so much! I seriously could use as much help as possible!

Hi all, I'm having a bit of a problem..

I need to disable the submit button on body onload, and i need to re-enable it when "i agree" is checked.

the problem is, it wont do this..

it literally stays disabled, even after check mark..

code:

Code:

<html>
<head><title>Metal Detecting</title></head>
<body onload="disable()" oncontextmenu="return false;">
<script>
function disable(){
if(document.forms.test.agree.checked == false){
document.forms.test.s1.disabled = true;
}
}

function enable(){
if(document.forms.test.agree.checked == true){
document.forms.test.s1.disabled = false;
}
}
function checkCheckBox(f) {
  if (f.agree.checked == false) {
    alert('You MUST agree to the terms by checking the box above.');
    return false;
  }else{
    enable()
    return true;
    }
}
var max=255;
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit){ // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
}else{
countfield.value = maxlimit - field.value.length;
}
}
function submitonce(theform){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
//screen thru every element in the form, and hunt down "submit" and "reset"
for (i=0;i<theform.length;i++){
var tempobj=theform.elements[i]
if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset")
//disable em
tempobj.disabled=true
}
}
}
function checkdata(which) {
  var pass=true;
var t1 = document.forms.test;
  for (i=0;i<which.length;i++) {
    var tempobj=which.elements[i];
    if (tempobj.name.substring(0,8)=="required") {
      if (((tempobj.type=="text"||tempobj.type=="textarea")&&
          tempobj.value=='')||(tempobj.type.toString().charAt(0)=="s"&&
          tempobj.selectedIndex==0)) {
        pass=false;
        break;
      }
    }
  }
  if (!pass) {
    shortFieldName=tempobj.name.substring(8,30).toUpperCase();
    alert("The "+shortFieldName+" field is a required field.");
    return false;
  } else {
  return true;
  }
}
function emailCheck (emailStr) {

/* The following variable tells the rest of the function whether or not
to verify that the address ends in a two-letter country or well-known
TLD.  1 means check it, 0 means don't. */

var checkTLD=1;

/* The following is the list of known TLDs that an e-mail address must end with. */

var knownDomsPat=/^(com|net|org|edu|int|mil|gov|arpa|biz|aero|name|coop|info|pro|museum)$/;

/* The following pattern is used to check if the entered e-mail address
fits the user@domain format.  It also is used to separate the username
from the domain. */

var emailPat=/^(.+)@(.+)$/;

/* The following string represents the pattern for matching all special
characters.  We don't want to allow special characters in the address. 
These characters include ( ) < > @ , ; : \ " . [ ] */

var specialChars="\\(\\)><@,;:\\\\\\\"\\.\\[\\]";

/* The following string represents the range of characters allowed in a 
username or domainname.  It really states which chars aren't allowed.*/

var validChars="\[^\\s" + specialChars + "\]";

/* The following pattern applies if the "user" is a quoted string (in
which case, there are no rules about which characters are allowed
and which aren't; anything goes).  E.g. "jiminy cricket"@disney.com
is a legal e-mail address. */

var quotedUser="(\"[^\"]*\")";

/* The following pattern applies for domains that are IP addresses,
rather than symbolic names.  E.g. joe@[123.124.233.4] is a legal
e-mail address. NOTE: The square brackets are required. */

var ipDomainPat=/^\[(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\]$/;

/* The following string represents an atom (basically a series of non-special characters.) */

var atom=validChars + '+';

/* The following string represents one word in the typical username.
For example, in john.doe@somewhere.com, john and doe are words.
Basically, a word is either an atom or quoted string. */

var word="(" + atom + "|" + quotedUser + ")";

// The following pattern describes the structure of the user

var userPat=new RegExp("^" + word + "(\\." + word + ")*$");

/* The following pattern describes the structure of a normal symbolic
domain, as opposed to ipDomainPat, shown above. */

var domainPat=new RegExp("^" + atom + "(\\." + atom +")*$");

/* Finally, let's start trying to figure out if the supplied address is valid. */

/* Begin with the coarse pattern to simply break up user@domain into
different pieces that are easy to analyze. */

var matchArray=emailStr.match(emailPat);

if (matchArray==null) {

/* Too many/few @'s or something; basically, this address doesn't
even fit the general mould of a valid e-mail address. */

alert("Email address seems incorrect (don't forget to add an @ and a . to your email address!)");
return false;
}
var user=matchArray[1];
var domain=matchArray[2];

// Start by checking that only basic ASCII characters are in the strings (0-127).

for (i=0; i<user.length; i++) {
if (user.charCodeAt(i)>127) {
alert("Ths username contains invalid characters.");
return false;
   }
}
for (i=0; i<domain.length; i++) {
if (domain.charCodeAt(i)>127) {
alert("Ths domain name contains invalid characters.");
return false;
   }
}

// See if "user" is valid 

if (user.match(userPat)==null) {

// user is not valid

alert("The username doesn't seem to be valid.");
return false;
}

/* if the e-mail address is at an IP address (as opposed to a symbolic
host name) make sure the IP address is valid. */

var IPArray=domain.match(ipDomainPat);
if (IPArray!=null) {

// this is an IP address

for (var i=1;i<=4;i++) {
if (IPArray[i]>255) {
alert("Destination IP address is invalid!");
return false;
   }
}
return true;
}

// Domain is symbolic name.  Check if it's valid.
 
var atomPat=new RegExp("^" + atom + "$");
var domArr=domain.split(".");
var len=domArr.length;
for (i=0;i<len;i++) {
if (domArr[i].search(atomPat)==-1) {
alert("The domain name does not seem to be valid.");
return false;
   }
}

/* domain name seems valid, but now make sure that it ends in a
known top-level domain (like com, edu, gov) or a two-letter word,
representing country (uk, nl), and that there's a hostname preceding 
the domain or country. */

if (checkTLD && domArr[domArr.length-1].length!=2 && 
domArr[domArr.length-1].search(knownDomsPat)==-1) {
alert("The address must end in a well-known domain or two letter " + "country.");
return false;
}

// Make sure there's a host name preceding the domain.

if (len<2) {
alert("This address is missing a hostname!");
return false;
}

// If we've gotten this far, everything's valid!
return true;
}
</script>
Please contact us!<br><br>
*Please note you can submit the form ONLY once. Any double form submissions will be deleted.<br>
<form name="test" id="test" method="POST" onsubmit="return checkdata(this), emailCheck(this.email.value), checkCheckBox(this)" action="send.php">
<div id = "div01" style="width: 100; height: 25;">
  Firstname: <input name="requiredfirstname" id="firstname" type="text" />
  Lastname: <input name="requiredlastname" id="lastname" type="text" />
  Email: <input name="requiredemail" id="email" type="text" /><br /><br />
</div>
<H4>Your statement: </H4>
  <textarea onKeyDown="textCounter(this.form.statement,this.form.counter,max);" onKeyUp="textCounter(this.form.statement,this.form.counter,max);" name="requiredstatement" id="statement" rows="15" cols="40"></textarea><br />
 Characters left: <input readonly="readonly" value="255" size=3 maxlength=3 type="text" name="counter" id="counter"><br/><br />
<textarea name="license" cols="40" rows="15" id="license">Blah!</textarea><br/>
<input name="agree" id="agree" type="checkbox"> I have read & agree to the above<br/>
  <input name="s1" id="s1" value="Submit" type="submit" />&nbsp;<input type="reset" name="rset" value="Reset" /><br/>
</form>
</body>
</html>

if its possible to make it do both in 1 function, please show an example. if you have to use 2 functions, then also show me an example.

ANY help is GREATLY appreciated!

Hello, I run a online gaming website, and I'm having problems with certain websites iframing our games.

Actually I'm ok with iframing, as long as they include the banner ad located just beneath our games. But often times unscrupulous webmasters will iframe only the game, preventing us from generating any revenue from the banner ad (and costing us additional bandwidth charges).

I'm hoping to find a way to detect the dimensions of the iframe, so that I may dynamically resize the game, in order to include the banner ad within the iframe. Does anybody know how to extract the "height" and "width" attribute values from an <iframe> tag sitting on a different site?

Regards,
Steve

I have written a little bit of javascript to make a DIV appear like a pop-up window when the user clicks on a link, as follows:

in the HTML:

<a href="javascript:showInfo('You clicked me!')">click me</a>

in the javascript: Code:

infoDiv = 0;

function showInfo(html)
{
  if (infoDiv == 0)  //Make sure more than one can't be created at a time.
    {   
      infoDiv = document.createElement("div");

      infoDiv.setAttribute("class", "c3-info");

      infoDiv.innerHTML = "<div class='c3-info-content'>" + html + "</div>" + "<div class='c3-info-close-bot'><a href='javascript:hideInfo()'>[close this message]</a></div>";

      document.body.appendChild(infoDiv);
    }
}

function hideInfo()
{
  if (infoDiv != 0)
    {
      document.body.removeChild(infoDiv);
      infoDiv = 0;
    }
}

I then have a CSS fle which I use to format the DIV.

I currently use the CSS to make the div position absolute and make appear in the middle of the screen, when the scroll-bars are all the way up and left.

This works well, but I want to set the position property of the DIV in its style attribute so that it appears at the point where the mouse was clicked (i.e. over the top of the hyperlink).

How do I get the mouse x and y or the click-location? And do I have to compensate for the scrollbar position?