Results 1 to 6 of 6
  1. #1
    Join Date
    Jun 2006
    Location
    Lexington, KY
    Posts
    87

    JavaScript MouseOver

    I did some searching on google for this however I was only able to locate the scripts for mouse over popups. What i need is a script for a mouseover text box. I believe that is what you would call it. When you place your mouse on the target/link it pops up with a small rectangular box with a brief text inside. When you bring your mouse away from the target the text box disappears. Any Help would be greatly appreciated.


  2. #2
    Join Date
    Feb 2003
    Location
    AR
    Posts
    2,381
    Code:
    <a href="#" title="Popup Text">Link Text</a>
    Kevin

  3. #3
    Join Date
    Feb 2006
    Location
    Lancashire, UK
    Posts
    473
    yeah kevin is right, its the title attribute in the <a> tag

  4. #4
    Join Date
    Mar 2004
    Location
    USA
    Posts
    4,342
    PHP Code:
    <span onmouseover="show();" onmouseout="hide();">Mouseover here</a>
    <
    span id="showit" style="display:none;">Hidden Text</span>

    <
    script>
    function 
    show(){
    document.getElementById('showit').style.display='inline';
    }
    function 
    hide(){
    document.getElementById('showit').style.display='none';
    }
    </script> 
    Peace,
    Testing 1.. Testing 1..2.. Testing 1..2..3...

  5. #5
    Join Date
    Jan 2007
    Posts
    31
    kvnband: this will only display the text in the status bar. Daniel
    Host In Us Web Hosting Services |www.hostinus.com
    Premium Enterprise Shared Web Hosting
    Less than 80 Customers per server!

    Try us out! We want to earn your business

  6. #6
    Join Date
    Feb 2003
    Location
    AR
    Posts
    2,381
    Daniel: You are wrong. Kevin

Posting Permissions

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