上述问题已经解决,但是新的问题又出现了
我将上述代码拷贝进Master模板页后,Dialog对话框不能正常显示了
代码如下
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="css/art_master_top.css" />
<script src="js/index_1_down.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function showdialog() {
$('#C1Dialog1').wijdialog({
autoOpen: true,
stack: false,
show: 'fade',
captionButtons: {
pin: { visible: false },
refresh: { visible: false },
toggle: { visible: false },
minimize: { visible: false },
maximize: { visible: false }
},
title: 'c1dialog say......',
resizable: false,
modal: true,
zIndex: 2000
});
}
</script>
<style type="text/css">
.singin
{
position:absolute;
box-shadow:0 0 5px rgba(0, 0, 0, .4);
display:block;
}
</style>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="home_top">
<div class="top_nav">
<div class="left" style="width:400px">
<a href="/">华标在线云设计平台</a>
<img width="16" height="25" align="absmiddle" src="images/top_bg_xian.gif" style="padding-top: 2px;">
<a onmouseover="show(1,this);" onmouseout="popupClose();" href="/" target="_blank">技术频道<img align="absmiddle" src="images/nav_ico1.gif" style="padding-left: 4px;"></a>
<img width="16" height="25" align="absmiddle" src="images/top_bg_xian.gif">
<a onmouseover="show(2,this);" onmouseout="popupClose();" href="/" target="_blank">旗下网站<img align="absmiddle" src="images/nav_ico1.gif" style="padding-left: 4px;"></a>
<img width="16" height="25" align="absmiddle" src="images/top_bg_xian.gif">
<a href="http://www.51cto.com/about/map.htm" target="_blank">网站地图</a>
</div>
<div class="right">
<div style="width:316px; float:left;">
<div id="login_status" style="text-align:right;" class="login">
<div class="login" style="padding-top:8px; text-align:right;"><img style="margin-top:-3px" id="dia" align="absmiddle" width="20" title="" src="images/dia.gif"><a onclick="showdialog()" style="text-decoration:underline;color:Black;cursor:pointer;">登录</a><a href="#" target="_self">注册</a></div>
</div>
</div>
<div class="more">
<img width="27" height="16" align="absmiddle" src="images/top_shequ.gif">社区:<a href="/" target="_blank" style="color:#CC0000">学院</a><a href="http://down.51cto.com" target="_blank">下载</a><a href="http://bbs.51cto.com" target="_blank">论坛</a><a href="http://blog.51cto.com" target="_blank">博客</a><a onmouseover="show(3,this)" onmouseout="popupClose()" href="javascript:viod(0);">更多<img align="absmiddle" src="images/nav_ico1.gif" style="padding-left: 4px;"></a> </div> <span id="login_status"><div class="login" id="login_status"></div> </span> </div> </div></div>
<div class="subMenu1" id="s1" onmouseover="popupNoClose();" onmouseout="popupClose();">
<ul>
<li><a href="http://network.51cto.com" target="_blank">网络</a></li>
<li><a href="http://netsecurity.51cto.com" target="_blank">安全</a></li>
<li><a href="http://developer.51cto.com" target="_blank">开发</a></li>
<li><a href="http://database.51cto.com" target="_blank">数据库</a></li>
<li><a href="http://server.51cto.com" target="_blank">服务器</a></li>
<li><a href="http://os.51cto.com" target="_blank">系统</a></li>
<li><a href="http://virtual.51cto.com" target="_blank">虚拟化</a></li>
<li><a href="http://cloud.51cto.com" target="_blank">云计算</a></li>
<li><a href="http://developer.51cto.com/embed/" target="_blank">嵌入式</a></li>
<li><a href="http://mobile.51cto.com/" target="_blank">移动开发</a></li>
</ul>
</div>
<div class="subMenu2" id="s2" onmouseover="popupNoClose()" onmouseout="popupClose()">
<ul>
<li><a href="http://www.huabiaodesign.com" target="_blank" title="中国园林景观门户">HuaBiaoDesign.com</a></li>
</ul>
</div>
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$(".bann").height(265);
$(".bann").css("background-color", "white");
});
</script>
<script src="js/head_art_more1.js" type="text/javascript"></script>
<!-- 登陆信息 -->
<!-- 导航 结束-->
<div style="width: 1217px;">
<div id="header">
<div id="container">
<ul>
<li><a href="#" class="white">首页Home</a></li>
<li><a href="#">资源查阅中心Recource</a></li>
<li><a href="#">业务洽谈中心Business</a></li>
<li><a href="#">规划设计中心Planning</a></li>
<li><a href="#">作品陈列中心Exhibit</a></li>
<li><a href="#">演示汇报中心Reports</a></li>
</ul>
</div>
</div>
<ul id="navigation">
<li><a href="" title="申请设计任务">申请设计任务</a></li>
<li><a href="" title="About">About</a></li>
<li><a href="" title="Search">Search</a></li>
<li><a href="" title=" hotos"> hotos</a></li>
<li><a href="" title="Rss Feed">Rss Feed</a></li>
<li><a href="" title=" odcasts"> odcasts</a></li>
</ul>
<div id="main">
<div id="content">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
<div id="footer">
</div>
</div>
<script type="text/javascript">
$(function () {
$('#navigation a').stop().animate({ 'marginLeft': '+85px' }, 1000, function () {
$(this).attr("content", $(this).text()).empty();
});
$('#navigation > li>a').hover(
function () {
$(this).stop().animate({ 'marginLeft': '+2px' }, 200);
$(this).text($(this).attr("content"));
},
function () {
$(this).stop().animate({ 'marginLeft': '+85px' }, 200);
$(this).empty();
}
);
});
</script>
</div>
<wijmo:C1Dialog ID="C1Dialog1" runat="server" Height="300px" Modal="true" ShowOnLoad="true" Resizable="false" ZIndex="101" CssClass="singin">
<Content>
Hello world!!!asdfasdfasdfasdf
</Content>
</wijmo:C1Dialog>
</form>
</body>
</html> |