Question

我正在尝试创建一个菜单栏，单击按钮时将刷新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，但我认为我可以将其与现有的和可用的脚本联系起来。结果是我完全失去了影响并且没有对任何onClicks做出任何反应我得到“}否则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'）{}“打印在顶部我的页面由于某种原因。我错过了什么？

将onClick变量传递给Javascript

0 个答案: