javascript mouseover-event showing info in box on a diferent frame

[wimvan]

Hi,
I'm a nerd in javascript, but, after trying and retrying I'm addressing
me to help.
I have a page with three frames, a top-, a left- and a right-frame. a
kind a title-frmae, a button-frame and an information-frame
(mainframe).
In te button-frame, I show thumbs (images) who refer to an album on the
net. This is working for the moment. So, clicking on a thumb, a
photocollection opens in the mainframe.
Question: Can I have an onmouseover-event on a thumb, so that a little
description of the album, the thumb is refering to, appears in a box in
the mainframe ? And, of course, disappears whit the onmouseout-event.
Of course, when clicking on that thumb, the collection must appear in
the mainframe.
It would be very nicefull, that when firing the event; the description
(text and or image or a html-filename) is send as a parameter.

Thx

Wim Vanmaele

[McKirahan]

"wimvan" <va*******@hotm ail.com> wrote in message
news:11******** **************@ g47g2000cwa.goo glegroups.com.. .

Hi,
I'm a nerd in javascript, but, after trying and retrying I'm addressing
me to help.
I have a page with three frames, a top-, a left- and a right-frame. a
kind a title-frmae, a button-frame and an information-frame
(mainframe).
In te button-frame, I show thumbs (images) who refer to an album on the
net. This is working for the moment. So, clicking on a thumb, a
photocollection opens in the mainframe.
Question: Can I have an onmouseover-event on a thumb, so that a little
description of the album, the thumb is refering to, appears in a box in
the mainframe ? And, of course, disappears whit the onmouseout-event.
Of course, when clicking on that thumb, the collection must appear in
the mainframe.
It would be very nicefull, that when firing the event; the description
(text and or image or a html-filename) is send as a parameter.

Thx

Wim Vanmaele

You don't need " onmouseover=" and " onmouseout=".

Just use "alt=" and, for Firefox, title="". For example,

<img src="http://www.google.com/intl/en/images/logo.gif"
border="0" width="276" height="110"
alt="Google" title="Google">
Pass the description to the frame as another parameter.

If it's not clear then show us your code and we'll comment.

[wimvan]

McKirahan schreef:

You don't need " onmouseover=" and " onmouseout=".

Just use "alt=" and, for Firefox, title="". For example,

<img src="http://www.google.com/intl/en/images/logo.gif"
border="0" width="276" height="110"
alt="Google" title="Google">
Pass the description to the frame as another parameter.

If it's not clear then show us your code and we'll comment.

yes, I know that, but, it takes some seconds before firing and the
descriptions disapears after a while.
Secondly, with information, I mean real text, some phrases so that
several lines will be filled.
otherwhise, the info with Alt or title is showed in the frame with the
thumbs, and that is only 120 pixels wide. I rather like showing the
information into a box on the other frame where I have much more space
....

[McKirahan]

"wimvan" <va*******@hotm ail.com> wrote in message
news:11******** *************@g 14g2000cwa.goog legroups.com...

McKirahan schreef:

You don't need " onmouseover=" and " onmouseout=".

Just use "alt=" and, for Firefox, title="". For example,

<img src="http://www.google.com/intl/en/images/logo.gif"
border="0" width="276" height="110"
alt="Google" title="Google">
Pass the description to the frame as another parameter.

If it's not clear then show us your code and we'll comment.

yes, I know that, but, it takes some seconds before firing and the
descriptions disapears after a while.
Secondly, with information, I mean real text, some phrases so that
several lines will be filled.
otherwhise, the info with Alt or title is showed in the frame with the
thumbs, and that is only 120 pixels wide. I rather like showing the
information into a box on the other frame where I have much more space
...

So you want a popup?

Popups may be blocked so they won't always work.

Or do you want to show/hide the text using CSS?

[wimvan]

McKirahan schreef:

"wimvan" <va*******@hotm ail.com> wrote in message
news:11******** *************@g 14g2000cwa.goog legroups.com...

McKirahan schreef:

You don't need " onmouseover=" and " onmouseout=".

Just use "alt=" and, for Firefox, title="". For example,

<img src="http://www.google.com/intl/en/images/logo.gif"
border="0" width="276" height="110"
alt="Google" title="Google">
Pass the description to the frame as another parameter.

If it's not clear then show us your code and we'll comment.

yes, I know that, but, it takes some seconds before firing and the
descriptions disapears after a while.
Secondly, with information, I mean real text, some phrases so that
several lines will be filled.
otherwhise, the info with Alt or title is showed in the frame with the
thumbs, and that is only 120 pixels wide. I rather like showing the
information into a box on the other frame where I have much more space
...

So you want a popup?

Popups may be blocked so they won't always work.

Or do you want to show/hide the text using CSS?

No, it is not really a popup. It is a box or an html you project in
the frame

[McKirahan]

"wimvan" <va*******@hotm ail.com> wrote in message
news:11******** *************@z 14g2000cwz.goog legroups.com...

[snip]

No, it is not really a popup. It is a box or an html you project in
the frame

Something like this:

<script type="text/javascript">
function hint(what) {
document.getEle mentById("Hint" ).innerHTML = what;
}
</script>

<img src="http://www.google.com/images/google_sm.gif"
border="0" width="143" height="59" alt="Google" title="Google"
onmouseover="hi nt('Google?')" onmouseout="hin t('')">
<br><br>
<span id="Hint"></span>
What technique are you using to display the image in the other frame?

[wimvan]

McKirahan schreef:

"wimvan" <va*******@hotm ail.com> wrote in message
news:11******** *************@z 14g2000cwz.goog legroups.com...

[snip]

No, it is not really a popup. It is a box or an html you project in
the frame

Something like this:

<script type="text/javascript">
function hint(what) {
document.getEle mentById("Hint" ).innerHTML = what;
}
</script>

<img src="http://www.google.com/images/google_sm.gif"
border="0" width="143" height="59" alt="Google" title="Google"
onmouseover="hi nt('Google?')" onmouseout="hin t('')">
<br><br>
<span id="Hint"></span>
What technique are you using to display the image in the other frame?

*************** *************** ***********
Index.html
*************** *************** ***********
<html >
<!-- Created on: 2005.10.20 -->
<head>
<meta content="nature photography,nat uur fotografie, macro, macro
photography, macro fotografie, cacti, cactus, cactacea, Vanmaele, van
maele" name="keywords" >
<meta content="Nature , town and cactus, cacti photography site"
name="descripti on">
<title>Wim Vanmaeles websitehomepage </title>
</head>
<frameset rows="75,*">
<frame name="hoofding" src="pages/wimtitle.html" marginwidth="2"
marginheight="2 " scrolling="no" frameborder="no ">
<frameset frameborder="no " border="1" rows="*,90">
<frame name="mainframe " src="pages/wimintro.html" marginwidth="2"
marginheight="2 " frameborder="no ">
<frame name="menu" src="pages/noname.html" marginwidth="2"
marginheight="2 " frameborder="no ">
</frameset>
</frameset>
<noframes>
<body bgcolor="gray">
</body>
</noframes>
</html>

*************** *************** **
noname.html
*************** *************** **
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitl ed Document</title>
<style type="text/css">

</style></head>

<body bgcolor="black" >
<table border="0" width="85%" cellpadding="10 " align="center">

<tr><td width="90%" align="center">
<a href="http://wimvanmaele.fot opic.net/c500572.html"
target="mainfra me"> <img border="0"
src="http://www.google.com/images/google_sm.gif" width="90%"></a>
</td ></tr>

<tr><td width="90%" align="center">
<a href="http://wimvanmaele.fot opic.net/c500586.html"
target="mainfra me"> <img border="0"
src="http://www.google.com/images/google_sm.gif" width="90%"></a>
</td ></tr>

</table>

</font>

</body>
</html>
*************** *************** ***

So, when hovering over the thumb, it would be nice when I could see
some information in a box in the mainframe.

a horrible, ugly version you may find on wim-vanmaele.be

In any way, thx for the little script, it is already for me very usefull