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 23: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 277
1 Maciej Los 230
2 BillWoodruff 205
3 Sergey Alexandrovich Kryukov 195
4 DamithSL 165
0 OriginalGriff 5,130
1 DamithSL 4,157
2 Maciej Los 3,650
3 Kornfeld Eliyahu Peter 3,460
4 Sergey Alexandrovich Kryukov 2,811


Advertise | Privacy | Mobile
Web04 | 2.8.141216.1 | 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