c# - Unable to add modal popup window in aspx -
this current code gives output displayed below
<div class="marketplacewidgethead">marketplace</div> <div id="divsupplier" runat="server"> //the details got .cs file </div>
i want make such items present inside divsupplier gets displayed in popup when button pressed such 1 given below.
ive tried using modalpopup window,
(http://pastebin.com/6sm384we followed example , got http://pastebin.com/srh2ytyz) shows me errors such as
unrecognized tag prefix or device filter ajaxcontroltoolkit.
or can guide me on using fancybox ?
download [fancybox][1].
you should use fancybox inline type. here how use.
add div tag set runat server , display none.
<div runat="server" id="divpopup" style="display:none"> </div>
you can access divpopup code behind. set content of popup code behind.
divpopup.innerhtml="items.... (with html)";
and add link show popup.
<a class="fancybox" id="inline" href="#divpopup">show popup</a>
not: have import scripts fancybox.fancybox includes files @ /lib/ folder.
<!-- add jquery library --> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <!-- add mousewheel plugin (this optional) --> <script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> <!-- add fancybox --> <link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> <script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> <!-- optionally add helpers - button, thumbnail and/or media --> <link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" /> <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> <link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" /> <script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
Comments
Post a Comment