VPF::Предупреждение "Ждите" - Форум программистов

igorold

Дата 27.1.2010, 08:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 22.12.2005
Где: Россия->Урал-& gt;Миасс

Репутация: 2
Всего: 17

При кликании по ссылке, в скрипте, написанном на perl запускается запрос mysql, который выполняется 48 секунд в среднем, только потом идет формирование окна html из шаблона, т.е. после кликания проходит значительня пауза.
Не знаю какими средствами сделать окно предупреждения "Ждите", которое потом бы исчезало после начала формирования необходимого окна.

--------------------

... у семи нянек 14 сисек ...
Putin here, Putin there, Putin almost everywhere!

Котокобра

Дата 27.1.2010, 08:42 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 147
Регистрация: 26.11.2009

Репутация: нет
Всего: 4

Либо аякс, либо переадресация.
К сожалению, способов частичной загрузки документа я не знаю.

12345c

Дата 27.1.2010, 13:16 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

http://yandex.ru/yandsearch?text=javascrip...&clid=46510

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Самозванка

Дата 27.1.2010, 13:23 (ссылка)

(нет голосов)

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

Репутация: нет
Всего: 40

igorold, вот в этом направлении посмотрите тыц

--------------------

Неуёмная жажда жизни!

smile

igorold

Дата 28.1.2010, 07:32 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 557
Регистрация: 22.12.2005
Где: Россия->Урал-& gt;Миасс

Репутация: 2
Всего: 17

12345c, мне бы кусочек работающего кода ... smile

Добавлено через 1 минуту и 31 секунду

Цитата(Самозванка @ 27.1.2010, 13:23

)

igorold, вот в этом направлении посмотрите тыц

у меня же скрипт на perl-е ... зачем мне аякс прикручивать?

--------------------

... у семи нянек 14 сисек ...
Putin here, Putin there, Putin almost everywhere!

12345c

Дата 28.1.2010, 12:45 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Так вот же, с кодом, или выбирайте любое по ссылке в поиске.
Только вместо onmouseup="setTimeout('sexyTOG()',1);" - или ничего, если подгрузка не по аяксу (но тогда не сможете обработать ошибку скрипта на сервере - неприход ответа через нек.время. напр.), или это самое sexyTOG() при успешном приходе ответа ajax + сам ответ куда-нибудь вывести. Ну и названия поменять и поставить ссылку на перезагрузку для юзера, которому надоест ждать.

Код


   <script type="text/javascript">
function $(v) { return(document.getElementById(v)); }
function $S(v) { return($(v).style); }
function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function isset(v) { return((typeof(v)=='undefined' || v.length==0)?false:true); }
function XYwin(v) { var z=agent('msie')?Array(document.body.clientHeight,document.body.clientWidth):Array(window.innerHeight,window.innerWidth); return(isset(v)?z[v]:z); }

function sexyTOG() { document.onclick=function(){ $S('sexyBG').display='none'; $S('sexyBOX').display='none'; document.onclick=function(){}; }; }
function sexyBOX(v,b) { setTimeout("sexyTOG()",100); $S('sexyBG').height=XYwin(0)+'px'; $S('sexyBG').display='block'; $('sexyBOX').innerHTML=v+'<div class="sexyX">(click outside box to close)'+"<\/div>"; $S('sexyBOX').left=Math.round((XYwin(1)-b)/2)+'px'; $S('sexyBOX').width=b+'px'; $S('sexyBOX').display='block'; }
</script>
<style type="text/css">
#sexyBG { display: none; position: absolute; background: #000; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=40); width: 100%; height: 100%; top: 0; left: 0; z-index: 99; }
#sexyBOX { display: none; position: absolute; background: #b9e77b; color: #333; font-size: 1.2em; text-align: center; border: 1px solid #111; top: 70px; z-index: 100; }
.sexyX { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #636D61; background: #778574; }
</style>
<div class="Summery">
 <div class="wrap">
  <h1></h1>
  This will create a basic &ldquo;lightbox&rdquo; or &ldquo;thickbox&rdquo; interface using HTML masking.<br><br>
<b>Example:</b> <div id="sexyBG"></div>
<div id="sexyBOX" onmousedown="document.onclick=function(){};" onmouseup="setTimeout('sexyTOG()',1);"></div>

<a href="#" onclick="sexyBOX('YourURL','300'); return false;">Open SexyBox!</a>
 </div>
</div>

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »