I have a jQuery chat with script
var name = "Guest";
name = name.replace(/(<([^>]+)>)/ig,"");
var chat = new Chat();
$(function() {
chat.getState();
$("#sendie").keydown(function(event) {
var key = event.which;
if (key >= 33) {
var maxLength = $(this).attr("maxlength");
var length = this.value.length;
if (length >= maxLength) {
event.preventDefault();
}
}
});
$('#sendie').keyup(function(e) {
if (e.keyCode == 13) {
var text = $(this).val();
var maxLength = $(this).attr("maxlength");
var length = text.length;
if (length <= maxLength + 1) {
chat.send("testtext", name);
$(this).val("");
} else {
$(this).val(text.substring(0, maxLength));
}
}
});
});
the html structure is;
<body onload="setInterval('chat.update()', 1000)">
<div id="page-wrap">
<h2>jQuery/PHP Chat</h2>
<p id="name-area"></p>
<div id="chat-wrap"><div id="chat-area"></div></div>
<form id="send-message-area">
<p>Your message: </p>
<textarea id="sendie" maxlength = '100' ></textarea>
<button id="submit">submit</button>
</form>
</div>
</body>
This send (or save to file) message when I hit ENTER key after my message. I have replaced text area data with testtext. I want to send data when I click the submit button.
How can I do this?
I am trying to modify this example. I am trying to add a button instead of default enter key hit.
I solved it by removing chat send from main group and included it in trigger click function as below;
$('#trigger').click(function() {
chat.send("testtext", name);
$(this).val("");
});
Thanks to @Kon, @Piotr Salaciak and @Dutchie432 for their support... :)