plik komentarze.php
<?
include ('../glowne.php');
if(!$_POST['action']){
header ("Location: index.html"); }
else{
switch($_POST['action']){
case "update":
$result .= "<li><strong>".$row['dodal']."</strong><img src=\"css/images/bullet.gif\" alt=\"-\" />".$row['tresc']."</li>";
}
break;
case "insert":
break;
}
}
?>
komentarze.js
$(document).ready(function(){
var inputUser = $("#nick");
var inputMessage = $("#tresc");
var idkomenta = $("#idkomenta");
var loading = $("#loading");
var messageList = $(".content > ul");
function odswiezKomenty(){
messageList.hide();
loading.fadeIn();
$.ajax({
type: "POST", url: "komentarze.php", data: "action=update",
complete: function(data){
loading.fadeOut();
messageList.html(data.responseText);
messageList.fadeIn(2000);
}
});
}
function sprawdzaniePol(){
if(inputUser.attr("value") && inputMessage.attr("value"))
return true;
else
return false;
}
odswiezKomenty();
$("#form").submit(function(){
if(sprawdzaniePol()){
var nick = inputUser.attr("value");
var message = inputMessage.attr("value");
var idkom = idkomenta.attr("value");
$("#dodajkomenta").attr({ disabled:true, value:"Dodawanie" });
$("#dodajkomenta").blur();
$.ajax({
type: "POST", url: "komentarze.php", data: "action=insert&nick=" + nick + "&message=" + message + "&idkomenta=" + idkom,
complete: function(data){
messageList.html(data.responseText);
odswiezKomenty();
$("form").hide();
$('div.error').hide();
$('div.sukces').fadeIn();
}
});
}
else $('div.error').fadeIn();
return false;
});
});
index.html
<div class="error" style="display: none;"> <p>Uzupelnij wszystkie pola
</p> <div class="sukces" style="display: none;"> <p>Komentarz został dodany
</p>
<form method="post" id="form">
<td><input id="nick" type="text" MAXLENGTH="25" /></td> <td><input id="tresc" type="text" MAXLENGTH="255" /></td> <input type="hidden" id="idkomenta" value="2" > <input id="dodajkomenta" type="submit" value="Wyslij" /></td>
<div id="loading"><img src="img/loading.gif" alt="Ładowanie" /></div>