每次用戶提交文本時創建/顯示一個新的Div

-1

我想在提交時在新div中顯示文本字段的內容，每次點擊文本字段下的提交按鈕時我都會就像創建一個新的div。每次用戶提交文本時創建/顯示一個新的Div

例如，Person A輸入'hello'並點擊提交，'hello'現在顯示在頁面的其他位置。

某乙顯示出來和類型「你好再次」和點擊提交，「大家好」也顯示，在未來DIV第一「你好」等

後，這個功能甚至可能嗎？任何幫助，將不勝感激。

來源

2013-08-18 user2694506

此外，我找到了解決方案，通過點擊按鈕創建新的div，我找到了從窗體顯示文本的解決方案，但我不知道兩者如何組合。 – user2694506

您是否在談論創建一個完整的聊天類應用程序？在這種情況下，您必須執行服務器端編程和處理數據庫。 –

不，我希望用戶能夠在每個人都可以看到的網頁上添加簡單的文本行，他們不一定會互相問好。 – user2694506

我相信我已經創造了你想要使用jQuery的內容示例：http://jsfiddle.net/sVgxa/

HTML：

<textarea id="input"></textarea> 
<button id="submit">Enter</button> 
<div id="newDivs"></div>

的Javascript：

$('#submit').click(function() { 
    var text = $('#input').val(); 
    $('#newDivs').append('<div>' + text + '</div>'); 
});

至於修剪說，如果你想要的東西在不同的用戶之間顯示出來，你將需要使用Ajax更復雜的東西。

來源

2013-08-18 19:50:34 klamoree

因此，在此解決方案中，只有輸入文字的人才能在頁面上看到更新的內容？非常感謝你爲此，它看起來我想要什麼。 – user2694506

是的，因爲這是純粹的客戶端代碼，所以沒有任何連接到服務器，因此沒有辦法將數據傳遞給其他用戶。實現這個代碼比我提供的代碼複雜得多。 – klamoree

，如果你可以使用jQuery然後 -

HTML -

<input id="text-box" value="" /> 
<button id="submit">Submit</button> 
<div id="message-wrapper"></div>

的JavaScript -

$(document).ready(
     function() { 
      $("#submit").click(
        function() { 
         $("<div>" + $("#text-box").val() + "</div>").appendTo(
           "#message-wrapper"); 
        }) 
     });

來源

2013-08-18 19:42:05

我也在思考這些問題，但問題是關於多人添加消息，這意味着需要與服務器進行某種通信並需要某種形式的數據庫。 –

他得到了他的答案，我認爲他只是在擺弄JavaScript。 –

你描述的樣子簡單的Ajax的Web聊天應用程序。只使用JavaScript將不足以得到你想要的。你可以檢查這個例子： http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-simple-web-based-chat-application/ 或谷歌的如何創建Ajax聊天應用程序。有很多關於如何使用不同的編程語言來創建這樣的應用程序的很好的例子。

來源

2013-08-18 19:45:52 trims

如果這是解決方案，那麼我願意立即投降大聲笑。不過謝謝你，你給了我一個指向谷歌的指針。 – user2694506

每次用戶提交文本時創建/顯示一個新的Div

回答

相關問題