Link to home
Start Free TrialLog in
Avatar of yfcbdn
yfcbdn

asked on

mouseover popup hints

How do you create an information/description popup box for a mouseover on an image/link?  Are ther browsers it won't work in?
Avatar of jbirk
jbirk

well you could do:

onMouseOver="alert('info description here');" within the <A HREF=""> tag
or you could do: onMouseOver="window.open('file.html','info')" also within the anchor.
As far as I know this will be supported by all javascript browsers (NN 2+, IE 3+), but I suggest against it because it gets really annoying when trying to navigate a site.

If you mean those little description text things that show sometimes when you move a mouse over an image, that's done simply using the alt property of the img tag.  That however will only work on 4.0 browsers.
It would look like: <IMG src="img.gif" alt="info description here">
Avatar of yfcbdn

ASKER

I am actually looking for the effect Microsoft does on their search page (I am using IE 4)  I am wondering if their script is IE 4 only, or if it can be ported for other browsers, and then how they do it without the "greyed scroll bar and border" that you get if you define a text box in a form.
I am sorry, I don't understand what you mean.  I went to their site with IE 4, and saw nothing other than the usual alt tags for images.
Avatar of Michel Plungjan
They either use
DHTML (Cascading style sheets and DIVs)
or
window.open('message.htm','msgwin','height=100,width=100,scrollbars=no')
 it is scroll=no or scrollbars=no, cannot remember off the top of my head

MSIE 4 supports the TITLE attribut on most elements
like <A HREF="...." TITLE="This shows on mouse overs as a tooltip">Click me</A>

I suspect the last is what you have seen

Hope this helps,

Michel
Avatar of yfcbdn

ASKER

The MS site I am referring to is their search setup.  The mouseover info boxes contain images and formatted text.  I am unsure whether they are using DHTML or a java script (I am still a novice eh).  Thanks for your guys input.
Hmmm, I wonder what it takes to get an answer accepted here...

I cannot test it myself snce I do not have MSIE here, but to me it sounds like DHTML divs, window.open or perhaps an IFRAME, but let us know hwat it takes.

Michel
Avatar of yfcbdn

ASKER

Okay - here's the site I referred to earlier, but I have only tried it with MSIE 4 .... http://home.microsoft.com/search/lobby/SearchSetup.htm

Mouseover the search engine links and the info box, in the defined spot, gives an image and information on the link.

Sorry to keep bothering you on this question.  I never meant for it to be a production as I thot it might be more straightforward.
That's dhtml...  very browser specific.  That sight doesn't even come close to working on netscape...
Here is My HTML without Javascript...

<a href="Alt.htm"><img src="../images/amconfus.jpg" width="195" height="419" alt="Here You are..."></a>

Is it what you want? I try it in NS4.x and IE 3.x and IE 4.x, the Popup box works well.

I know, It can be used in IMAGE only.

If you want the popup box display with Text/URL, there is no simple way in HTML/Javascript but replacing the Text by a Image.

If your text/url is generated by CGI dynamically. You will write many code vary hard...

Of cause, If you want your popup box contains a image, It's not easy, but you can try onMouseOver/onMouseOut...
I think you will meet the 'focus' problem.



threshold, that solution was already suggested and rejected.  Did you read the previous answers/comments?

What he wants is only available with DHTML...
Avatar of yfcbdn

ASKER

now what - jbirk and mplungjan answered my question.  I guess one of you has to post some sort of answer so I can allocate the points.  Thanks for your input!

ASKER CERTIFIED SOLUTION
Avatar of jbirk
jbirk

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial