Rumah pembangunan bahagian belakang tutorial php 一个层的定位有关问题

一个层的定位有关问题

Jun 13, 2016 pm 01:37 PM
document gt iframe lt quot

求助一个层的定位问题
一个后台页面,
内空页面是在一个iframe里面显示的。

现在在内容页面,要加一个浮动层(显示一个等待的效果)。

结果那一个层只覆盖了内容页框架的内容。

我的要示是:覆盖整个页面,(也就是说,浮动层可以覆盖框架外的内容),

我该怎么做。

我想这样写了

CSS code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->

#load{padding:10px;
 width:600px;height:300px;
 display:block; 
 position: absolute;
 top:50%;
 left:50%;
 margin-left:-300px;
 margin-top:-150px;}



Salin selepas log masuk




JS 是这样写的。

$("#load").css("display","block");
$("#img_load")[0].;




------解决方案--------------------
jquery 直接用div 弹出插件.设置 插件弹出的比例即可...不过 我忘记了那插件名字了.嘿嘿
------解决方案--------------------
jqModal
------解决方案--------------------
O(∩_∩)O哈哈~,我刚刚做了这个项目,给你点经验:

jQuery 操作IFRAME 

DOM方法:

父窗口操作其下的IFRAME:window.frames["iframeName"].document

或者直接写frames["iframeName"].document

IFRAME操作父窗口: window.parent.document

或者直接写parent.document

 

jquery方法:

在父窗口中操作 其下IFRAME中的元素: $(window.frames["iframeName"].document).find(”:text”);

在IFRAME中操作 选中父窗口中的所有输入框:$(window.parent.document).find(”:text”);

 

使用find可以找到自己想要的东东。

想要找到同级的iframe,可以用$(parent.frames["iframeName"]).find("xxxxxx")

 

细心的朋友一下就能理解,原理其实很简单,就是用到了$(DOM对象)转换成jquery对象。

例子:
HTML code

<!--index.php-->
<script type="text/javascript"></script>
<div id="ifr">
            <iframe id="iframe" name="showMap" width="100%" height="600" src="map.php"></iframe>
<br><font color="#e78608">------解决方案--------------------</font><br>你们要是真心的帮助LZ,那么就请贴出可供测试的代码<br>否则,我就要将此贴移动了
<br><font color="#e78608">------解决方案--------------------</font><br>好吧,我承认是着急了点,还是把上面的帖子移除吧,这是个可测试的:<br>在iframe的父级页面和元素页面必须都连接上<script type="text/javascript" src="jquery_1.4.2.js"></script> 才管用<br><dl class="code">HTML code<pre class="brush:php;toolbar:false">

<!--index.html-->



<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="jquery_1.4.2.js"></script> 



<div id="show3dmap" style="border:solid 1px">此div的宽高与body相当
  <div id="ifr"> 
    <iframe id="iframe" name="show" width="100%" height="600" src="cont.html"></iframe> 
  </div>
</div>



<!--cont.html-->



<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="jquery_1.4.2.js"></script>



<div>这是子页面
<input type="button" id="full" value="点击覆盖">
<input type="button" id="replace" value="点击替换父级div">
</div>
<script>
$("#replace").live("click",function(){
  $(window.parent.document).find("#iframe").css({'display':'none','visibility':'hidden'});
  $(window.parent.document).find("#show3dmap").html("<div id='rep' style='width:1200px;height:1000px;z-index:2;'>"+
      "这里替换内容</script>
Salin selepas log masuk
"); }); $("#full").live("click",function(){ //$(window.parent.document).find("#iframe").css({'display':'none','visibility':'hidden'}); $(window.parent.document).find("#show3dmap").css({'display':'none','visibility':'hidden'}); $(window.parent.document).find("body").append("
"+ "这里的宽和高是含iframe的父级页面的宽和高,即当前浏览器的可视窗口大小(自定义)
可定义按钮来关闭此div:
"); }); //close $(window.parent.document).find("#btn").live("click",function () { //$(window.parent.document).find("#iframe").css({'display':'block','visibility':'visible'}); $(window.parent.document).find("#show3dmap").css({'display':'block','visibility':'visible'}); $(window.parent.document).find("#div").remove(); });
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah perbezaan antara Huawei GT3 Pro dan GT4? Apakah perbezaan antara Huawei GT3 Pro dan GT4? Dec 29, 2023 pm 02:27 PM

Apakah perbezaan antara Huawei GT3 Pro dan GT4?

Bagaimanakah cara saya memangkas IFrame dalam HTML? Bagaimanakah cara saya memangkas IFrame dalam HTML? Aug 29, 2023 pm 04:33 PM

Bagaimanakah cara saya memangkas IFrame dalam HTML?

Apakah maksud data-id dalam iframe? Apakah maksud data-id dalam iframe? Aug 28, 2023 pm 02:25 PM

Apakah maksud data-id dalam iframe?

Mengapa iframe dimuatkan dengan perlahan? Mengapa iframe dimuatkan dengan perlahan? Aug 24, 2023 pm 05:51 PM

Mengapa iframe dimuatkan dengan perlahan?

Apakah teknologi yang boleh menggantikan iframe Apakah teknologi yang boleh menggantikan iframe Aug 24, 2023 pm 01:53 PM

Apakah teknologi yang boleh menggantikan iframe

Betulkan: Alat snipping tidak berfungsi dalam Windows 11 Betulkan: Alat snipping tidak berfungsi dalam Windows 11 Aug 24, 2023 am 09:48 AM

Betulkan: Alat snipping tidak berfungsi dalam Windows 11

Apakah peristiwa pemuatan iframe? Apakah peristiwa pemuatan iframe? Aug 28, 2023 pm 01:55 PM

Apakah peristiwa pemuatan iframe?

Apakah bahaya dalam iframes Apakah bahaya dalam iframes Sep 08, 2023 pm 03:14 PM

Apakah bahaya dalam iframes

See all articles