Вопросы по JavaScript

# ramzes (14.01.2017 / 17:44)
jquery пойдет?
вешаешь на форму onsubmit="sendform(this);"

function sendForm(form){
var POST = $(form).serialize();
var FROM = $(form).attr('action');
$.ajax({
type: "POST"

та jq я шарю, мне чистый надо(

# Delphinum (14.01.2017 / 17:36)
КоханийВолодимир, тебе готовый код нужен?

желательно

КоханийВолодимир, ну с этим помочь не могу

# КоханийВолодимир (14.01.2017 / 17:49)
та jq я шарю, мне чистый надо(

просто подключи его с cdn в шапке

<script
  src="http://code.jquery.com/jquery-3.1.1.min.js"></script>

# ramzes (14.01.2017 / 18:04)
просто подключи его с cdn в шапке
<script
src="http://code.jquery.com/jquery-3.1.1.min.js"></script>

не на всех проектах разрешено библиотеки добавлять какие-то, тут проще погуглить, как это делается и все

кроссбаузерный аякс не самая приятная фигня то

в задаче нет кроссбраузерного аякса (не знаю что это)

# ramzes (14.01.2017 / 18:04)
просто подключи его с cdn в шапке
<script
src="http://code.jquery.com/jquery-3.1.1.min.js"></script>

Ты меня не понял. Мне на чистом надо, как работать с jq я знаю, я чистый не шарю

Развешивание событий: https://learn.javascript.ru/in ... vents
Ajax: https://learn.javascript.ru/aj ... quest
Вставка ответа в страницу: document.getElementById('id').innerHMLT = ...;

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function() {


$(".submit_button").click(function() {
var textcontent = $("#content").val();
var userid = $("#user_id").val();
var subid = $("#sub_id").val();

var dataString = 'content='+ textcontent+'&user_id='+userid+'&sub_id='+subid;
if(textcontent=='')
{
alert("Enter some text..");
$("#content").focus();
}
else
{
$("#flash").show();
$("#flash").fadeIn(400).html('<span class="load">Loading..</span>');
$.ajax({
type: "POST",
url: "action.php",
data: dataString,
cache: true,
success: function(html){
$("#show").after(html);
document.getElementById('content').value='';
document.getElementById('user_id').value='';
$("#flash").hide();
$("#content").focus();
}
});
}
return false;
});
});
</script>
<style type="text/css">
.load {
color:#06C;
}

.space {
margin-bottom:25px;
margin-top:10px;
}
.showbox {
border-bottom:1px #09C solid;
width:490px;
color:#033;
font-weight:bold;
word-wrap:break-word;
padding:10px;
font-size:14px;
font-family:Tahoma, Geneva, sans-serif;
margin-bottom:5px;
}
</style>
<form method="post" name="form" action="">
<input type="hidden" id="user_id" value="<?echo $user_id;?>" >
<br>
<input type="hidden" id="sub_id" value="<?echo $id;?>" >
<textarea style="width:500px; font-size:14px; height:60px; font-weight:bold; resize:none;" name="content" id="content" ></textarea><br />
<input type="submit" value="Post" name="submit" class="submit_button"/>
</form>
<div class="space"></div>
<div id="flash" align="left" ></div>
<div id="show" align="left"></div>



action.php
<?php

define('_IN_JOHNCMS', 1);
require_once('../incfiles/core.php');
function nick($user_id)
{
# Foydalanuvchini tekshirish
if (mysql_result(mysql_query("SELECT COUNT(*) FROM `users` WHERE `id` = '". mysql_real_escape_string($user_id) ."' LIMIT 1"), 0) == 1){
$nick_user = mysql_fetch_assoc(mysql_query("SELECT * FROM `users` WHERE `id` = '". mysql_real_escape_string($user_id) ."' LIMIT 1"));
$nick = $nick_user['name'];
}
return $nick;
}






if (isset( $_SERVER['HTTP_X_REQUESTED_WITH'] )):

if (!empty($_POST['content'])) {
// preventing sql injection
$userid = mysql_real_escape_string($_POST['user_id']);
$comment = mysql_real_escape_string($_POST['content']);
$subid = mysql_real_escape_string($_POST['sub_id']);

// insert new comment into comment table


mysql_query("INSERT INTO `cms_library_comments` SET
`user_id` = '" . $userid . "',
`sub_id` = '".$subid."',
`text` = '".$comment."',
`time` = '". time() ."'
");


}
?>


<!-- sending response with new comment and html markup-->
<div class="showbox">
<?php echo nick($user_id); ?> <span>said....</span>
<p><?php echo $comment ;?></p>
</div>
<?php

endif

?>
i want to load older data from database before site be ready in this code display text only when i submit text and if i refresh page all messages get lost but database save it. Help to display all messages