0

我正在尝试创建一个菜单栏，当单击按钮时将刷新 DIV。当它只有一个按钮时，我早些时候取得了成功，但现在我希望从十个按钮以及原来的第一个按钮中获得相同的效果。

func.php 文件

function loggedin()
{
print"
<div class=\"container\">
<div class=\"titlebar\">
</div>
<div class=\"spacerH\">
</div>
<div class=\"navbar\">
     <div class=\"menubuttonsl\"></div>
     <div class=\"menubuttonsl\"><a class=\"home_out\" onClick=\"changeContent(1);return false;\" title=\"HomePage\"></a></div>
     <div class=\"menubuttonsl\"><a class=\"email_out\" onClick=\"changeContent(2);return false;\" title=\"Messages\"></a></div>
     <div class=\"menubuttonsl\"><a class=\"notify_out\" onClick=\"changeContent(3);return false;\" title=\"Notifications\"></a></div>
     <div class=\"menubuttonsl\"><a class=\"mine_out\" onClick=\"changeContent(4);return false;\" title=\"My Stuff\"></a></div>
     <div class=\"menubuttonsl\"><a class=\"comm_out\" onClick=\"changeContent(5);return false;\" title=\"Community\"></a></div>
     <div class=\"menubuttonsl\"><a class=\"live_out\" onClick=\"changeContent(6);return false;\" title=\"Live Action\"></a></div>
     <div class=\"menubuttonsl\"><a class=\"hot_out\" onClick=\"changeContent(7);return false;\" title=\"What's Hot\"></a></div>
     <div class=\"menubuttonsr\"><a class=\"im_out\" onClick=\"changeContent(10);return false;\" title=\"Instant Messanger\"></a></div>
     <div class=\"menubuttonsr\"><a class=\"upload_out\" onClick=\"changeContent(9);return false;\" title=\"Upload Pics/Vids/Audio\"></a></div>
     <div class=\"menubuttonsr\"><a class=\"rate_out\" onClick=\"changeContent(8);return false;\" title=\"Rate Pics\"></a></div>
</div>
<div class=\"header2\"><div id=\"myTable\">";
print"</div></div>
</div>
";

}

index.php 上充满希望的 JavaScript

<script>
function changeContent(display)
{
document.getElementById('myTable').innerHTML=document.getElementById('showTable').innerHTML;
}
</script>
<script type="text/html" id="showTable">
if (display=='signup') {<?php bottomtable2(); ?>}
else if (display=='1') {<?php MainPanel(); ?>}
else if (display=='2') {<?php Messages(); ?>}
else if (display=='3') {<?php Notifications(); ?>}
else if (display=='4') {<?php MyStuff(); ?>}
else if (display=='5') {<?php Community(); ?>}
else if (display=='6') {<?php LiveAction(); ?>}
else if (display=='7') {<?php WhatsHot(); ?>}
else if (display=='8') {<?php RatePics(); ?>}
else if (display=='9') {<?php Upload(); ?>}
else if (display=='10') {<?php IMessenger(); ?>}
</script>

仅在一种情况下完美运行的原始 JavaScript

<script>
function changeContent()
{
document.getElementById('myTable').innerHTML=document.getElementById('showTable').innerHTML;
}
</script>
<script type="text/html" id="showTable">
    <?php bottomtable2(); ?>
</script>

我并不反对为这十个新增内容创建新的 JavaScript，但我认为我可以将其与现有的工作脚本联系起来。结果是我完全失去了影响，对任何 onClick 都没有反应，但我确实得到了 "} else if (display=='1') {} else if (display=='2') {} else if (display=='3') {} else if (display=='4') {} else if (display=='5') {} else if (display=='6') {} else if ( display=='7') {} else if (display=='8') {} else if (display=='9') {} else if (display=='10') {}" 打印在顶部我的页面出于某种原因。我错过了什么？

4

0 回答 0