正確的語法爲innerHTML使用php更改DIV內容包括語句

我正在對我的公司網站進行翻新，左側按鈕的js垂直滾動菜單是鏈接，用於更改標題下主要div的內容。我已經用php include語句設置了它，它可以工作，但是每次它重新加載整個頁面時，左邊的滾動菜單就會重置到列表的頂部，從而失去訪問者的位置。正確的語法爲innerHTML使用php更改DIV內容包括語句

您可以在http://www.nbtc.org/nv上看到原型，點擊'Bicycling'或'Carpool'以查看它的實際運行情況。

相反，這樣做，我想用JS更改與innerHTML的股利的內容，我想一個函數，其中的鏈接包括變量，因此該鏈接看起來像：

<a class="button" href="javascript:changecontent(bike)">Bicycling</a>

以下函數會比運行：

<script type="text/javascript"> 
function changecontent(var1) 
{ 
document.getElementById('content').innerHTML="<?php include(" var1 .php"); ?>"; 
} 
</script>

而與id'content'的div將更改爲包括bike.php。點擊不同的鏈接會將div更改爲其他內容。

我對此很陌生，所以請幫助我使用腳本的語法，我知道我必須在函數聲明中分離出'var1'，但我不知道如何。

這似乎是一個直接的解決方案，但如果有更好的方式，我全部耳朵。垂直滾動菜單已經使用jquery，我讀了'load'函數，也許這會更好？

感謝您的幫助！ Brenden

來源

2012-05-04 Brenden McDougal

$.load肯定會在這裏很好。

$(function(){ 
    $(".menutable").on("click", ".button", function(event){ 
     event.preventDefault(); 
     $("#content1").load(event.target.href); 
    }); 
});

然後改變所有鏈接到包含在href值的實際目標：

<a class="button" href="bike.php">Bicycling</a>

演示：http://jsbin.com/uyasux/edit#javascript,html

來源

2012-05-04 03:43:45 Sampson

我實現它，就像你擁有了它在本例中設置，但它不起作用。它在第一篇文章中以「Bicycling」作爲測試鏈接，並在網站上生活。我只將類'button'改爲'button1'和'menutable'爲'menutable1'，所以這個函數與打扮菜單的類是分開的。如果沒有必要，一旦我們開始工作，我會改變它。在此先感謝喬納森的幫助！ –

@BrendenMcDougal您需要在'$（document）.ready（）'內運行它，就像您頁面上的其他JavaScript一樣。這是因爲瀏覽器在'menutable1'和'button1'甚至存在之前執行它。我已經用上面的代碼更新了我的答案。 – Sampson

是的！這就是它所需要的。太棒了。再次感謝您的幫助和快速回復！ –

正確的語法爲innerHTML使用php更改DIV內容包括語句

回答

相關問題