Mouseover events...

[Uwe Allgäuer]

Hi NG!

I want to make my site more dynamic... but i dont find out how this works...

On my site there is at the left side the navigation bar and at the rigt side
i want to put a photo. The photo should change when someone puts the cursor
over the links in the left side.

Does anybody kno how this works?

thx
Uwe

[Tony]

Make sure the <img> tag for the photo has an id="" attribute. In the
onmouseover="" attribute of the link you can do something like:

document.getElementById('photoId').src='newphoto.j pg'

This may not exactly work, but at least it points you in the right
direction.

[Uwe Allgäuer]

"Tony" <to********@gmail.com> schrieb im Newsbeitrag
news:11**********************@f14g2000cwb.googlegr oups.com...

Make sure the <img> tag for the photo has an id="" attribute. In the
onmouseover="" attribute of the link you can do something like:

document.getElementById('photoId').src='newphoto.j pg'

This may not exactly work, but at least it points you in the right
direction.

Boahh, that sounds very good! But i dont know it exactly, because I did not
have much expiriences with javascript how it works...

Is it possible to give with javescript a variable to html? So i could do a
variable with an image and in the html tag i could say something like this:
<img src="var1"...
is this possible?

thx Uwe

[Michael Winter]

On Sun, 28 Nov 2004 11:05:36 +0100, Uwe Allgäuer
<uw***********@students.fh-vorarlberg.ac.at> wrote:

"Tony" <to********@gmail.com> schrieb im Newsbeitrag
news:11**********************@f14g2000cwb.googlegr oups.com...
[snip]

document.getElementById('photoId').src='newphoto.j pg'

The images collection is preferred:

document.images['photoId'].src = '...';
Is it possible to give with javescript a variable to html?

A way was proposed once, but it was never adopted, so no.

[snip]

What you're look for is something like

function setPhoto(url) {
document.images['photoId'].src = url;
}

where 'photoId' is the id attribute value of your main IMG element.

On the links, you'd have

<a ... onmouseover="setPhoto('relative or absolute URL');">

which would change the source of the IMG element to the value of the
string.

Note that this is a very simple approach to the problem.

Hope that helps,
Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

[Joakim Braun]

----- Original Message -----
From: "Uwe Allgäuer" <uw***********@students.fh-vorarlberg.ac.at>
<snip>

Is it possible to give with javescript a variable to html? So i could do a
variable with an image and in the html tag i could say something like this: <img src="var1"...
is this possible?

No.

In any case you'd still need to update the image path contained in var1
onmouseover, so you wouldn't save any typing (beyond, perhaps, one line).

Joakim Braun

[Uwe Allgäuer]

"Joakim Braun" <jo**********@jfbraun.removethis.com> schrieb im Newsbeitrag
news:zu******************@nntpserver.swip.net...

----- Original Message -----
From: "Uwe Allgäuer" <uw***********@students.fh-vorarlberg.ac.at>
<snip>

Is it possible to give with javescript a variable to html? So i could do a variable with an image and in the html tag i could say something like

this:

<img src="var1"...
is this possible?

No.

In any case you'd still need to update the image path contained in var1
onmouseover, so you wouldn't save any typing (beyond, perhaps, one line).

Joakim Braun

Well thanks a lot to all!

I try hard to do this, if there are other questions i will ask again... :-)

Thx
Uwe