如何插图文本框到按钮对话框区域

我有了一个对话框窗口，看起来像这样聊天：

enter image description here 如何插图文本框到按钮对话框区域

基本上我想文本框移动到按钮区域。

divnodecopy = document.getElementById(div_node); 
      $(divnodecopy).dialogr({ 
        autoOpen:true, 
        maximized: true, 
        minimized: true, 
        buttons: { 
        "Send": { 
         text: 'Send', 
         click: function() { 
             alert("here"); 
             // do stuff 
            } 
         } 
        }, 
         }); 
    document.getElementById(div_node).appendChild(element1); 
// element1 - input text i want to move in dialogr

我也到处去寻找一个解决方案，但没有帮我出出there.Thanks提前！

编辑：添加创建DIV

var div = document.createElement("div"); 
        div.setAttribute("id", "1"); 

        var element = document.createElement("input"); 
        element.setAttribute("type", "text"); 
        element.setAttribute("value", ""); 
        element.setAttribute("id", "textReceived"); 
        div.appendChild(element); 

        var element1 = document.createElement("input"); 
        element1.setAttribute("type", "text"); 
        element1.setAttribute("value", ""); 
        element1.setAttribute("id", "textSend:"); 
        document.body.appendChild(div); 
        divnodecopy = document.getElementById(div_node);

来源

2012-04-05 Mihai Labo

凡对于对话框中选择HTML标记？ div_node – 2012-04-05 09:53:01

我用create元素（“div”）动态创建div_node并添加为2个元素（使用它们的传入样式） – 2012-04-05 09:56:09

发布html，让我们看看如何为您提供帮助。 – 2012-04-05 10:00:16

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <link href="css/ui-lightness/jquery-ui-1.8.6.custom.css" rel="stylesheet" type="text/css" /> 
    <link href="css/jquery.dialogr.css" rel="stylesheet" type="text/css" /> 
    <script src="../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script> 
    <script type="text/javascript" src="js/ui.dialogr.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 

      createChatDialogerBox(1, 'Thulasi Ram.S'); 

      function createChatDialogerBox(fromUserId, fromUserName) { 
       if ($('#chatDialogerBox' + fromUserId).length === 0) { 

        var divnodecopy = $('<div id="chatDialogerBox' + fromUserId + '" class="chatDialogerBox"></div>').append('<input />', { 'type': 'text', 'value': '', 'id': 'textReceived', 'class': 'messageReceived' }); 

        $(divnodecopy).dialogr({ 
         autoOpen: true, maximized: true, minimized: true, 
         title: fromUserName, 
         buttons: { 
          "Send": { 
           text: 'Send', 
           click: function() { 
            alert("here"); 
            // do stuff 
           } 
          } 
         } 
        }); 

        //$('#chatDialogerBox' + fromUserId).parents('.ui-dialog').find('.ui-dialog-buttonpane') 
        //.append('<input />', { 'type': 'text', 'value': '', 'id': 'textSend' }); 

        //Or 

        $('#chatDialogerBox' + fromUserId).parents('.ui-dialog').find('.ui-dialog-buttonpane') 
        .prepend('<input />', { 'type': 'text', 'value': '', 'id': 'textSend', 'class': 'messageSend' }); 
       } 
      }; 
     }); 
    </script> 
    <style type="text/css"> 
     .messageSend 
     { 
      margin-right: 20px; 
     } 
    </style> 
</head> 
<body> 
</body> 
</html>

来源

2012-04-27 08:38:48 Thulasiram

中发布你的代码，它工作正常。 – Thulasiram 2012-04-27 08:39:03

像jquery ui链接文件css和js。可用于对话框plugingin过去的链接，我可以在http://jsfiddle.net/中显示lile演示（http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui。 css） – Thulasiram 2012-04-27 09:30:15

如何插图文本框到按钮对话框区域

回答

相关问题