• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 892
  • Last Modified:

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?
0
yfcbdn
Asked:
yfcbdn
  • 5
  • 4
  • 2
  • +1
1 Solution
 
jbirkCommented:
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">
0
 
yfcbdnAuthor Commented:
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.
0
 
jbirkCommented:
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.
0
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
Michel PlungjanIT ExpertCommented:
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
0
 
yfcbdnAuthor Commented:
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.
0
 
Michel PlungjanIT ExpertCommented:
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
0
 
yfcbdnAuthor Commented:
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.
0
 
jbirkCommented:
That's dhtml...  very browser specific.  That sight doesn't even come close to working on netscape...
0
 
thresholdCommented:
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.



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

What he wants is only available with DHTML...
0
 
yfcbdnAuthor Commented:
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!

0
 
jbirkCommented:
No problem!  I think if you ask EE support, they will give you some extra points in order to give points to both of us.  I answered this, one, so if they give you extra points, post another question 'for mplungjan' to give him his points...  Is there any other way?

Thanks!
Josh
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 5
  • 4
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now