2010-04-15 29 views
1

我需要在另一個onClick中包含一個頁面的內容,腳本,表單和動態功能。在另一個onClick的頁面上加載

看看http://www.divethegap.com/scuba-diving-programmes-dive-the-gap/dahab-master-scuba-diver.html

然後按照上面寫着'初學者「開放水域潛水員」等等....

你會發現一個PHP頁面的一系列選項的鏈接之一。這是WordPress的博客系統的適應性,只爲特定的節目製作特定的選項,將每個潛水節目的每種類型都考慮爲一個類別,然後僅顯示該類別的結果。

你會看到每個選項也是一個可摺疊的面板,也有幾個JavaScript計算持續時間,數量和價格。最後還有一個驗證網絡表單。

現在回到第一頁。我想要做的是將第二頁中的所有內容包含在第一頁的標籤面板中的主標題後面,以便客戶可以隨時查看包含的所有內容。基本上,第一頁上的選項將成爲一系列選項卡。

我能看到做到這一點的唯一方法是使用iFrame,因爲每個選項都需要一個唯一的URL結尾(即.php?cat = 26或.php?cat = 27)。問題在於可摺疊面板無法使用iFrame,因爲在面板打開時iFrame不會調整大小。還有一些計算問題,但我認爲這對我來說更關注在最後3個小時的屏幕上,不記得包括所有內容。

我已經嘗試過調整iframe SSI腳本的大小並且無處可尋。

我試着用ajax腳本實際上更好地將它嵌入到頁面中,但是留下了所有使它工作的腳本。我使用完整的URL檢查了所有內容,並且不會使用任何腳本。

我知道你可以讓整個頁面重新加載,但然後用戶會再次在頁面的頂部,並且即使應用了另一個腳本來緩慢地將它們再次拖下來,它也不會很容易像使用標籤面板一樣使用。

任何想法。

親切的問候,

回答

0

絕對不需要iframes。 AJAX將在這裏做到這一點。

這裏有一個演示+代碼的鏈接:

http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

+0

這就是我一直在使用一個。 ajax沒有加載使手風琴起作用的代碼。事實上,據我所知,沒有一個JavaScript正在使用這個腳本。我把腳本放到原始文檔和父文檔的頭部分,但仍然沒有任何內容。 這可能是我錯過了什麼,但我花了幾個小時。你確定ajax腳本可以支持它們嗎? 謝謝。 – 2010-04-15 19:07:57

+0

就好像所有的腳本觸發器都被移除並留下了,但正如我所說,父頁面的HEAD部分也包含了所有的腳本。 任何想法 http://www.divethegap。com/scuba-diving-programs-dive-the-gap/program-pages/dahab-divemaster/test.php – 2010-04-16 13:01:45

+0

從工作的ajax代碼開始,然後添加你的實際內容和頁面的其餘部分。 – Citizen 2010-04-16 17:55:47

相關問題