0
A
回答
0
這是整個HTML。CSS和JS包括都來自jQuery的UI庫。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog - Basic modal</title>
<!--blueprint files being -->
<link rel="stylesheet" href="assets/css/screen.css" media="screen, projection" />
<link rel="stylesheet" href="assets/css/print.css" media="print" />
<!--[if IE]>
<link rel="stylesheet" href="assets/css/ie.css" media="screen,projection" />
<![endif]-->
<!-- blueprint files end-->
<link rel="stylesheet" href="assets/css/jquery.ui.all.css">
<link rel="stylesheet" href="assets/css/demos.css">
<link rel="stylesheet" href="assets/css/jquery.ui.base.css">
<link rel="stylesheet" href="assets/css/jquery.ui.theme.css">
<script src="assets/js/jquery-1.7.1.js"></script>
<script src="assets/js/jquery.bgiframe-2.1.2.js"></script>
<script src="assets/js/jquery.ui.core.js"></script>
<script src="assets/js/jquery.ui.widget.js"></script>
<script src="assets/js/jquery.ui.mouse.js"></script>
<script src="assets/js/jquery.ui.draggable.js"></script>
<script src="assets/js/jquery.ui.position.js"></script>
<script src="assets/js/jquery.ui.resizable.js"></script>
<script src="assets/js/jquery.ui.dialog.js"></script>
<link rel="stylesheet" href="assets/css/demos.css">
<script>
$(function() {
// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
$("#dialog:ui-dialog").dialog("destroy");
$("#dialog-modal").dialog({
height: 440,
modal: true
});
});
</script>
</head>
<body>
<div class="demo">
<form>
Image Path: <input id="example3b" name="firstname" /><br />
</form>
<div id="dialog-modal" title="Basic modal dialog">
<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
<p>
An image:
<img src="images/wolf-moon.jpg" alt="Wolf Moon" width="450" height="281" />
</p>
<br />
<form name="myform" >
Type something in here:
<input id="example3b" />
<input name="SetValue" type="button" value="Set Value"/>
</form>
<script type="text/javascript">document.forms.myform.elements.SetValue.addEventListener("click", function() {
var example3b = document.getElementById("example3b");
// example3b === null
var example3a = "hello";
example3b.value = example3a;
});</script>
</div>
</body>
</html>
相關問題
- 1. 設置MFC對話框表單標題
- 2. jQuery對話框張貼表單域
- 3. 從jQuery對話框中提交表單
- 4. 從jQuery對話框中提交表單
- 5. 從對話框設置壁紙
- 6. 在進度對話框中設置用戶背景對話框
- 7. 訪問AEM對話框域選項從模板對話框
- 8. 在fancybox對話框中設置焦點
- 9. 在對話框中設置變量
- 10. 在對話框中設置大小
- 11. 如何在對話框中設置Butto.onClickListener?
- 12. 在對話框中設置Facebook名稱
- 13. 在對話框中設置類
- 14. 設置排除表單域
- 15. SWT表單或對話框
- 16. 表單提交對話框
- 17. 爲複選框列表對話框設置複選框
- 18. 用捷克語區域設置的Java打印對話框
- 19. 如何指定Facebook OAuth對話框的區域設置?
- 20. 設置Android對話框位置
- 21. 如何設置對話框的位置?
- 22. 自定義微調器對話框:對話框的popupbackground設置
- 23. 如何使用對話框片段設置全屏對話框
- 24. 如何從edittext android中設置Datepicker對話框中的日期?
- 25. 在jQuery對話框中設置單選按鈕
- 26. 打開關於設置菜單中的onClickEvent後的對話框
- 27. 從表單文本框設置SqlDataSource SelectParameters
- 28. 在Django中設置表單域的值
- 29. 在JSP中提交表單時從輸入框中設置會話值
- 30. 將框架中的對話框對齊並設置其寬度
這個例子沒有意義嗎? 「選擇圖像」按鈕不起作用?你想在對話框的父窗體中設置一個字段? – gideon 2012-02-14 11:37:56
更新:現在您的鏈接不再有效。 – gideon 2012-02-14 11:39:47
您的鏈接已死亡。 – 2012-02-14 11:40:10