16.07.2009, 10:14
|
|
Участник форума
Регистрация: 11.10.2006
Сообщений: 134
С нами:
10305836
Репутация:
235
|
|
Берешь картинку отсюда http://ajaxload.info/. Далее задаем событие при клике по кнопке, на сколько я понял у тебя будут передаваться данные из формы. Потом добавляем в контейнер, картинку с того сайта и передаем данные. Делаем эффект fadeout убераем картинку.
PHP код:
<html>
<head>
<title></title>
<script src='js/jquery.js' type='text/javascript'>
<script type="text/javascript">
$(function() {
$('#submit').click(function() {
$('#container').append('<img src="loading.gif" alt="Идет загрузка" id="loading" />');
var name = $('#name').val();
$.ajax({
url: 'jres.php',
type: 'POST',
data: 'name=' + name,
success: function() {
$('#loading').fadeOut(500, function() {
$(this).remove();
});
}
});
return false;
});
});
</script>
</head>
<body>
<div id="container">
<input type="text" name="name" id="name"/>
<input type="submit" name="submit" id="submit" value="Go" />
</div>
</body>
</html>
|
|
|