我可以在其中附加书面内容的框

发布于 2024-10-26 18:09:03 字数 570 浏览 5 评论 0 原文

我必须进行伪聊天，在将按钮按下到文本区域上方的框中后，它将从文本区域添加文本。到目前为止，我的代码看起来像这样

<form name="frm1" id="puts">
  <textarea name="txt1" COLS=15 ROWS=1></textarea>
  <a class="Sisesta Nupp" id="nupp5" href="#"
     onclick="alert(document.frm1.txt1.value) +(document.frm1.txt1.value='')"">
    <span>Sisesta </span>
  </a>

，但是如何将其写入文本区域上方的框中，这样它就不会从上面的框中删除以前写入的内容？如果文本不再适合，如何绘制一个可以滚动的盒子？当我写一些东西时，它应该用列表中的随机句子来回答我。

edit1：由于 html 很糟糕，并且其他两个解决方案（很好）在我的代码中不起作用，我想知道，如何将 document.frm1.txt1.value 附加到我的文本区域上方的框中？

原文

I have to make a pseudo-chat, that will add text fromt textarea after button is pressed to a box above the textarea. So far my code is looking like this

<form name="frm1" id="puts">
  <textarea name="txt1" COLS=15 ROWS=1></textarea>
  <a class="Sisesta Nupp" id="nupp5" href="#"
     onclick="alert(document.frm1.txt1.value) +(document.frm1.txt1.value='')"">
    <span>Sisesta </span>
  </a>

But how to get it written in a box above the textarea so that it won't erase previously written things from the above box? And how to draw a box, that will make a scroll, if the text doesn't fit anymore? When I write something then it should answer me with a random sentence from a list.

edit1: Since html is crap, and the two other solutions(which were good) don't work in my code, I would like to know, how can I just append the document.frm1.txt1.value in a box above my textarea?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一场信仰旅途 2024-11-02 18:09:03

使用 jQuery 创建很容易：

jQuery 代码：

$('#button').click(function() {
   $('#result').append('<br />'+$('#text').val());
   $('#text').val('').focus(); 
});

HTML：

<textarea id='text'></textarea>
<input type='button' value='send' id='button'>
<div id='result'></div>

给你！ jsFiddle --编辑：- 修订

It's easy to create with jQuery:

jQuery code:

$('#button').click(function() {
   $('#result').append('<br />'+$('#text').val());
   $('#text').val('').focus(); 
});

HTML:

<textarea id='text'></textarea>
<input type='button' value='send' id='button'>
<div id='result'></div>

Here you go! jsFiddle --edit:- revised

回复收藏 0 原文

夏雨凉 2024-11-02 18:09:03

好吧，我有几分钟的时间（等待 IM 响应），所以我想出了这种可能性，使用稍微修改过的 html:

<div id="box">
    <ol id="chat"></ol>
</div>
<form action="#" method="post">
    <textarea id='text'></textarea>
    <input type='submit' value='send' id='button'>
</form>
<div id='result'></div>

和 jQuery:

$('#button').click(
    function(){
        var text = $('#text').val();
        $('<li />')
            .text(text)
            .appendTo('#chat');
          $('#text').val('');
        return false;
    });

$('#text').keypress(
    function(e){
        if (e.keyCode == 13 && e.shiftKey == true){
           // might be a better way to do 'nothing'...
        }
        else if (e.keyCode == 13) {
            $('#button').click();
            return false;
        }
    });

JS Fiddle 演示。

Edited to link to a revised demo (for that 'classic IM' look): JS Fiddle.

Well, I had a few minutes to kill (waiting on IM response), so I came up with this possibility, using the slightly amended html:

<div id="box">
    <ol id="chat"></ol>
</div>
<form action="#" method="post">
    <textarea id='text'></textarea>
    <input type='submit' value='send' id='button'>
</form>
<div id='result'></div>

and jQuery:

$('#button').click(
    function(){
        var text = $('#text').val();
        $('<li />')
            .text(text)
            .appendTo('#chat');
          $('#text').val('');
        return false;
    });

$('#text').keypress(
    function(e){
        if (e.keyCode == 13 && e.shiftKey == true){
           // might be a better way to do 'nothing'...
        }
        else if (e.keyCode == 13) {
            $('#button').click();
            return false;
        }
    });

JS Fiddle demo.

Edited to link to a revised demo (for that 'classic IM' look): JS Fiddle.

回复收藏 0 原文

~没有更多了~