wenn sonst Aussage - basierend auf iFrame Inhalt?

Question

Ich habe ein Label in Navigations Brotkrümel:

<li>Eligibility</li> 

Bitte denken Sie daran, ich bin sehr neue Lern ​​.NET.

Auf dieser Seite gibt es iFrame Inhalt, in dem Sie einen Link klicken Sie auf den jeweiligen Inhalt anzuzeigen:

<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> 

Und der iFrame zeigt den Inhalt auf den Link basiert Sie auf:

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

In diesem Navigations breakcrumb an der Spitze, wie würde ich es so kodieren, dass es sich ändert, basierend auf dem Abschnitt des Inhalts, der im iFrame angezeigt wird.

dh (in Lehmans Begriffe)

if iFrame src="mem_elibigility.aspx" { 

document.write = 'Eligibility' 
} 

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

Hoffnung, die Sinn macht, und ja, ich weiß, dass mein Code komplette Müll ist ... und ist nicht richtig strukturiert, aber das ist im Moment nicht mein Job ..

Answer 1

Version aktualisiert.

die folgende speichert die URLs, die Ihre iFrame als Titel Attribute steuern und nutzt jQuery den Titel des „Header“ Bereich zu setzen. Ich habe versucht, auch ein wenig von dem Code zu bereinigen, aber dies sollte für genau arbeiten, was Sie brauchen:

jQuery (Beispiel):

$(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 (Beispiel):

<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"> 

diese Demo zu sehen, ob das die Funktionalität Sie wollen: Updated Demo

Ältere Antwort:

Ist etwas wie das demo, was Sie suchen?

Code:

$(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 
           }); 
}); 

Es schafft eine Funktion, die den „Namen“ von einem Ihres Link in der Liste packen und es wird die in Ihrem „Titel“ Bereich angezeigt werden soll. Wenn ich dich richtig verstanden habe - ich denke, das wird tun, was du brauchst.