2

この垂直リストを取得して、Onclick イベント中に Load_content() 内に配置したドキュメント タイトルをロードしようとしています。満足のいく結果は、新しいリンクをクリックするたびに...新しいPDFがiframeにロードされることです

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

4

1 に答える 1

0

コードにいくつかのタイプミスがあります。iframe に「iframe1」の ID を指定しましたが、「iframe」を使用して JS で参照しました。また、リンクを変数として使用しているため、リンクを引用符で囲む必要はありません。13 行目は次のようになります。

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

ただし、リンクするときは、リンク自体を一重引用符で囲んだ方がよいでしょう。すなわちonclick="load_content('Look at me now.pdf')"

于 2012-04-11T23:49:50.100 に答える