Need a "static" variable for using window.event.cl ientX

[chad.a.morris]

Hi everyone,

I didn't know how to sum this up very well for the title, but hopefully
the person(s) will come along who can help.

I'm trying to use the window.event.cl ientX value for positioning a
javascript routine, but I'm having trouble. When the javascript
routine comes up, it comes up in a certain position based on
window.event.cl ientX. However, the user could click on something in
the script display (say, like a menu, or a calendar, or something),
that my "refresh" (reload that same script but with different values).
Thus, the first time, it works perfectly, but thereafter, it sets the
new x,y values to the most recent window.event.cl ientX and
window.event.cl ientY positions. I want it ONLY USE the positions which
were first used.

Does this make sense? Ok, here is the code snippets:

// This is the javascript
function RollOver( Text )
{
HelpText = Text ;
HelpX = window.event.cl ientX;
HelpY = window.event.cl ientY;
ToShow = setTimeout( "DoRollOver ()", 1, "JAVASCRIPT " );
}

// This is the HTML
<input type="Text" name="timestamp 1" value="">
<img src="myImage.gi f" onmousedown="Ro llOver( getText() );">
The first time the image is clicked, the source comes up in the correct
place. But this new script that came up is now the current "event" so
when someone clicks on something to reload the script with a different
value, it sets the position relative to the lastest script placement,
not the original image.

If this doesn't make sense, let me know. Any help is greatly
appreciated!!!

[chad.a.morris]

Nevermind, I found something that will work. This is what I did:

<script ...>
var HelpX = HelpY = 0 ;

function RollOver( Text )
{
HelpText = Text ;

if( HelpX == 0 )
HelpX = window.event.cl ientX;

if( HelpY == 0 )
HelpY = window.event.cl ientY;

ToShow = setTimeout( "DoRollOver ()", 1, "JAVASCRIPT " );
}

Thanks, anyway. Hopefully this will help someone else out!

[Janwillem Borleffs]

ch***********@g mail.com wrote:

ToShow = setTimeout( "DoRollOver ()", 1, "JAVASCRIPT " );

What's the use of the third argument? AFAIK, the setTimeout function
excepts only two...
JW

[Janwillem Borleffs]

Janwillem Borleffs wrote:

What's the use of the third argument? AFAIK, the setTimeout function
excepts only two...

Never mind, appears to be an IE thingy...
JW

[jmachine]

I'm getting the following error:
getText is not defined
What gives?
Thanks
JM

[Zif]

ch***********@g mail.com wrote:

Nevermind, I found something that will work. This is what I did:

<script ...>
var HelpX = HelpY = 0 ;

function RollOver( Text )
{
HelpText = Text ;

if( HelpX == 0 )
HelpX = window.event.cl ientX;
You can simplify the test, and make this cross-browser (see below).

if( HelpY == 0 )
HelpY = window.event.cl ientY;
If HelpX was not defined, then neither will HelpY be, so if not one, do
both. And use a cross-browser method of finding the location of the event:

if (!HelpX) {
var pos = getPos(e);
HelpX = pos[0];
HelpY = pos[1];

ToShow = setTimeout( "DoRollOver ()", 1, "JAVASCRIPT " );
What is the point of using setTimeout with a delay of 1ms? It will
appear instantaneous.
}

Thanks, anyway. Hopefully this will help someone else out!

Only if intended for IE. Cross-browser version (tested in IE an Firefox):
<script type="text/javascript">

var HelpXY;
var onShow;

// Dummy getText function
function getText(){ return 'the Help text'; }

function RollOver(e, txt)
{
var e = e || window.event;
if (!HelpXY {
HelpXY = getPos(e);
}
if (!onShow){
onShow = setTimeout(func tion(){
showRollOver(He lpXY[0], HelpXY[1], txt);
}, 500);
}
}

function showRollOver(x, y, t)
{
var oDiv = document.create Element('div');
oDiv.style.posi tion = 'absolute';
oDiv.style.left = x + 'px';
oDiv.style.top = y + 'px';
oDiv.style.back groundColor = '#eeeeee';
document.body.a ppendChild(oDiv )
oDiv.innerHTML = t;
setTimeout(func tion() {deleteHelp(oDi v)}, 2000);

}

function deleteHelp(el)
{
el.parentNode.r emoveChild(el);
onShow = null;
// Comment out next line to have text always appear
// where first click was
HelpXY = null;
}

// Get the mouse position (adapted from quirksmode)
function getPos(e)
{
if (e.pageX || e.pageY){
return [ e.pageX, e.pageY];
} else if (e.clientX || e.clientY) {
return [ e.clientX + document.body.s crollLeft,
e.clientY + document.body.s crollTop];
}
}
</script>

<img src="a.jpg" onmousedown="Ro llOver(event, getText() );">

--
Zif