Announcement

**joh6nn** · Jun 27, 2002, 03:53 PM

window.onfocus = function() {
dark(document.getElementById(divId));
}

window.onblur = function() {
dark(document.getElementById(divId));
}

i don't know what to tell you about the iframe. you'll have to play with it first, and see.

**Quiet Storm** · Jun 27, 2002, 04:07 PM

I think I'm not quite getting it:

<SCRIPT>
window.onfocus = function() {
light(document.getElementById(mist));
}
window.onblur = function() {
dark(document.getElementById(mist));
}
</SCRIPT>

<DIV ID="mist" STYLE="background-color:#000000; width:100%; height:100%; filter:alpha(Opacity=0);position: absolute; bottom: 0px; left: 0px; z-index:1;">
 
</DIV>

Like that?

**adios** · Jun 27, 2002, 08:53 PM

hey, QS...

Gotta pass that id as a string; unless you're using light() & dark() elsewhere, might as well incorporate the whole thing:

Code:

onfocus = function() {
var el; 
if (typeof document.all != 'undefined') el = document.all('mist'); 
else if (typeof document.getElementById != 'undefined') el = document.getElementById('mist'); 
if (el) el.style.[i]whatever[/i] = [i]whatever[/i];
}

onblur = function() { 
var el; 
if (typeof document.all != 'undefined') el = document.all('mist'); 
else if (typeof document.getElementById != 'undefined') el = document.getElementById('mist'); 
if (el) el.style.[i]whatever[/i] = [i]whatever[/i];
}

You're correct about the <iframe>; a number of things can fire a blur event on the window object even while its document content retains focus. Sometimes better to identify these bugs as they occur...

**Quiet Storm** · Jun 27, 2002, 10:20 PM

I got it. I played around with several different options and these are the basics:

Code:

<DIV ID="mist" 
 STYLE="filter:alpha(Opacity=0); 
     background-color:#000000; 
     width:100%; 
     height:100%; 
     position: absolute; 
     bottom: 0px; 
     left: 0px; 
     z-index:2;" 
     onFocus="dark(mist);" 
     onBlur="light(mist);" >
&amp;nbsp;
</DIV>

I also have to have the onFocus and onBlur events in the body:

Code:

<BODY 
BGCOLOR="tan" 
 MARGINWIDTH="0" 
  MARGINHEIGHT="0" 
   LEFTMARGIN="0" 
    RIGHTMARGIN="0" 
     BOTTOMARGIN="0" 
      TOPMARGIN="0" 
 onLoad="
  this.focus(); 
   window.status='Springfield DX - v6.0'; 
    blurLinks();"
 onselectstart="return false" 
 onselect="return false"
 onFocus="dark(mist);" 
 onBlur="light(mist);">

It seems to work with just that.. suprised the code outta me!

Announcement

How can I explain this...?

How can I explain this...?

Comment

Comment

Comment

Comment