spacer
Yehuda Shiran January 8, 2001
Detecting the Event's Direction
Tips: January 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
Google Chrome Playing Catch-Up on Extensions
Open Solutions Alliance Gets New Leadership
Red Hat Spacewalk Expands Linux Management
The e object holds a lot of information about the Netscape 6 event. The bubbles property, for example, reveals whether the event bubbles up the hierarchy. The following statement prints true when the event does bubble, and false otherwise:

window.status = e.bubbles;
The status window is shown on the bottom left corner of Netscape 6 window. Notice that you have to pass the e object as a parameter to those functions which reference it. In the following example, we pass the e object as a parameter to colorItYellow() and colorItTan():

<DIV ID="demoDiv" STYLE="position:relative; left:100px; top:20px; width:120px; 
height:25px; color:blue; background-color:yellow;">Mouse over me!</DIV>
<SCRIPT LANGUAGE="JavaScript">
<!--
var demoObj;

function init() {
  demoObj = document.getElementById("demoDiv");
  demoObj.addEventListener("mouseover", colorItTan, false);
  demoObj.addEventListener("mouseout", colorItYellow, false);
}

function colorItTan(e) {
  demoObj.style.backgroundColor = "tan";
  window.status = e.bubbles;
}

function colorItYellow(e) {
  demoObj.style.backgroundColor = "yellow";
  window.status = e.bubbles;
}

onload = init; 
// -->
</SCRIPT>
Get on Netscape 6 browser and play with this demo.


People who read this tip also read these tips:

Look for similar tips by subject:

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

webref The latest from WebReference.com Browse >
Popular JavaScript Framework Libraries: An Overview - Part 3 · Accessing Your MySQL Database from the Web with PHP · Working with the DOM Stylesheets Collection
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
MS Access and MySQL · Cisco AutoQoS: VoIP QoS for Mere Mortals · While VoIP Adoption Explodes in Enterprise, Carrier Spending Lags