Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: Javascript HTML
I want open Popup on click image. i am using this code...
 
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
 
$(document).ready(function ()
{
$("#btnShowSimple").click(function (e)
{
ShowDialog(false);
e.preventDefault();
});
 
$("#btnShowModal").click(function (e)
{
ShowDialog(true);
e.preventDefault();
});
 
$("#fancybox-close").click(function (e)
{
HideDialog();
e.preventDefault();
});
 
$("#btnSubmit").click(function (e)
{
var brand = $("#brands input:radio:checked").val();
$("#output").html("Your favorite mobile brand: " + brand);
HideDialog();
e.preventDefault();
});
 
});
 
function ShowDialog(modal)
{
$("#overlay").show();
$("#dialog").fadeIn(300);
 
if (modal)
{
$("#overlay").unbind("click");
}
else
{
$("#overlay").click(function (e)
{
HideDialog();
});
}
}
 
function HideDialog()
{
$("#overlay").hide();
$("#dialog").fadeOut(300);
}


</script>
 
and Style Sheet also in Head section
 
Posted 16-Jan-13 22:47pm
Comments

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 398
1 Sergey Alexandrovich Kryukov 320
2 Uma Shankar Patel 80
3 CB Sharma 79
4 PhilLenoir 70
0 Sergey Alexandrovich Kryukov 6,532
1 OriginalGriff 5,976
2 CPallini 2,473
3 Richard MacCutchan 1,687
4 Abhinav S 1,550


Advertise | Privacy | Mobile
Web04 | 2.8.140821.2 | Last Updated 17 Jan 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100