2009-04-07    jQuery&js&CSS

很多人一直都有个想法,要是可以随心所欲的操作iframe就好了。这样静态页面也就有了相当于后台动态页面php,jsp,asp中include,require实现统一多页面布局的能力。

通过Javascript的帮忙我们可以像后台一样动态加载操作iframe对象属性src指向的html页面的内容。这样的操作需要提供两个页面,一个页面是iframe所在页面(页面名称:iPage.html),另一个页面是iframe属性src指向页面(页面名称:srcPage.html)。


2009-02-02    jQuery&js&CSS

 判断iframe是否加载完毕的方法(兼容ie和Firefox),当然还可以使用jquery插件:jquery.frameReady,我试过,ie6没通过,安全问题?你可以试一下。
代码:...


2008-08-30    jQuery&js&CSS

案例1:
做一个通用的反馈表单应用在其它页面的框架里,
要求在框架外面可以定义框架里面的页面样式。

代码:

<iframe name="feedbackform" id="feedbackform" src="xx.aspx" mce_src="xx.aspx" width="755" height="500" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"></iframe>

<script type="text/javascript">
var temp_css;
temp_css="<style type=\"text/css\">";
temp_css+="body{padding:10px 0;margin:0;font-size:12px;}";
temp_css+="</style>";
window.onload=function(){
var obj=window.frames["feedbackform"];
obj.document.body.innerHTML+=temp_css;
}
</script>





案例2:
例:需要在a.html中去改变b.html中.abc的色彩。

代码:
a.html
<iframe src="b.html" mce_src="b.html" id="content" name="content" height="15" width="468" scrolling="no" frameborder="0"></iframe>
<script type="text/javascript">
document.frames['content'].document.styleSheets[0].addRule(".abc","color:#FF0000");</script>

b.html
<style>.abc{color:#000000}</style>


Author: fengfenyeName: ZzsQQ: 283005122MSN: fengfenye#hotmail.comBlog: http://fengfenye.blogbus.comMotto: Stranger than HeavenSignature: 头脑口袋两不空,做梦也会笑出声
   ˚† 一觉醒来,枕边躺着一只蚊子,旁边有一封遗嘱:我奋斗了一晚,你的脸皮厚的让我无颜活在这个世上。主啊!宽恕他吧,我是自杀的!