Brighter / color inversion on mouse over

[pamelafluente]

Hi guys,

I have a hard problem :) I have the following situation:

<span onmouseover = "SelectionEffec t()">
<div style="width: 50px; height: 50px;
background-color:#FFE4E1"> </div>
</span>
How can I code SelectionEffect () to have that when the mouse hover the
span the background color of the div becomes brigher, whatever color it
is?

Or perhaps even a color inversion (not R, not B, not G) within the span
would do (I want one "feels" he is moving over some area).

-Pam

[Richard Cornford]

pamelaflue...@l ibero.it wrote:

>... . The general rule for translating CSS
property names into - style - object property names is that the
character following the dash is make uppercase and the dash is
removed, so:-

border-style

- becomes:-

borderStyle

<snip>

Made the correction but still there must be some other problem.
Does not work. :(

<snip>

MyDiv.style.Bor derStyle = "double";

<snip>

You have uppercased the initial letter; it is only the letters
following a dash that need to be uppercase.

MyDiv.style.bor derStyle = "double";

Richard.

[pamelafluente]

Yes Richard, sorry about that. My first attempt was pasting Your code.
Then I tried Uppercase (just in case!). Still no luck (?) :(

here it is the fellow:

<script type="text/javascript">

var PreviousStyle;

function mOver(MyDiv)
{
PreviousStyle = MyDiv.style.bor der-style;
MyDiv.style.bor derStyle = "double";
}
function mOut(MyDiv)
{
MyDiv.style.bor derStyle = PreviousStyle;
}

</script>
<div id="Square1" onclick="Cliked (This)" >
<div style="width: 50px; height: 50px; background-color:green"
onmouseover = "mOver(this )" onmouseout = "mOut(this) " ></div>
</div>

<br />

<div id="Square2">
<div style="width: 50px; height: 50px; background-color:red"
onmouseover = "mOver(this )" onmouseout = "mOut(this) " ></div>
</div>
Richard Cornford ha scritto:

pamelaflue...@l ibero.it wrote:

... . The general rule for translating CSS
property names into - style - object property names is that the
character following the dash is make uppercase and the dash is
removed, so:-
>
border-style
>
- becomes:-
>
borderStyle

<snip>

Made the correction but still there must be some other problem.
Does not work. :(

<snip>

MyDiv.style.Bor derStyle = "double";

<snip>

You have uppercased the initial letter; it is only the letters
following a dash that need to be uppercase.

MyDiv.style.bor derStyle = "double";

Richard.

[pamelafluente]

Ah OK I got I. It works now! Beautiful

Thanks, Richard. You are my hero!

-pam

Richard Cornford ha scritto:

pamelaflue...@l ibero.it wrote:

... . The general rule for translating CSS
property names into - style - object property names is that the
character following the dash is make uppercase and the dash is
removed, so:-
>
border-style
>
- becomes:-
>
borderStyle

<snip>

Made the correction but still there must be some other problem.
Does not work. :(

<snip>

MyDiv.style.Bor derStyle = "double";

<snip>

You have uppercased the initial letter; it is only the letters
following a dash that need to be uppercase.

MyDiv.style.bor derStyle = "double";

Richard.

[pamelafluente]

So... really this stuff is also case-sensitive: can't believe it !
This is really unfriendly!

-pam

pamelaflue...@l ibero.it ha scritto:

Ah OK I got I. It works now! Beautiful

Thanks, Richard. You are my hero!

-pam

Richard Cornford ha scritto:

pamelaflue...@l ibero.it wrote:

>... . The general rule for translating CSS
>property names into - style - object property names is that the
>character following the dash is make uppercase and the dash is
>removed, so:-

border-style

- becomes:-

borderStyle

<snip>

Made the correction but still there must be some other problem.
Does not work. :(

<snip>

MyDiv.style.Bor derStyle = "double";

<snip>

You have uppercased the initial letter; it is only the letters
following a dash that need to be uppercase.

MyDiv.style.bor derStyle = "double";

Richard.

[Richard Cornford]

pamelaflue...@l ibero.it wrote:

So... really this stuff is also case-sensitive

Everything in javascript is case-sensitive.

>: can't believe it !
This is really unfriendly!

<snip>

If a dynamic language like javascript attempted to be case-insensitive
(at least as far as property names are concerned) that would impose a
considerable run-time overhead.

Richard.