Форум SAPE.RU - Подскажите будьте добры

Форум SAPE.RU (http://forum.sape.ru/index.php)

- Разработка и сопровождение сайтов (http://forum.sape.ru/forumdisplay.php?f=29)

- - Подскажите будьте добры (http://forum.sape.ru/showthread.php?t=23170)

Подскажите будьте добры

Суть задачи такова...

Есть форма на странице index.php надо чтобы она обрабатывалась obr.php (или в этим же файлом), но по нажатию кнопки "Добавить" всплывало окошко(как в Sape при покупки ссылок и не блокировалось как вспл. окно). В этом окошке быдет "Дождитесь конца обработки данных или графический элемент "loading". А по завершению обработки обновлялась страница index.php

Заранее багодарен.

Добавлено через 54 минуты
Хотя бы пару намёков дайте в какую сторону копать, а то устал уже пробывать все подряд предлагаемое с ПС.

Форму через javascript
при событии сабмит открывается окно

чтобы не блокировалось окошко, нужно его отображать не через window.open, а как обычный элемент страницы, с особыми css правилами. Пример здесь: http://www.reconn.us/content/view/37/47/

Так и делал, только вот браузер сначала думает секунд 5. После чего выводит окошко. Вот именно от этих 5 секунд ну никак не могу избавиться :(

Делал так (сначала выводится окошко что выполняется скрипт, после выполнения браузер перестает думать(появляется возможность использования javascript, после чего меняю сообщение на обработка завершена и срабатывает таймер (через 3 секунды обновляется страница откуда вызывался скрипт).

Добавлено через 44 секунды
Пока писал ответили еще,спсб, сейчас почитаю по данной ссылке

Добавлено через 17 минут
Спасибо FDVFlex, и всем кто отписался, твоя ссылка как раз в тему.

kalypah, для примера с формой - вот на нашем сайте: http://fdstar.net/ (форма проверки домена)

Для слоя окошка:

Код:



<div id="loading-layer" style="display:none;position:absolute;top:0px;left:0px; width:100%; height: 100%; text-align:left;">

    <div style="position:relative;left:50%;top:50%;text-align:center;border:1px dashed #000000;display:inline;font-weight:bold;padding:5px;width:300px;margin-left:-100px; height:100px;background-color:#FFFFFF;">

        Загрузка. Пожалуйста, подождите...

    </div>

</div>



<div id="busy_layer" style="visibility: hidden; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: gray; opacity: 0.5; filter: alpha(opacity=10); "></div>

функция показа "окошка":

Код:

<script language="JavaScript">

function domain_submit()

{

      document.getElementById('busy_layer').style.visibility = 'visible';

      document.getElementById('loading-layer').style.display = 'block';

}

</script>

асайним вызов функции показа окошка на событие отправки формы:

Код:

<form ... onsubmit='domain_submit();'>



...

С картинкой все нормально получается, с php сценариями, все равно картинка отображается ток после того как сценарий почти выполнился, просто у меня сценарии некоторые обрабатываются 10-15 секунд, вот именно в 10-15 секунд мне надо было выводить картинку loading.

Добавлено через 39 секунд
Опять долго пишу, сейчас посмотрю твой пример, спасибо

Добавлено через 5 минут
Спасибо, FDVFlex. Отлично работает, то что нужно, понял свою ошибку)))). Если мог бы плюсанул.

Рад что помогло. Плюсовать ничего не нужно ;)

Случайно не знаешь....
Вот с тектом все хорошо, отображается норм, пытаюсь анимацию загрузки сделать, картинка gif показывается но не анимированная, пытался preload ее делать, не помогло.

в браузере случайно не отключена анимация?