如何創建一個用戶交互式彈出類型的表格

我正在尋找點擊鏈接或按鈕時彈出的東西，但它必須不僅僅是一個彈出窗口。它必須是一個交互式表單，它要求輸入，當輸入被提供時，它將輸入回到父窗口。我不是要求代碼。我只是不知道它是哪種技術。你知道我在說什麼嗎？如何創建一個用戶交互式彈出類型的表格

2012-11-20 Leonidus

你可以在你的任務中使用jQuery嗎，還是需要用純javascript來做？ – Eugeny89

我可以使用jquery。它有可能嗎？ – Leonidus

請不要爲查克諾里斯的緣故..彈出更糟糕，如此煩人。除此之外別做任何事。讓div在網頁中顯示爲模態對話框。 – jabal

使用jQuery，在子窗口（彈出），你可以打電話給你的父窗口（首戰），並針對現場像這樣的東西在其中。

$("#fieldInParent", opener.window.document).val("new value");

opener.window.document告訴jQuery的是， ID在打開彈出窗口的窗口中。

來源

2012-11-20 10:43:19 Taff

如果你不想使用jQuery，如： window.opener.getElementById（'fieldInParent'）。innerHTML（「new value」）; – Taff

1，通過<script src=..> 2附上的jQuery到你的HTML，請參閱如何通過jQuery創建模態疊加本教程：

http://jquerytools.org/demos/overlay/modal-dialog.html

http://www.jacklmoore.com/notes/jquery-modal-tutorial

來源

2012-11-20 11:13:05 jabal

我可以建議做類似下面的。在JS：

$container = $("#container"); 
$("<div class=\"popup\" id=\"popup-id\"><!--html code of form here--><div>").hide().appendTo($container); 
.... 
function showPopup() { 
    $("#popup-id").show().offset({ 
    left : yourX, 
    top : yourY 
}); 

}

在HTML：

<!-- container of popup --> 
<div id="container"> 
    ... 
<div> 
... 
<a onclick="showPopup()">Show Pop Up</a>

在CSS

div.popup { 
    display: inline-block 
}

這應該工作。

UPD。甚至更多。而不是與$("<div class=\"popup\" id=\"popup-id\"><div>")創建div。您可以使用jquery.tmpl()函數。

來源

2012-11-20 11:31:27 Eugeny89

如何創建一個用戶交互式彈出類型的表格

回答

相關問題