| | |
tooltip style popup
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
Hey, I have created a searcher on my companies website that displays products that we sell. It displays the code, price, blah blah blah. basic stuff. but anyways i want to display some information for the product not on the page but on a tooltip like screen. I know a few ways i can do this: using layers, pop up screens, etc... etc.. but i was hoping someone would know of a better way that i could try (something new to do, i am alittle bored) I am not looking for the code, just a push in the right direction.
Anyways help would be greatly appreciated.
Anyways help would be greatly appreciated.
- mike mclennan
I don't think i am explaining this very well. Here is a idea of what i want to create but am having trouble creating. I currently am using a layer to create something very similar, but i was hoping to us something that would work faster and better and respond to do all the work on mouse over instead on onClick. (the layer i am using you have to open and close, if i set to to mouseOver it is terrible when you are just moving to an item. again any help would be greatly appreciated
here is the idea i wish to create:
here is the idea i wish to create:
- mike mclennan
There are two ways to do it. The first is to use CSS and absolute positioning. You would create a hidden div and then use the a:hover css property to set it to be visible when the link is hovered over. This is the way that the dropdown menus in our silver navigation menu are generated.
The second way is to use Javascript / DHTML. A quick google search for javascript tooltip should result in a good few ways to accomplish this with relative ease. This is the way that the forum / thread description hovers are done.
The second way is to use Javascript / DHTML. A quick google search for javascript tooltip should result in a good few ways to accomplish this with relative ease. This is the way that the forum / thread description hovers are done.
Dani the Computer Science Gal 
Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds

Follow my Twitter feed! twitter.com/DaniWeb
And if you're interested in Internet marketing there is twitter.com/DaniWebAds
•
•
Join Date: Nov 2008
Posts: 1
Reputation:
Solved Threads: 0
•
•
•
•
There are two ways to do it. The first is to use CSS and absolute positioning. You would create a hidden div and then use the a:hover css property to set it to be visible when the link is hovered over. This is the way that the dropdown menus in our silver navigation menu are generated.
The second way is to use Javascript / DHTML. A quick google search for javascript tooltip should result in a good few ways to accomplish this with relative ease. This is the way that the forum / thread description hovers are done.
![]() |
Similar Threads
- Mouse Over ToolTip Help (JavaScript / DHTML / AJAX)
- Smart Tag PopFrame Info Frame (VB.NET)
- Seeking help on js popup repositioning behaviour (JavaScript / DHTML / AJAX)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Bold text for selected item collapsible panel
- Next Thread: Redirects http://domain to http://www.domain
| Thread Tools | Search this Thread |
acid2 ajax ajaxexample ajaxjspservlets array beta box browser captchaformproblem cart child close codes column css date debugger decimal dependent design disablefirebug dom download element embed engine enter error events ext file firefox focus form forms frameworks getselection google gwt gxt hiddenvalue highlightedword hint html ie7 ie8 iframe index java javascript javascripthelp2020 jquery jsp jump libcurl listbox maps masterpage math media menu microsoft mimic mp4 onerror onmouseoutdivproblem onmouseover onreadystatechange paypal pdf php position post problem programming prototype rated rating redirect safari scale scriptlets scroll search security select software star starrating synchronous toggle unicode variables w3c web webservice window windowofwords xml \n






