Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Jan 2006
    Posts
    243
    Thanks
    14
    Thanked 2 Times in 2 Posts

    immidiate pop-up/down?

    I want to add quick&easy instructions to a page where space is really limmited. So I was thinking of these little popup windows that immediatly appear when hovering over an element and dissappear when the mouse moves off it.

    How are these done?
    If it's overly complicated/too much work for use on a single page, other suggestions are welcome.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Can be done with just CSS but this requires that the element be a link.
    http://psacake.com/web/jl.asp
    Anything else you will need to use javascript.
    Have a look through the tooltips here and see if there are any that will suit your needs.
    http://www.dynamicdrive.com/dynamicindex5/index.html
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,620
    Thanks
    0
    Thanked 645 Times in 635 Posts
    You can add them to ANY tag on the page using title="the text you want to display when the mouse hovers over this tag". You only need javaScript if you want something other than text.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #4
    Senior Coder
    Join Date
    Jul 2005
    Location
    UK
    Posts
    1,051
    Thanks
    6
    Thanked 13 Times in 13 Posts
    I don't think the title attribute is consistent enough or immediate enough to adequately fulfill the role of a tooltip, though.

  • #5
    Regular Coder
    Join Date
    Jan 2006
    Posts
    243
    Thanks
    14
    Thanked 2 Times in 2 Posts
    Great, thanks for the links _Aerospace_Eng_ !

    I had considered using either a title or the other similar tag, but like pennimus said, it's not really suited for the job. But thanks for the suggestion.

  • #6
    Regular Coder
    Join Date
    Jan 2006
    Posts
    243
    Thanks
    14
    Thanked 2 Times in 2 Posts
    I just noticed Opera opens a pop-up of where a link links to, how can I disable this behaviour?

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You can disable it but only on your system. Other users will get the tooltip from Opera. Its in there as a security issue, so the user knows exactly where the url goes. To disable it on your end press CTRL + F12 > Advanced Tab > Click Browsing > Uncheck box that says "show tooltips".
    Last edited by _Aerospace_Eng_; 06-01-2007 at 06:13 PM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •