top.Ext.Msg.alert('123','123') 和parent.Ext.Msg.alert('123','123')
都试过了
在 iframe 框架中 整体遮罩 //因为Ext.Msg.alert 只遮罩 iframe 里的的页面 父页面并没有被遮罩起来
现在想要做的是 父页面也遮罩 请给出详细代码 麻烦各位了
都试过了
在 iframe 框架中 整体遮罩 //因为Ext.Msg.alert 只遮罩 iframe 里的的页面 父页面并没有被遮罩起来
现在想要做的是 父页面也遮罩 请给出详细代码 麻烦各位了
4楼的意思是你父页面有没有引用ext的js和css
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript">
top.Ext.Msg.alert('Status', 'Changes saved successfully.' );
</script>
<script type="text/javascript" src="ext-base.js"> </script>
<script type="text/javascript" src="ext-all.js"> </script> iframe:
<script type="text/javascript">
top.Ext.Msg.alert('Status', 'Changes saved successfully.' );
</script>
------------------iframe:
<script type="text/javascript" src="ext-base.js"> </script>
<script type="text/javascript" src="ext-all.js"> </script>
<script type="text/javascript">
Ext.Msg.alert('Status', 'Changes saved successfully.' );
</script>
如果不能正确显示,请检查 Ext 是否已正确引入. 给个例子:
父框架中:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ext Example</title>
<link rel="stylesheet" type="text/css" href="/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="/ext/ext-all.js"></script>
</head>
<body>
....
<iframe ......></iframe>
....
</body>
</html>
子框架中:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>iframe</title>
<script>
Ext = window.parent.Ext;
Ext.Msg.alert('test','test');
</script>
</head>
<body>
....
</body>
</html>
如果不能正确显示,请检查 Ext 是否已正确引入. 给个例子:
父框架中:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ext Example</title>
<link rel="stylesheet" type="text/css" href="/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="/ext/ext-all.js"></script>
</head>
<body>
....
<iframe ......></iframe>
....
</body>
</html>
子框架中:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>iframe</title>
<script>
Ext = window.parent.Ext;
Ext.Msg.alert('test','test');
</script>
</head>
<body>
....
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<link href="ext-3.0.0/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="ext-3.0.0/adapter/ext/ext-base.js" type="text/javascript"></script> <script src="ext-3.0.0/ext-all.js" type="text/javascript"></script>
</head>
<body>
<iframe id="f1" src="HTMLPage2.htm" style="height:250px;width:450px;"></iframe>
</body>
</html>
page2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script type="text/javascript">
function Invoke(){
var win=parent;
win.Ext.Msg.alert('Message Box Show.');
}
</script>
</head>
<body>
<input type="button" value="Invoke Parent Page's Ext.Msg.alert" onclick="Invoke()" />
</body>
</html>