2011-01-12 93 views
0

我有面包屑导航标签:if else声明 - 基于iFrame内容?

<li>Eligibility</li> 

请记住,我是很新的学习.NET。

在此页面上有iFrame的内容,在那里你点击一个链接可查看相应内容:

<ul id="ss-categories" > 
    <li class="eligibility"> 
    <a href="#" onclick="ChangeFrame('mem_eligibility.aspx');")>Eligibility</a href> 
    </li> 
    <li class="deductible"> 
    <a href="#" onclick="ChangeFrame('mem_deductible.aspx');")>Deductible</a href> 
    </li> 
    <li class="claims"><a href="#" onclick="ChangeFrame('mem_claims.aspx');")>Claims &amp; EOBs</a href> 
    </li> 
    <li class="benefits"> 
    <a href="#" onclick="ChangeFrame('mem_benefits.aspx');")>Benefits</a href> 
    </li> 
    <li class="hospital"> 
    <a href="#" onclick="ChangeFrame('mem_priorAuth.aspx');")>Hospital Admissions</a href> 
    </li> 
    <li class="priorauth"> 
    <a href="#" onclick="ChangeFrame('mem_Inpatient.aspx');")>Prior Authorizations</a href> 
    </li> 

和iframe,显示基于链接的内容,你点击:

<iframe id="ctl00_middleContent_frame1" style="float:left" scrolling="auto" frameborder="0" height="400" width="100%" src="mem_eligibility.aspx"> 

在该导航断点的顶部,如何我是否会编码它,以便它会根据iFrame中显示的内容部分进行更改。

即(在方面,雷曼兄弟)

if iFrame src="mem_elibigility.aspx" { 

document.write = 'Eligibility' 
} 

if iFrame src="mem_deductible.asps" { 
document.write = 'Deductible' 
} 

希望是有道理的,是的,我知道我的代码是完整的垃圾......而且不规整的权利,但在那一刻,那不是我的工作.. 。

回答

0

更新版本:

下存储了控制自己的iFrame作为标题属性,它使用jQuery来设置你的“头”区域的标题的URL。我试图收拾了一下代码的为好,但这个应该工作,你需要的东西:

的jQuery(例):

$(document).ready(function(){ 

    $('#ss-categories li').click(function() 
           { 
            var test = $(this).text(); 
            $("#title").text(test); 
            //Code to change iframe based on property of the item clicked goes here 
            var title = $(this).attr("title"); 
            $('#ctl00_middleContent_frame1').attr('src', title); 
           }); 
}); 

HTML(例):

<ul id="ss-categories" > 
    <li class="eligibility" title="mem_eligibility.aspx"> 
    <a href="#">Eligibility</a> 
    </li> 
    <li class="deductible" title="mem_deductible.aspx"> 
    <a href="#">Deductible</a> 
    </li> 
    <li class="claims" title="mem_claims.aspx"> 
     <a href="#">Claims &amp; EOBs</a> 
    </li> 
    <li class="benefits" title="mem_benefits.aspx"> 
    <a href="#">Benefits</a> 
    </li> 
    <li class="hospital" title="mem_priorAuth.aspx"> 
    <a href="#">Hospital Admissions</a> 
    </li> 
    <li class="priorauth" title="mem_Inpatient.aspx"> 
    <a href="#">Prior Authorizations</a> 
    </li> 


    <li id="title" style="font-size: x-large; font-weight: bold">Eligibility</li> 
<iframe id="ctl00_middleContent_frame1" style="float:left" scrolling="auto" frameborder="0" height="400" width="100%" src="http://www.google.com"> 

试试这个演示,看看是否是你想要的功能:Updated Demo

较旧的回答:

就是这样的demo你在找什么?

代码:

$(document).ready(function(){ 

    $('#ss-categories li').click(function() 
           { 
            var test = $(this).text(); 
            $("#title").text(test); 
            //Insert logic here to change iFrame based on clicked item 
           }); 
}); 

它创建一个能够吸引在列表中的环节之一的“名”的功能,它会显示在您的“标题”区域。如果我正确地理解了你 - 我认为这会做你需要的。