Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > Javascript > javascript mouseover-event showing info in box on a diferent frame

Reply
Thread Tools

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

 
 
wimvan
Guest
Posts: n/a
 
      11-17-2005
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

 
Reply With Quote
 
 
 
 
McKirahan
Guest
Posts: n/a
 
      11-17-2005
"wimvan" <> wrote in message
news: oups.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.


 
Reply With Quote
 
 
 
 
wimvan
Guest
Posts: n/a
 
      11-17-2005
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
....

 
Reply With Quote
 
McKirahan
Guest
Posts: n/a
 
      11-17-2005
"wimvan" <> wrote in message
news: ups.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?


 
Reply With Quote
 
wimvan
Guest
Posts: n/a
 
      11-17-2005

McKirahan schreef:

> "wimvan" <> wrote in message
> news: ups.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

 
Reply With Quote
 
McKirahan
Guest
Posts: n/a
 
      11-17-2005
"wimvan" <> wrote in message
news: ups.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.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?


 
Reply With Quote
 
wimvan
Guest
Posts: n/a
 
      11-18-2005

McKirahan schreef:

> "wimvan" <> wrote in message
> news: ups.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.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

 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Diferent VLANS but using same gateway BUZZ Cisco 1 04-18-2006 09:38 PM
Best practice for showing data from diferent queries in same form Corobori ASP .Net 5 05-07-2005 02:43 AM
Web form retains values over diferent stations =?Utf-8?B?Y0ZsZXVyeQ==?= ASP .Net 7 02-09-2005 04:17 PM
moving some classes into a diferent web application Glenn M ASP .Net 1 10-20-2004 12:25 PM
Pass variables value between diferent pages ruca ASP .Net 4 02-26-2004 07:43 PM



Advertisments