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

Discussion in 'Javascript' started by wimvan, Nov 17, 2005.

  1. wimvan

    wimvan Guest

    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
    wimvan, Nov 17, 2005
    #1
    1. Advertising

  2. wimvan

    McKirahan Guest

    "wimvan" <> wrote in message
    news:...
    > 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.
    McKirahan, Nov 17, 2005
    #2
    1. Advertising

  3. wimvan

    wimvan Guest

    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
    ....
    wimvan, Nov 17, 2005
    #3
  4. wimvan

    McKirahan Guest

    "wimvan" <> wrote in message
    news:...
    > 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?
    McKirahan, Nov 17, 2005
    #4
  5. wimvan

    wimvan Guest

    McKirahan schreef:

    > "wimvan" <> wrote in message
    > news:...
    > > 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
    wimvan, Nov 17, 2005
    #5
  6. wimvan

    McKirahan Guest

    "wimvan" <> wrote in message
    news:...

    [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?
    McKirahan, Nov 17, 2005
    #6
  7. wimvan

    wimvan Guest

    McKirahan schreef:

    > "wimvan" <> wrote in message
    > news:...
    >
    > [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
    wimvan, Nov 18, 2005
    #7
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. ruca
    Replies:
    4
    Views:
    438
    Sarmad Aljazrawi
    Feb 26, 2004
  2. Glenn M
    Replies:
    1
    Views:
    315
    Eliyahu Goldin
    Oct 20, 2004
  3. =?Utf-8?B?Y0ZsZXVyeQ==?=

    Web form retains values over diferent stations

    =?Utf-8?B?Y0ZsZXVyeQ==?=, Feb 8, 2005, in forum: ASP .Net
    Replies:
    7
    Views:
    332
    Patrice
    Feb 9, 2005
  4. Corobori
    Replies:
    5
    Views:
    338
    Corobori
    May 7, 2005
  5. Replies:
    1
    Views:
    230
    Dennis Lee Bieber
    Jun 9, 2005
Loading...

Share This Page