Newbee Question

Paul Baker · Nov 9, 2003

Hi, I'm just learning this new scripting language.

I have created a little script (see below). The HTML builds a table and one
of the cells has a OnMouseOver parameter which I have set to my "Hello"
function. How do I reference the cell used to trigger "Hello". For
example, can I change the background color of the cells as the mouse passes
over them?

<TD onMouseOver="hello()">test</TD>

Within hello, how do I reference the TD cell that triggered hello?

I hope this makes sense.

Thanks in Advance!

Paul
Minneapolis

<html>
<head>
<title>CSS - Example 1</title>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<link rel=stylesheet type="text/css"
href="css1.css"
title="Example 1">
</head>
<body>
<h1>Test H1</h1>
<table align="center" class=test>
<TR>
<TD onMouseOver="hello()">test</TD>
<TD>test</TD>
</TR>
<TR>
<TD>test</TD>
<TD>test</TD>
</TR>
</table>
<h1>Test H1</h1>
</body>
</html>

VK · Nov 9, 2003

<td onMouseOver="doWhatYouWantWith(this)"></td>

function doWhatYouWantWith(obj) {
obj.style.backgroundColor = myColor;
// and so on
}

Matt Eberts · Nov 9, 2003

Paul Baker said:
Hi, I'm just learning this new scripting language.

I have created a little script (see below). The HTML builds a table and one
of the cells has a OnMouseOver parameter which I have set to my "Hello"
function. How do I reference the cell used to trigger "Hello". For
example, can I change the background color of the cells as the mouse passes
over them?

Depending on the browser, event handlers either recieve an event object as a
parameter (Mozilla, DOM event model compliant browsers), or can access the
event object on the window object (IE).

Here's an example

function hello(event)
{

if(typeof event == "undefined")
{
event = window.event;
}

//event.target stores the object reference for the node that was the source
of the event for the DOM event model.
//event.srcElement stores the object reference for the node that was the
source of the event for IE
var src = event.target || event.srcElement;
}

Matt

Evertjan. · Nov 9, 2003

Paul Baker wrote on 09 nov 2003 in comp.lang.javascript:

<TD onMouseOver="hello()">test</TD>

Within hello, how do I reference the TD cell that triggered hello?

....
<TD id="myidea" onMouseOver="hello(this)">test</TD>
....

<script>
function hello(x){
alert(x.id)
alert(x.innerText) // IE
}
</script>

Paul Baker · Nov 9, 2003

Hi again,

Yes, I can see how "this" could be used. I can display parameters
associated with "this" but is it possible to actually change the parameters
dynamically. Like my example, can I change the background color of the cells
as the mouse passes over them?

Thank again!

Paul

Evertjan. · Nov 10, 2003

Paul Baker wrote on 10 nov 2003 in comp.lang.javascript:

Yes, I can see how "this" could be used. I can display parameters
associated with "this" but is it possible to actually change the
parameters dynamically. Like my example, can I change the background
color of the cells as the mouse passes over them?

Sure, why don't you try?

You will have to read up on css, perhaps

<TD onMouseOver="hello(this)">test</TD>
...

<script>
function hello(x){

x.style.backgroundColor = "yellow"

Paul Baker · Nov 10, 2003

Thanks...

Evertjan. said:
Paul Baker wrote on 10 nov 2003 in comp.lang.javascript:

Sure, why don't you try?

You will have to read up on css, perhaps

x.style.backgroundColor = "yellow"

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Sort by number of characters	1	Nov 2, 2023
Javascript DOM	1	Mar 29, 2023
Bootstrap contact form not working	2	Feb 15, 2025
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 21, 2023
Only one table shows up with the information	2	Mar 29, 2023
Need help with <rowspan> in an HTML table	1	Nov 6, 2024
Having trouble centering contents of td ?	3	May 2, 2023

Newbee Question

Paul Baker

VK

Matt Eberts

Evertjan.

Paul Baker

Evertjan.

Paul Baker

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads