如何在單擊按鈕時彈出對話框

Question

朋友您好我想上傳圖片，但是根據要求，當點擊按鈕時，彈出窗口顯示和彈出窗口顯示的內部部分使用類似以下代碼的瀏覽字段

<form action="index.php" method="post" onsubmit="">
    <div><label>Name:</label> <input type="text" name="form[name]" /></div>
    <div><label>File:</label> <input type="file" name="form[file]" /></div>
    <div><input type="submit" value="SUBMIT" /></div>
</form>

實際上，我想在彈出窗口中顯示此瀏覽字段。 請對此回復我謝謝

Answer 1

只需為您的表單提供一個myform ID即可，使用display:none;隱藏它display:none; 並嘗試此代碼

<a href="#" onClick="document.getElementById('myform').style.display='';">Show Browse</a>

更新

我已經創建了您想要的演示。 在這里檢查http://jsfiddle.net/Starx/rVw9M/

由於您不熟悉jquery，因此需要運行jquery庫才能將其放在您的頭上（HTML Pages Head：D）

<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>

Answer 2

基本上，這是實現該目標的方法（就在我腦海中）：

a）創建一個新的單獨頁面並將您的代碼移至該頁面

b）在現有頁面上創建一個DIV並在其中添加指向該新頁面的IFRAME，例如

<div class="uploader" style="display: none;">
  <iframe scrolling="no" style="width: 100%; height: 100%;" src="url"></iframe>
</div>

c）下載並添加一些模式彈出窗口插件-就個人而言，我更喜歡SimpleModal

d）現在，您可以通過在.uploader類上調用modal（）方法來顯示彈出窗口，如下所示。

<a href="#" onclick="$('.uploader').modal();">Show Uploader</a>