«

I currently change images using a mouseover script. The images contain
small text squibs, so they aren't very large. I'd like to expand the
amount of text, but I don't want to resort to large images to accomplish
my goal. Is there some method for changing text using a mouseover function
without increasing loading time?

Ed Jay (remove M to respond)

Ed Jay <> wrote:

>I currently change images using a mouseover script. The images contain
>small text squibs, so they aren't very large. I'd like to expand the
>amount of text, but I don't want to resort to large images to accomplish
>my goal. Is there some method for changing text using a mouseover function
>without increasing loading time?
>
Following up my own post...the answer is yes, by placing the different
texts on their own layers and changing the z-index to selectively bring
each layer to the top. My question then becomes, how do I change the
z-index of each layer using a mouseover function?

Ed Jay (remove M to respond)

Ed Jay wrote:

> how do I change the z-index of each layer using a mouseover function?

onmouseover="this.style.zIndex+=100;"

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

With neither quill nor qualm, Ed Jay quothed:

> Ed Jay <> wrote:
>
> >I currently change images using a mouseover script. The images contain
> >small text squibs, so they aren't very large. I'd like to expand the
> >amount of text, but I don't want to resort to large images to accomplish
> >my goal. Is there some method for changing text using a mouseover function
> >without increasing loading time?
> >
> Following up my own post...the answer is yes, by placing the different
> texts on their own layers and changing the z-index to selectively bring
> each layer to the top.

Nah. Better to use innerHTML.

> My question then becomes, how do I change the
> z-index of each layer using a mouseover function?
>

Basically by using onmouseover and getElementById. I think Toby posted
a more specific example.

> Ed Jay (remove M to respond)

There's no "M" in "Ed Jay".

--
Neredbojias
Contrary to popular belief, it is believable.

Toby Inkster <> wrote:

>Ed Jay wrote:
>
>> how do I change the z-index of each layer using a mouseover function?
>
>onmouseover="this.style.zIndex+=100;"

Thanks.

I presume that each body of text is given its own style name?

Ed Jay (remove M to respond)

Neredbojias <> wrote:

>With neither quill nor qualm, Ed Jay quothed:
>
>> Ed Jay <> wrote:
>>
>> >I currently change images using a mouseover script. The images contain
>> >small text squibs, so they aren't very large. I'd like to expand the
>> >amount of text, but I don't want to resort to large images to accomplish
>> >my goal. Is there some method for changing text using a mouseover function
>> >without increasing loading time?
>> >
>> Following up my own post...the answer is yes, by placing the different
>> texts on their own layers and changing the z-index to selectively bring
>> each layer to the top.
>
>Nah. Better to use innerHTML.

Thanks. That looks to work.
>
>> My question then becomes, how do I change the
>> z-index of each layer using a mouseover function?
>>
>
>Basically by using onmouseover and getElementById. I think Toby posted
>a more specific example.
>
>> Ed Jay (remove M to respond)
>
>There's no "M" in "Ed Jay".

email addy: <>

Ed Jay (remove M to respond)

Thank you both Toby and Neredbojias for your suggestions. I tried both
techniques and they worked fine for the case when one mouses over a text
block. However, my situation is a bit more complicated for me.

On the basis that one site example is worth a thousand attempts at
explaining...

Please go to my site <www.aes-intl.com>. Mouse over either the American or
Japanese flag and you'll observe English or Japanese text, respectively,
appearing below the AES logo. Below where the text (gif) appears is a
larger block of text ("AES is a full-service investment..."). It is this
block of text I wish to change when either flag is mouseover'ed.

IOW, I want to change a 'remote' block of text with onmouseover and
onmouseout. I'm stymied.

Ed Jay (remove M to respond)

With neither quill nor qualm, Ed Jay quothed:

> Thank you both Toby and Neredbojias for your suggestions. I tried both
> techniques and they worked fine for the case when one mouses over a text
> block. However, my situation is a bit more complicated for me.
>
> On the basis that one site example is worth a thousand attempts at
> explaining...
>
> Please go to my site <www.aes-intl.com>. Mouse over either the American or
> Japanese flag and you'll observe English or Japanese text, respectively,
> appearing below the AES logo. Below where the text (gif) appears is a
> larger block of text ("AES is a full-service investment..."). It is this
> block of text I wish to change when either flag is mouseover'ed.
>
> IOW, I want to change a 'remote' block of text with onmouseover and
> onmouseout. I'm stymied.
>
> Ed Jay (remove M to respond)

1. ID the remote block of text.

2. Create a function/2 functions called by your mouseover events (-
instead of putting the js right in the "onmouseover" link if that's what
you do now.)

3. In the function(s), do the innerHTML thing to change the text in the
ided larger block of text as well as whatever it is you do with the
mouseovers now.

Example:

In the function(s) include:

document.getElementById('lgtxtblock').innerHTML="A ES does *not* stand
for 'Ants Eat ****.'"'

--
Neredbojias
Contrary to popular belief, it is believable.

Neredbojias <> wrote:

>With neither quill nor qualm, Ed Jay quothed:
>
>> Thank you both Toby and Neredbojias for your suggestions. I tried both
>> techniques and they worked fine for the case when one mouses over a text
>> block. However, my situation is a bit more complicated for me.
>>
>> On the basis that one site example is worth a thousand attempts at
>> explaining...
>>
>> Please go to my site <www.aes-intl.com>. Mouse over either the American or
>> Japanese flag and you'll observe English or Japanese text, respectively,
>> appearing below the AES logo. Below where the text (gif) appears is a
>> larger block of text ("AES is a full-service investment..."). It is this
>> block of text I wish to change when either flag is mouseover'ed.
>>
>> IOW, I want to change a 'remote' block of text with onmouseover and
>> onmouseout. I'm stymied.
>>
>> Ed Jay (remove M to respond)
>
>1. ID the remote block of text.
>
>2. Create a function/2 functions called by your mouseover events (-
>instead of putting the js right in the "onmouseover" link if that's what
>you do now.)
>
>3. In the function(s), do the innerHTML thing to change the text in the
>ided larger block of text as well as whatever it is you do with the
>mouseovers now.
>
>Example:
>
>In the function(s) include:
>
> document.getElementById('lgtxtblock').innerHTML="A ES does *not* stand
>for 'Ants Eat ****.'"'

Thank you very much.

Who told you that's not what AES stands for?

Ed Jay (remove M to respond)

Previously in alt.html, Ed Jay <> said:

> Mouse over either the American or
> Japanese flag and you'll observe English or Japanese text, respectively,

But I don't speak American.
http://www.cs.tut.fi/~jkorpela/flags.html

--
Mark Parnell
http://www.clarkecomputers.com.au
alt.html FAQ :: http://html-faq.com/