Win a copy of Node.js Design Patterns: Design and implement production-grade Node.js applications using proven patterns and techniques this week in the Server-Side JavaScript and NodeJS forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Ron McLeod
  • Rob Spoor
  • Tim Cooke
  • Junilu Lacar
Sheriffs:
  • Henry Wong
  • Liutauras Vilda
  • Jeanne Boyarsky
Saloon Keepers:
  • Jesse Silverman
  • Tim Holloway
  • Stephan van Hulst
  • Tim Moores
  • Carey Brown
Bartenders:
  • Al Hobbs
  • Mikalai Zaikin
  • Piet Souris

message on button and hyperlink at onMouseOver

 
Ranch Hand
Posts: 97
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi
Can somebody pls tell me how to display a message bubble at onMouseOver. I want to display the message when the mouse moves over the button or a hyperlink.
Also if u can suggest some good resources on the web for HTML and Javascript Tricks etc.
Thanks.
 
Ranch Hand
Posts: 1070
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Having a pop-up window or more accutately a layer appear when you position a mouse over a button or link is a rather tricky thing to do in order to get it to work on both IE, Netscape and PC and Mac (in fact I don't think it will work on IE Mac, but that is a pretty small % of users anyways, so I wouldn't worry about them).
Take a look at www.dhtml.com
That site has some great tutorials and I think one of them even walks you through doing this. It is a rather lengthy bit of code by javascript standards, but it works. I used thier code to do a pop-up menu when you hover over a hyper-link and it works great. Just have to keep thier copyright info on the page.
Good luck,
Bill
 
Harry Chawla
Ranch Hand
Posts: 97
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Thanks a lot Bill.
I appreciate your help and it's amazing to get such a quick response.
Thanks
 
Greenhorn
Posts: 7
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Another helpful site is The JavaScript Source. There are tons of scripts there and I'm sure you can find the mouseOver script you need. Good Luck!
 
Harry Chawla
Ranch Hand
Posts: 97
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Thanks Rosie
I appreciate your help and valuable suggestions.
Thanks.
 
Ranch Hand
Posts: 98
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
how about the ol alt tag??
for eg <img src="img.jpg" alt="this is a image">
this will pop up this message on mouseover
..if you wanna keep things simple
manav
 
Harry Chawla
Ranch Hand
Posts: 97
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi Bill
I tried to search through the maze or articles and tutorials at www.dhtml.com but could not come acroos the stuff i'm looking for.
I'd really appreciate if you can pls suggest me the link of the tutorial you've mentioned.
Thanks and regards.
Harry
 
bill bozeman
Ranch Hand
Posts: 1070
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
The link below
http://www.webreference.com/dhtml/hiermenus/latest/
has a zip file that will give you all the code needed. This doesn't do exactly what you want, but it is real close. This is a hierarchial menu that when you hove over a link, it will display a drop-down type menu, and you can then have sub-menus inside of this.
You may be able to use this, and change it to have just one menu item so it really is just like a pop-up. Or you can go through the code and take it apart to do what you want it to do since they are both the same theory. Thier code is well written and not horrible to dissect.
Good Luck,
Bill
 
Ranch Hand
Posts: 158
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
.
[This message has been edited by Sahir Shah (edited December 06, 2000).]
 
For my next trick, I'll need the help of a tiny ad ...
Building a Better World in your Backyard by Paul Wheaton and Shawn Klassen-Koop
https://coderanch.com/wiki/718759/books/Building-World-Backyard-Paul-Wheaton
reply
    Bookmark Topic Watch Topic
  • New Topic