bgcolor from a 'this'

[@sh]

Trying to do this, but its not working...?! My aim being to change the
bgcolor of the cell upon which the user has rolled over, I'll then replicate
this as an OnMouseOut to change it back.

-----------------------------
<script language="JavaS cript">
<!--
function Ash_TopNavRollo vers(TheObject) ; {
TheObject.bgcol or="#000099;";
}
-->
</script>
-----------------------------

AND IN THE BODY...

-----------------------------
<td width="91" align="center" valign="middle" ><a href="#"
class="TopNavTe xtNormal" OnMouseover="As h_TopNavRollove rs(this);">Butt on
Text Here</a></td>
-----------------------------

Appreciate your help!

[Daniel Kirsch]

@sh wrote:

<script language="JavaS cript">
use the
type="text/javascript"
attribute instead of the deprecated language attribute.

TheObject.bgcol or="#000099;";
use CSS instead:

TheObject.style .backgroundColo r="#000099;";

class="TopNavTe xtNormal"

Maybe this class defines it's own background-color and changing the HTML
elements bgcolor attribute doesn't have an effect though.

Daniel

[Mick White]

@sh wrote:

Trying to do this, but its not working...?! My aim being to change the
bgcolor of the cell upon which the user has rolled over, I'll then replicate
this as an OnMouseOut to change it back.

-----------------------------
<script language="JavaS cript">
<!--
function Ash_TopNavRollo vers(TheObject) ; {
TheObject.bgcol or="#000099;";
}
-->
</script>
-----------------------------
<script type="text/javascript">
function Ash_TopNavRollo vers(theObject) {
if(theObject && theObject.style ){
theObject.style .backgroundColo r="#000099";
}
}
</script>

<style type="text/css">
a {display: block;}
</style>

Mick

AND IN THE BODY...

-----------------------------
<td width="91" align="center" valign="middle" ><a href="#"
class="TopNavTe xtNormal" OnMouseover="As h_TopNavRollove rs(this);">Butt on
Text Here</a></td>
-----------------------------

Appreciate your help!

[RobG]

Mick White wrote:

@sh wrote:

Trying to do this, but its not working...?! My aim being to change the
bgcolor of the cell upon which the user has rolled over, I'll then
replicate this as an OnMouseOut to change it back.

-----------------------------
<script language="JavaS cript">
<!--
function Ash_TopNavRollo vers(TheObject) ; {
TheObject.bgcol or="#000099;";
}
-->
</script>
-----------------------------

Seeing as 'A' is the *only* element that IE allows CSS 'hover' on (and
even then it must have a href attribute), why not use that? No JS
required at all.

Head:

<style type="text/css">
#special a {
display: block;
}
#special a:hover {
background-color:#000099;
}
#special td {
width: 5em;
text-align: center;
}
</style>
Body:

<table id="special">
<tr>
<td valign="middle" ><a href="#">Button Text Here</a></td>
</tr>
</table>
<a href="#">Ordina ry A</a>

--
Rob

[ASM]

@sh wrote:

Trying to do this, but its not working...?! My aim being to change the
bgcolor of the cell upon which the user has rolled over, I'll then replicate
this as an OnMouseOut to change it back.

http://perso.wanadoo.fr/stephane.mor...ht_rows_fr.htm
http://perso.wanadoo.fr/stephane.mor...t_cells_fr.htm
http://perso.wanadoo.fr/stephane.mor...t_cells_en.htm

I'm surprise that :

<table width=50% border=1><tr>
<td onmouseover="th is.bgColor='yel low'"
onmouseout="thi s.bgColor='skyb lue'">a1</td>
<td onmouseover="th is.bgColor='yel low'"
onmouseout="thi s.bgColor='skyb lue'">b1</td>
<td>c1</td></tr>
<tr>
<td onmouseover="th is.bgColor='#FF FFCC'"
onmouseout="thi s.bgColor='#FFC CFF'">a2</td>
<td onmouseover="th is.bgColor='#FF FFCC'"
onmouseout="thi s.bgColor='#FFC CFF'">
b2</td><td>c2</td></tr></table>

don't work for you

(you did notice it is bgColor and not bgcolor )

My Opera won't accept colors like '#FFF' or '#fff'
--
Stephane Moriaux et son [moins] vieux Mac

[Randy Webb]

RobG wrote:

Mick White wrote:

@sh wrote:

Trying to do this, but its not working...?! My aim being to change
the bgcolor of the cell upon which the user has rolled over, I'll
then replicate this as an OnMouseOut to change it back.

-----------------------------
<script language="JavaS cript">
<!--
function Ash_TopNavRollo vers(TheObject) ; {
TheObject.bgcol or="#000099;";
}
-->
</script>
-----------------------------

Seeing as 'A' is the *only* element that IE allows CSS 'hover' on (and
even then it must have a href attribute), why not use that? No JS
required at all.

Maybe it's because nobody has answered the original question? The
question was to be able to change the background color of a table cell
that a user mouse's over. The problem lies in the fact that the A tag is
being used when it should be the TD's onmouseover/out that is being
used. If the table cell is wider than the link is, the problem becomes
very apparent :)
--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly

[Mick White]

Randy Webb wrote:

[snip]

Maybe it's because nobody has answered the original question? The
question was to be able to change the background color of a table cell
that a user mouse's over.
The original:
"My aim being to change the bgcolor of the cell upon which the user has
rolled over, I'll then replicate this as an OnMouseOut to change it back."

Sounds like he's looking for "hover" to me.
Mick
The problem lies in the fact that the A tag is being used when it should be the TD's onmouseover/out that is being
used. If the table cell is wider than the link is, the problem becomes
very apparent :)

[ASM]

Mick White wrote:

Randy Webb wrote:

Maybe it's because nobody has answered the original question?

The original:
"My aim being to change the bgcolor of the cell upon which the user has
rolled over, I'll then replicate this as an OnMouseOut to change it back."

Sounds like he's looking for "hover" to me.

hover sounds like css code to me
while
onMouseOver sounds like JS to me ;-)

the right answer is :

*bgColor* and not *bgcolor*

<script language="JavaS cript"><!--
function Ash_TopNavRollo vers(TheObject) ; {
TheObject.bgCol or="#000099;";
}
function Ash_TopNavRollo uters(TheObject ); {
TheObject.bgCol or="#FFFFCC;";
}
// --></script>

<table><tr>
<td
onmouseover="As h_TopNavRollove rs(this);"
onmouseout="Ash _TopNavRolloute rs(this);"> foo </td>
<td
onmouseover="th is.bgColor='#00 0099';"
onmouseout="thi s.bgColor='#FFF FCC';"> foo </td>
</tr></table>

--
Stephane Moriaux et son [moins] vieux Mac

[Randy Webb]

Mick White wrote:

Randy Webb wrote:

[snip]

Maybe it's because nobody has answered the original question? The
question was to be able to change the background color of a table cell
that a user mouse's over.

The original:
"My aim being to change the bgcolor of the cell upon which the user has
rolled over, I'll then replicate this as an OnMouseOut to change it back."

Sounds like he's looking for "hover" to me.

Yes, it does. But the problem with the approach was that the A element
was passing a reference to "this" which points at the A element and not
the TD that contains it. So technically speaking, it was changing the
background of the link and not of the TD. That works fine if the only
child of the TD is the A element, but if there is more in the TD than
the link then it becomes apparent that the A is changing colors and not
the TD.

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq & newsgroup weekly

[ASM]

Randy Webb wrote:

But the problem with the approach was that the A element
was passing a reference to "this" which points at the A element and not
the TD that contains it.

Tremendous ! there was a link ?

so it is :

<script type="text/javascript"><!--
function rol(link){
var c = link.parentNode .bgColor;
link.parentNode .bgColor = c=='#FFFFCC'||c =='#ffffcc'?
'#FFCCFF':'#FFF FCC';
}
// --></script>

<table width=50% border=1><tr>
<td>
<a href="#" onmouseover="ro l(this)" onmouseout="rol (this)">a 1</a>
</td><td>
<a href="#" onmouseover="ro l(this)" onmouseout="rol (this)">b 1</a>
</td><td>
c 1
</td>
</tr><tr>
<td>
<A HREF="#" onmouseover="th is.parentNode.b gColor='#FFFFCC '"
onmouseout="thi s.parentNode.bg Color='#FFCCFF' ">a 2</a>
</td><td>
<a href="#" onmouseover="th is.parentNode.b gColor='#FFFFCC '"
onmouseout="thi s.parentNode.bg Color='#FFCCFF' ">b 2</A>
</td><td>
c 2
</td></tr></table>
--
Stephane Moriaux et son [moins] vieux Mac