By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,238 Members | 1,609 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,238 IT Pros & Developers. It's quick & easy.

How to open a box during a mouseover on an image

P: 11
I have an icon image of "?" that gets information about the field it belongs. I want the image to open a box like a balloon pop-up while the cursor is hovering over it(hovering over the image).

I wrote this:
Expand|Select|Wrap|Line Numbers
  1. <div class="formInfo">
  2.   <a href="ajax.htm?width=375">
  3.     <img src="http://bytes.com/images/question_icon.jpg" width="19" height="18">
  4.   </a>
  5. </div>
In the cshtml file.
And I have an Ajax file that defines what is in the box.
But - it dosn't work.
Do i need something else?
Aug 23 '11 #1
Share this Question
Share on Google+
4 Replies


Rabbit
Expert Mod 10K+
P: 12,430
You have nothing defined for onmouseover. And that's a javascript event. You could also use the anchor's hover pseudo-element to do it in CSS.
Aug 23 '11 #2

P: 11
I managed already. I used the hover event in CSS like you suggested. Thank you anyway.
Aug 23 '11 #3

Frinavale
Expert Mod 5K+
P: 9,731
You're missing a closing tag for the image in the code you posted.

Also, I don't see any section for the "info" that you want to display.
Aug 25 '11 #4

P: 11
You don't need closing tags for images
Aug 28 '11 #5

Post your reply

Sign in to post your reply or Sign up for a free account.