这是我当前的代码,为您提供如下所示的输出
<div class="MarketPlaceWidgetHead">Marketplace</div>
<div id="divSupplier" runat="server"> //The details are got from the .cs file
</div>
我要使之能够使divSupplier内部存在的项目在按下按钮时(如下面给出的按钮)显示在弹出窗口中。
香港专业教育学院试图使用modalpopup窗口,
(http://pastebin.com/6sM384,我们遵循了此示例,并获得了http://pastebin.com/SrH2YTYZ),它向我显示了以下错误:
无法识别的标签前缀或设备过滤器ajaxcontroltoolkit。
或者有人可以指导我使用fancybox?
下载[Fancybox] [1]。
您应该使用fancybox内联类型。这是使用方法。
添加div标签集runat服务器,不显示任何内容。
<div runat="server" id="divPopup" style="display:none">
</div>
您可以从后面的代码访问divPopup。现在,从后面的代码中设置弹出窗口的内容。
divPopup.InnerHtml="items.... (with html)";
并添加一个用于显示弹出窗口的链接。
<a class="fancybox" id="inline" href="#divPopup">Show Popup</a>
否:您必须为fancybox导入脚本.fancybox在/ lib /文件夹中包含该文件。
<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add mousewheel plugin (this is 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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句