** Pop Out Box when an IMAGE is clicked **

bigbonthabeat

New Member
I have a GMAIL logo on my webiste. When a user clicks it, I want it to take them to a pop out box that contains a contact form (NAME, EMAIL, MESSAGE). In Dreamweaver, I have a project that contains the contact form that I want to use. How do I code it so that when the user clicks the GMAIL logo, it will take them to the contact form?

I've been researching this afternoon, but I can't seem to find exactly what I need. I keep finding tutorials on how to click text which will then take you to a pop out box. Also other tutorials showing how to make an image pop out (gets bigger) when you click it. Here are some of the sites just in case it suits the needs of others:

http://www.youtube.com/watch?v=-RdjOFYo0V8

http://dotnetslackers.com/community/blogs/simoneb/archive/2006/08/04/LightBox-with-ASP.NET.aspx

thanks
 

DHDdirect

New Member
HTML:
<A HREF="contact_form.html" TARGET="_blank"><img src="gmail_image.jpg" alt="contact us" /></A>

The target blank will open up a new browser window. Or if you want something a bit fancier:

HTML:
<A HREF="contact_form.html" onclick="window.open(this.href,'window','width=640,height=640,resizable,scrollbars') ;return false;"><img src="gmail_image.jpg" alt="contact us" /></A>

Javascript of course would have to be enabled.
 
Last edited:

bigbonthabeat

New Member
Javascript of course would have to be enabled.

DHDdirect,

I really appreciate you helping me out with this : )

What would be the disadvantages of enabling Javascript? And also, I was thinking to take it one step further to make it look a little nicer...kinda like this one --------> http://www.huddletogether.com/projects/lightbox2/

I believe the above example uses LIGHTBOX JS 2.0. If I choose to use something like this, would there be people using certain browsers that wouldn't be able to view it?
 
Top