0

親ページのタイトルに応じてliのdivのクラスを変更するスクリプトを作成しました（つまり、home.htmlのiframe内にmenu.htmlがあります）。悲しいかな、私は多くのことを試みましたが、うまくいきません。どうすれば間違いを見つけることができますか？キャプションが英語ではなくヘブライ語であることを考慮に入れる必要がありますか？

menu.htmlのコードは次のとおりです。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> </title>
 <link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
    switch (window.parent.document.title) {
        case "העמוד הראשי": document.getElementById("nada1").className="marked"; break;
        case "על הבנאי": document.getElementById("nada2").className = "marked"; break;
        case "בדיחות משעשעות": document.getElementById("nada3").className = "marked"; break;
        case "תוכנות חינמיות": document.getElementById("nada4").className = "marked"; break;
        case "קישורים מעניינים": document.getElementById("nada5").className = "marked";     break;
        default: alert("god damn!"); break;
    }
    </script>
</head>
<body dir="rtl">
<ul class="menu1">
<li><a href="Index.html" target="_parent"><div id="nada1">דף פתיחה</div></a></li>
<li><a href="About.html" target="_parent"><div id="nada2">על עצמי     ותחביבים</div>    </a></li>
<li><a href="Jokes.html" target="_parent"><div id="nada3">בדיחות</div></a>    </li>
<li class="nada4"><a href="freewares.html" target="_parent"><div id="nada4">תוכנות     חינמיות</div></a></li>
<li class="nada5"> <a href="Links.html" target="_parent"><div id="nada5">קישורים     שימושים</div></a></li>
</ul>
    <br /><br /><hr />
<div class="write_mail">אם ברצונך להרשם לעדכוני האתר, אנא הכנס את <br />כתובת המייל שלך     בצירוף שמך באנגלית:
    <form action="sent.php" method="post" >
        <input type="text" name="subscr" /><br />email
        <input type="text" name="perosnal"/><br />שם
        <br />
        <input type="submit" name="submit" onclick="alert('good job and thanks!');"/>    </form></div>

</body>
</html>

そして、インデックスのコードは次のとおりです。 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>העמוד הראשי</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript"></script>
</head>
<body dir="rtl">
<iframe src="menu.html" class="navibar" height="430px" width="50px" scrolling="no"     style="border-style:none"></iframe>
<a href="http://example.com"><img src="HomePage/suka1.gif"  height="200px" width="200px"     alt="מעט מידע בסיסי על חג סוכות"/></a>
<hr /><br />
<p class="About">i built it so respect!:)<br /> <a         href="mailto:me@gmail.com">לתלונות, מענות,פניות ושאר ירקות ופירות </a>
</p>
</body>
</html>
4

1 に答える 1

1

ページに存在する前に要素を変更しています-スクリプトブロックをwindow.onloadハンドラーに移動すると、正常に機能するはずです。

window.onload = function () {
    switch (window.parent.document.title) {
        // snip ...
    }
};
于 2012-10-15T19:10:57.103 に答える