po wysłaniu socketa czyszczę pole w wiadomoscią:
$('#messageee').val("");
ale pole czysci się wszystkim co piszą na czacie a nie temu co wysłał wiadomosc.
Jak temu zaradzić?
<div class="col-md-3"> <form style="margin-bottom: 3px;"> <div class="row"> <div class="col-md-12"> <input type="text" class="form-control" autocomplete="off" placeholder="Message..." id="messageee" maxlength="300" /> </div> <div class="col-md-12"> <input type="submit" class="btn btn-primary" id="sendd" value="Send message" style="margin-top: 5px; text-align: center; width: 100%;" /> </div> </div> </form>
<script> $(function() { var socket = io("http://XXXXX"); $('#sendd').click(function(){ var btn = $(this); btn.prop('disabled',true); var message = $('#messageee').val(); <?php $admin_q = mysqli_fetch_assoc($db->query("SELECT admin FROM users WHERE steamid = '{$steamprofile["steamid"]}'")); $admin = $admin_q['admin']; if($admin == 4) { } ?> if(message === '') { alert("Wiadomość nie może być pusta!"); } else { socket.emit("message", { avatar: "<?php print(htmlspecialchars(trim($_SESSION["steam_avatar"]))); ?>", login: "<?php print($_SESSION["steam_personaname"]); ?>", message: $("#messageee").val() }); $('#messageee').val(""); } window.setTimeout(function(){ btn.prop('disabled',false); },3000); }); }); </script>
socket.on('message', function(data){ $('.chat-body').append('<div><div class="chat-message" id="chat-message"><div class="chat-name"><img src="'+data.avatar+'" class="img-rounded float-left avatar"><p><strong>'+data.login+'</strong></p></div><div class="chat-message"><p>'+data.message+'</p></div></div></div>'); $('#message').val(''); document.getElementById("chat").scrollTop = document.getElementById("chat").scrollHeight; });