2012-04-11 5 views
2

Ich versuche, diese vertikale Liste zu bekommen, um die Dokumenttitel zu laden, die ich während eines Onclick-Ereignisses in den Load_content() gesetzt habe. Das befriedigende Ergebnis wird sein, dass jedes Mal wenn ich einen neuen Link klicken ... eine neue PDF-Lasten in die iframeWie kann ich eine vertikale Liste bekommen, um PDFs in einen iFrame zu laden?

<html> 
<head> 
    <title> Literature of Andrew Willis 
    </title> 

    <link rel="stylesheet" href="mycss.css" type="text/css" /> 
    <link rel="stylesheet" type="text/css" href="css/cssverticalmenu.css" /> 


    <script language="javascript" type="text/javascript"> 

    function load_content (link) { 
    document.getElementById("iframe").setAttribute("src","link"); 
    } 

    </script> 

</head> 
<body> 


    <div id="logo"> 
     <a href="#"><img src="mainlogo.jpg" height=100 width=400></a> 
    </div> 


    <div id="content"> 

     <div id="leftcolumn"> 

      <ul class="glossymenu"> 
       <li><a href="#" onclick="load_content(Look at me now.pdf)">Short Essays</a></li> 
       <li><a href="#" onclick="load_content(hangmansdog.pdf)" >Poetry</a></li> 
        <li><a href="http://www.pourinpourout.com" >Blog</a></li> 
      </ul> 
     </div> 
     <div id="rightcolumn"> 
      <div id="content"> 
      <iframe id="iframe1" src="#"></iframe> 
      </div> 
     </div> 
    </div> 
</body> 

Antwort

0

Sie haben ein paar Tippfehler in Ihrem Code. Sie haben Ihrem iframe eine ID von "iframe1" gegeben, aber in Ihrem JS mit "iframe" referenziert. Sie sollten auch nicht in Anführungszeichen Link haben, weil Sie es als eine Variable verwenden, Zeile 13 sollte wie folgt aussehen:

document.getElementById("iframe1").setAttribute("src",link); 

Sie wird jedoch wahrscheinlich selbst einfache Anführungszeichen um die Links setzen möchten, wenn Sie gehen zu verlinke sie. d.h. onclick="load_content('Look at me now.pdf')"

Verwandte Themen