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]

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]

McKirahan schreef:


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:

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]

[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.getElementById("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="hint('Google?')" onmouseout="hint('')">
<br><br>
<span id="Hint"></span>


What technique are you using to display the image in the other frame?

 

[wimvan]

McKirahan schreef:

[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.getElementById("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="hint('Google?')" onmouseout="hint('')">
<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,natuur fotografie, macro, macro
photography, macro fotografie, cacti, cactus, cactacea, Vanmaele, van
maele" name="keywords">
<meta content="Nature, town and cactus, cacti photography site"
name="description">
<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>Untitled 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.fotopic.net/c500572.html"
target="mainframe"> <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.fotopic.net/c500586.html"
target="mainframe"> <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