0

我正在尝试禁用/启用页面上可能发生的少数点击事件的超链接，这些事件正在加载到 [iframe name="homeFrame"] 中，事件可以是按钮点击。

div leftNav 包含在 [iframe name="homeFrame"] 中加载的导航链接。

我想知道，如何禁用/启用 Iframe 中加载的页面中的这些链接。

请指导我！谢谢！

HTML 代码：

<html>
<body>
<form name="frmHome">

<div id="MainDivH"  style="background-image:url(images/headerbg.jpg); background-repeat:repeat-x; width:100%;">
  <div id="header" style="width:984px; font-family:Calibri; padding-left: 37px;">
  </div>

  <div id="divNavigation" class="divNavigation" style="padding-left:37px; float:left;">

     <div id="countrydivcontainer" style="float:left" >
     <div id="divProduct" style="padding-bottom:20px; padding-top:20px; position:static;">

     </div>

    <div id="PCcontentWrapper">
      <div class="leftNav" style="font-size:14px; font-weight:normal;">
          <ul id="topUL"> 
            <div  background:url(images/pcnav.png) left top no-repeat;">TEST LINKS</div>
            <li style="text-align:center;"><a id="202" name="test1" class="test" href="javascript:void(0);" onclick="javascript:top.frames['homeFrame'].location='TestLink/link1.php'" target="homeFrame">&nbsp;Test 1</a></li>
            <li style="text-align:center;"><a id="204" name="test2" class="test" href="javascript:void(0);" onclick="javascript:top.frames['homeFrame'].location='TestLink/test2.php'" target="homeFrame">&nbsp;Test 2</a></li>
          </ul>
      </div>
    <!--End of left nav-->  

  <div class="pcContener" id="pcContener" style="float:right; padding-left:20px;">
         <iframe name="homeFrame" id="homeFrame" scrolling="no" style="height:750px; float:right; width:758px; font:Calibri; overflow:hidden;">


        </iframe>
   </div>

   </div>
</div>  <!--End of PCcontentWrapper-->  
</div>   <!--End of divNavigation-->     
</div>   <!--End of MainDivH-->
</form>
</body>
4

2 回答 2

1 
 if(condition)//write ur conditions here
         disableLink();
    else
       showLink();



    function disableLink()
            {

            document.getElementById('Link1').disabled=true;
            document.getElementById('Link1').removeAttribute('href');    
            document.getElementById('Link1').style.textDecoration = 'none';
            document.getElementById('Link1').style.cursor = 'default';
            }

   function showLink()
            {
            document.getElementById('Link1').disabled=false;
            document.getElementById('Link1').href = "somepage.html";
            document.getElementById("Link1").style.textDecoration = "underline";
            document.getElementById("Link1").style.cursor = "hand";
            }
于 2013-10-07T10:09:20.987 回答
1

你可以做的是在你的父页面中有一个 js 函数，它将禁用链接。

父页面js ...更新 

function disableLinks(){
   var links = $('#topUL a');
   links.each(function(){
      $(this).click(function(){
          return false;
      });
   });
}

从你的 iframe 调用父 js 函数

iframe页面js

window.parent.disableLinks();
于 2013-10-07T11:02:02.630 回答