ダイアログボックスからフォームフィールドを設定する

ダイアログボックスからフォームフィールドを入力しようとしています。ダイアログボックスからフォームフィールドを設定する

http://jsfiddle.net/48bU2/

編集：私はそれを解決しどのような私が欲しいのは、このデモを持っているボタンをクリックすることで、いくつかのテキストは、フォームfield.Iに移入されます。

出典

2012-02-14 Gandalf

この例は意味を持ちませんか？ '画像選択 'ボタンが機能しません。ダイアログボックスから親フォームのフィールドを設定したいのですか？ – gideon

更新：今あなたのリンクdoesntはもう働きません。 – gideon

あなたのリンクは死んでいます。 –

これはhtml.The 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>

出典

2012-02-16 07:44:48 Gandalf

ダイアログボックスからフォームフィールドを設定する

答えて

関連する問題