使用AJAX來顯示頁面浮動DIV

點擊該頁面，並在加載另一個內部網頁上面漂浮一個div按鈕的結果。

這應該用Ajax來完成，對不對？我絕對沒有ajax的知識，所以我不知道如何繼續。

這就是我現在所擁有的：

<div id="clickmebutton" onclick="javascript:FloatingPage();">Click me</div> 

<script type="text/javascript"> 
function FloatingPage() { 
    new Ajax.Request('/floatingpage.php' { 
     onSuccess: function(response) { 
      document.getElementById('main').style.display = 'block'; 
      document.getElementById('subcontent').innerHTML = response.responseText; 

     } 
    }); 
} 
</script>

和CSS

#layer subcontent {background-color: aqua; width:100px; height: 100px; margin:8px; display: none;}

編輯：什麼我想說明的是我的表單中的圖片選擇器。該div將顯示服務器上的圖像，並在數據庫中列爲<選項>。然後，我可以選擇我想在表單中使用的圖像，獲取ID並在我的表單中發送ID。

解決方案使用jquery ui中的dialog（）函數，我得到了我想要的。

來源

2014-01-14 Nijn

ajax的東西只有在內部頁面內容從服務器動態發送時纔有意義。你做了什麼工作？理論上它應該，如果floatingpage.php實際返回正確的html。 –

你不需要AJAX，這取決於你正在嘗試做什麼。這是一個離線頁面嗎？你有一臺服務器在運行嗎？最後，你的問題到底是什麼？你有錯誤嗎？ – stackErr

的確如此。內部頁面列出了可以選擇的照片，然後將ID返回到它來自的頁面。 @stackErr 我沒有得到任何錯誤，腳本不起作用。 – Nijn

我用的fancybox在我的網站上顯示的網頁和媒體。它使用JQuery，實現起來很簡單。您可以通過YouTube視頻和谷歌地圖找到更多的信息，並在這裏http://fancybox.net/

您可以顯示一切從內部網頁的說明。

我會建議使用jQuery來實現浮動DIV，而不是阿賈克斯，因爲它很容易放在一起，並要求沒有以前的專業知識。

來源

2014-01-14 14:57:45 AlbinoMonkey

我將fancybox.net視爲最後結果。應該很容易使浮動的權利？對我來說，僅使用JQuery也是一種選擇。我應該如何處理這個問題？ – Nijn

JQuery使用插件，有許多不同的插件可用。我會看看這裏，看看你能找到一個適合你的要求。 http://jqueryui.com/dialog/ – AlbinoMonkey

現在試一試，似乎正在工作！保持更新。 – Nijn

使用AJAX來顯示頁面浮動DIV

回答

相關問題