0

ボタンの近くの特定の場所にテキストエリアを作成しようとしています。現在のコードは次のとおりです。

var test = $('.content-dialog').dialog({
  width: '98%',
  height: $(window).height() - 20,
  position: ['top', 10],
  resizable: true,
  resize: function(evt, ui) {
    CKEDITOR.instances['content[content]'].resize(
      $(this).width() - 5,
      $(this).height() - 10
    );
  },
  close: function(){
    $('span[id="cke_content[content]"]').remove();
  },
  buttons: [
    {
      text: 'Save',
      'class': 'green',
      id: 'content_save',
      click: function(){
        log_dlg.dialog('open');
      }
    },
    {
      text: 'Cancel',
      click: function() {
        $('.content-dialog').dialog('close');
      }
    }
  ]
});

ボタンが作成されたのと同じコンテナに、テキストエリア フィールドまたはテキストフィールドだけを作成するにはどうすればよいですか?

4

1 に答える 1

-1

使用されているdialogを見る限り、私は常に既存の html の「デコララー」として使用していました。

次のコードをダイアログとして装飾すると、テキスト領域を持つフォームがダイアログとして表示されます。

<div class='content-dialog' style='display: none'>
<form action='index.php' method="GET">
your text area
<textarea>
some text
</textarea>
</form>
</div>

コメントに追加

Enter link description hereでわかるように、ボタン コンテナーは次のとおりです。

.ui-dialog-buttonpane

そう（トリックラインを参照）（コードはテストされていません）：

<!-- dialog hook -->
<div class='content-dialog' style='display: none'>
</div>


<!-- textarea code -->
<div id='textareacode' style='display: none'>
<form action='index.php' method="GET">
your text area
<textarea>
some text
</textarea>
</form>
</div>


<script type="text/javascript">
var test = $('.content-dialog').dialog({
  width: '98%',
  height: $(window).height() - 20,
  position: ['top', 10],
  resizable: true,
  resize: function(evt, ui) {
    CKEDITOR.instances['content[content]'].resize(
      $(this).width() - 5,
      $(this).height() - 10
    );
  },
  close: function(){
    $('span[id="cke_content[content]"]').remove();
  },
  buttons: [
    {
      text: 'Save',
      'class': 'green',
      id: 'content_save',
      click: function(){
        log_dlg.dialog('open');
      }
    },
    {
      text: 'Cancel',
      click: function() {
        $('.content-dialog').dialog('close');
      }
    }
  ]
});

// here the trick
$('.content-dialog .ui-dialog-buttonpane').append($('#textareacode').text())

</script>
于 2013-07-23T05:51:29.163 に答える