so guys, have users list sidebar , chatbox. sidebar append chatbox , it, need put chatbox in javascript variable.and issue
when insert chatbox :
<div class="shout_box"> <div class="header">chat-box<div class="close_btn"> </div></div> <div class="toggle_chat"> <div class="message_box"> </div> <div class="user_info"> <input name="shout_username" id="shout_username" type="text" placeholder="your name" maxlength="15" /> <input name="shout_message" id="shout_message" type="text" placeholder="type message hit enter" maxlength="100" /> </div> </div> </div> the javascript function run
but can't work when put chatbox in javascript variable
var element = '<div class="shout_box"><div class="header">chat-box<div class="close_btn"> </div></div><div class="toggle_chat"><div class="message_box"></div><div class="user_info"><input name="shout_username" id="shout_username" type="text" placeholder="your name" maxlength="15" /><input name="shout_message" id="shout_message" type="text" placeholder="type message hit enter" maxlength="100" /> </div></div></div>'; this javascript function :
// load messages every 1000 milliseconds server. load_data = {'fetch':1}; window.setinterval(function(){ $.post('shout.php', load_data, function(data) { $('.message_box').html(data); var scrolltoh = $('.message_box')[0].scrollheight; $('.message_box').scrolltop(scrolltoh); }); }, 1000); //method trigger when user hits enter key $("#shout_message").keypress(function(evt) { if(evt.which == 13) { var iusername = $('#shout_username').val(); var imessage = $('#shout_message').val(); post_data = {'username':iusername, 'message':imessage}; //send data "shout.php" using jquery $.post() $.post('shout.php', post_data, function(data) { //append data messagebox jquery fade effect! $(data).hide().appendto('.message_box').fadein(); //keep scrolled bottom of chat! var scrolltoh = $('.message_box')[0].scrollheight; $('.message_box').scrolltop(scrolltoh); //reset value of message box $('#shout_message').val(''); }).fail(function(err) { //alert http server error alert(err.statustext); }); } }); could tell me problem? thanks
