HTML+CSS+JavaScript

При нажатии на Submit прекращается выполнение GIF - анимация останавливается.

Нужно сделать так чтобыпока не загрущится новая страница на экране проигрывался GIF
перепробовал многое но он вращается пока не нажимаешь на SUBMIT

НАЖАЛ - полная остановка!!!!!!!!!!!!

ВОЗМОЖНО ли ТАКОЕ и если да то КАК такое сделать?????????

3) Можно отправить данные формы аяксом, затем словить ответ сервера. Если сервер отработал успешно, то осуществить переход при помощи JS:

document.location = 'куда перейти';

[поправлено модератором]

ну понимаешь человек всю ночь наверное над гифом просидел (НУ НЕФИК ДЕЛАТЬ НЫНЕШНИМ КОДЕРАМ) а потом с полным восторгом вспомнил про форум )))))))

:-D

Да я не против что многие здесь профи а я вот с трудом осваиваю JAVA а про Аякс вообще -даже не дышу.
Лучше подскажите как надо написать или где почитать если примера нет. Не пойму даже про что читать (в смысле примера). Аякс думаю для меня будет в тягость на пару месяцев а нужно было ещё вчера.!!!!!!!!!

если именно новая страница - у вас ничего не выйдет, если надо отправить форму и вместо нее вести результат ее обработки, то можно.

Да есть страница index.php нужно вывести содержимое получаемое в результате работы скрипта swo.php при нажатии на SUBMIT (данные отправляются POST) не перезагружая страницу!
Как? ПОMогите пожалуйста!

<form action="swo.php" method="post" onsubmit="this.setAttribute('target','frm');"> <INPUT TYPE="submit" VALUE="GO"> </form> <iframe onLoad="window.document.getElementById('wnd').innerHTML= frm.document.body.innerHTML;"  frameborder="0" width="0" height="0" name="frm" id="frm"></iframe> <div id="wnd"></div>

http://jquery.com/
http://www.malsup.com/jquery/form/
http://be.twixt.us/jquery/formSubmission.php
http://rsdn.ru/article/inet/jQuery.xml

Если в этом пошерстить, то отправить форму аяксом и принять ответ сервера займет две строки кода. Если нужно вставить ответ сервера вместо формы, то еще строка. Если кешировать полученные данные - еще две.

соббственно http://malsup.com/jquery/form/

id="myForm" - айдишник формы

id="myAnswer" -див куда пихать ответ

<script type="text/javascript" src="jquery.js"></script>      <script type="text/javascript" src="form.js"></script>        <script type="text/javascript">          $(document).ready(function() {              $('#myForm').ajaxForm(function(data) {                 $("#myAnswer").html(data);                $('#myForm').css("display","none");             });          });      </script>

оба скрипта найдете по ссылке выше

Блин последний скрипт открывает в том же окне с перезагрузкой, а мне надо в том же и без

И чтобы пока загружается вместо того что уже есть в DIVе отображался GIF

как ?

<FORM id=frm onsubmit="$(document).ready(function()" action="domen_x.php"> <script type="text/javascript">           $(document).ready(function() {               $('#frm').ajaxForm(function(data) {                  $("#wnd").html(data);                 $('#frm').css("display","none");              });           });       </script>  <div id="wnd"></div>

<FORM id=frm action="domen_x.php" onSubmit="rez();"> </form> <div id="wnd"><img src=gif></div> <script type="text/javascript">    function rez(){             $('#frm').ajaxForm(function(data) {                $("#wnd").empty();                $("#wnd").html(data);                  $('#frm').css("display","none");               });    };        </script>   <div id="wnd"></div>

не ну написал всё точно также и всё равно открывается вновом окне!!!


Не пойму у Ва ведь наверное работает - я вроде не лысый - смотрел утром в зеркало, но всё равно не работает как надо!

Такое может быть -ну в смысле почему?

Вы библиотеку подключили? Нужно скачать и подключить jquery и плагин к ней form. Тогда будет работать.

А куда установить
Hа мой компьютер?
Если да, то тогда какой смысл во всём этом - я же пишу не для себя? а других это что, и у них нужно устанавливать.? Должно и так работать у всех!!!

Ну в смысле хотелось бы

Эээ...
Качаете файл jquery.js
Качаете файл с плагином для формы.
Заливаете оба этих файла на сервер.
Подключаете их примерно так:

<script type="text/javascript" language="javascript" src="./путь/до/jquery.js"></script> <script type="text/javascript" language="javascript" src="./путь/до/плагина.js"></script> <script type="text/javascript" language="javascript"> тут пишете то, что сказал AlexSol </script>

я всячески извиняюсь за свою тупость но

скачал jquery-1.2.js (правильно?)

а form.js на http://jquery.com/ - не найду пока что-то


а можно один файл jquery.form.js из http://malsup.com/jquery/form/#download

<script type="text/javascript" language="javascript" src="jquery.form.js"></script>

всё то- же самое - перегружается и загружается выполняемый файл но не в div а сам по себе

Загружается в новом файле!!!!!!!!!

<script type="text/javascript" language="javascript" src="jquery-1.2.js"></script> <script type="text/javascript" language="javascript" src="form.js"></script> <script type="text/javascript">     function rez(){              $('#frm').ajaxForm(function(data) {                 $("#wnd").empty();                 $("#wnd").html(data);                   $('#frm').css("display","none");                });     };         </script>   <FORM id=frm action="domen_x.php" onSubmit="rez();"> .............................. </form> <div id="wnd"><img src="24-0.gif" width="24" height="24"></div>

помоему я не те скрипты скачал дайте адрес проверенных плагинов!!!

чо то подгружается с online.mirabilis.com - Странно!

>

Спасибо огромное всё работает я убрал строчку

$('#way').css("display","none");

чтобы форма не исчезала ОДНА просьба как сделать чтобы при нажатии на SUBMIT в DIVe опять появлялась картинка пока загружается .php

<script type="text/javascript">  $(document).ready(function() {      $('#way').submit(function() {         $('#c2h5oh').css("display","block");         $(this).ajaxSubmit(function(data) {             $("#c2h5oh").html(data);                              });     return false;     }); });  </script>

$(document).ready(function() {       $('#way').submit(function() {          $('#c2h5oh').css("display","block");          $("#c2h5oh").html("<img src=............");                  $(this).ajaxSubmit(function(data) {              $("#c2h5oh").html(data);                                });      return false;      });  });

Спасибо большое всё работает кроме появляющейся картинки при нажатии на SUBMIT не знаю почему?
НО попытался сохранить страницу с результатом а там iFrame - пока писали я думал что пишем на AJAX
А разве IFRAME это и есть AJAX???

Дело в том что должна была быть возможность сохранять страницу с полученными результатами а тут - ОБЛОМ!!!!

Но всё равно спасибо!

Но может знаете как сделать чтобы и результат оставался сохранённым


КАК СОДЕРЖИМОЕ DIVа после нажатия на SUBMIT заменить содержимым файл.php без перезагрузки и бз использования IFRAME???

Чего вы хотите в конечном итоге? Я вам приводил пример кода - можете считать его AJAX "без наворотов". Он получает содержимое в указанный элемент DIV, а IFRAME служит просто контейнером, и все что вы запросите на сервере, будет загружено в конечном итоге в этот DIV, без перезагрузки остального содержимого страницы. Далее вы можете получить содережимое этого DIV через innerHTML, если оно вам нужно.

http://ballista.ru/test/jquery/send.html

iFrame там нет нигде - в textarea выводится содержание body после каждого шага, можете проверить.

сохранить страницу с результатом не выйдет в любом случае - ajax выводит даннные через javascript, а сохранить то что выведено джавой у вас не выйдет

ЯСНО

Однако самая важная проблема AJAX заключается в том что, сохраняя локальную копию загруженного документа, посетитель страницы, на самом деле, ничего не сохраняет! Конечно, если вы хотите заставить его посещать сайт снова и снова, вам это должно очень понравится, но если вы хотите помочь посетителю, вы должны усвоить одну, банальную вещ: AJAX не предназначен для загрузки контента! Загруженный материал является временным и существует только до закрытия браузера, так как он не записывается в текст страницы, а только хранится оперативной в памяти. Посвященный в эти вещи посетитель выделит текст и скопирует в файл, но не посвященный, никогда не поймет, почему, посещая страницу на сайте, он видит одно, а открывая ее локальную копию – другое

думаю мало кто делает локальные копии - восновном печатают, если нужно.

Нужно знать чего ты хочешь. С самого начала темы вы меняли задачу несколько раз. Когда задача была решена - поменяли еще раз. Блин, полный бред.

Спасибо большое всем всё получилось - так думаю даже лучше!