Помогите пожалуйста, есть некая форма с информацией, которая будет редактироваться:
<h2>Все мероприятия</h2>
<?php
$sql = mysql_query("SELECT * FROM events ORDER BY id DESC ");
echo "<div id=".event_row.">";
while ($row = mysql_fetch_assoc($sql)) {
echo "<div class=".event_row.">";
if($row[state]=='yes'){echo "<div id=".event._.$row[id]." class=".event."><a class=".event_title." href=".$row['link'].">".$row['title']."</a>";}
else {echo "<div id=".event._.$row[id]." class=".event."><a class=".event_title.">".$row['title']."</a>";}?>
<div id="updevent<?php echo $row[id];?>" class="hidden" style="opacity: 0;"> - изменения сохранены</div>
<?php echo "<div class=".event_meta."><span class=".event_date.">Дата проведения: <b>".$row['date']."</b></span><span class=".event_palce.">Место проведения: <b>".$row['place']."</b></span></div>";?>
<a class="editlink" id="edit<?php echo $row[id];?>" onclick="event_edit(<?php echo $row[id];?>); return false;" href="#">Редактировать</a>
<a class="delete_link" id="delete<?php echo $row[id];?>" onclick="delete_event(<?php echo $row[id];?>); return false;" href="#">Удалить</a>
<?php
echo"</div>";
echo "</div>";?>
<div style="display:none" id="event<?php echo $row[id];?>">
<div class="event_edit_form">
<div><input type="text" class="text" name="upd_title" placeholder="<?php echo $row['title']; ?>" /></div>
<div><input type="text" class="text" name="upd_date" placeholder="<?php echo $row['date']; ?>" /></div>
<div><input type="text" class="text" name="upd_place" placeholder="<?php echo $row['place']; ?>"/></div>
<div><input type="checkbox" class="check" name="upd_state" value="yes" <?php if($row['state']==yes)echo "checked=".checked.""?> /> проведено?</div>
<div><input type="text" class="text" name="upd_link" placeholder="<?php echo $row['link']; ?>" /></div>
<div class="colorButton" style="float:left;"><button onclick="upd_event(<?php echo $row[id];?>); return false;">Сохранить</button></div>
<div class="cancelButton"><button onclick="cancel_edit(<?php echo $row[id];?>); return false;">Отмена</button></div>
<div id="download_img" style="display:none;"><img src="img/loading.gif" alt="" width="100" height="100" /></div>
</div>
</div>
<?php }
echo "</div>";
?>
и js:
function upd_event(eventID) {
var a = document.getElementById("event_" + eventID);
var b = document.getElementById("event" + eventID);
var c = document.getElementById("updevent" + eventID);
$('div#download_img').css('display', 'block');
var title = $('input[name="upd_title"]').val();
var date = $('input[name="upd_date"]').val();
var place = $('input[name="upd_place"]').val();
var link = $('input[name="upd_link"]').val();
if($('input[name="upd_state"]').is(':checked')==true){
var check = 'yes';
} else {
var check = 'no';
}
$.ajax({
type:"POST",
url:"edit_event.php",
data: {title:title, date:date, place:place, check:check, link:link, eventID:eventID},
cache: false,
success: function(responce){
$('div#download_img').css('display', 'none');
a.style.display = "";
b.style.display = "none";
location.reload();
}
})
c.style.opacity = "1";
}
Как можно правильно сделать ответ после ajax, чтобы без перезагрузки всей страницы обновилась информация? Я просто 1-ый раз пишу подобные вещи
