Форум dkLab и Denwer
Здесь общаются Web-разработчики.
Генеральный спонсор:
Хостинг «Джино»

Показ загрузки при наведении onmouseover (_Master_)
Author Message
_Master_
Заглянувший



Joined: 03 Nov 2006
Posts: 15
Карма: 0
   поощрить/наказать

Location: Chevashia

PostPosted: Wed May 02, 2007 1:11 am (написано за 20 секунд)
   Post subject: Показ загрузки при наведении onmouseover
Reply with quote

Мне нужно чтобы при загрузке на аяксе текста из базы данных показывался например текст "загрузка...".
Как это можно вообще сделать? Сейчас текст загружается при onmouseover, снчала квадрат пустой потом текст и квадрат резко увеличивается. Хотелось бы до загрузки текста сделать надпись "загрузка..."
Надеюсь понятно изъяснил smile
Back to top
View user's profile Send private message
AKS
Участник форума



Joined: 28 Dec 2005
Posts: 1174
Карма: 102
   поощрить/наказать


PostPosted: Wed May 02, 2007 7:50 am (спустя 6 часов 38 минут; написано за 38 секунд)
   Post subject:
Reply with quote

_Master_ wrote:
Надеюсь понятно изъяснил
А я надеюсь, что все правильно понял :-)
Вот что я хотел посоветовать. Чтобы "квадрат" не был пустым, при onmouseover размещайте в нем текст "загрузка...", а после получения ответа заменяйте этот текст тем, что в responseText.
Back to top
View user's profile Send private message Send e-mail
_Master_
Заглянувший



Joined: 03 Nov 2006
Posts: 15
Карма: 0
   поощрить/наказать

Location: Chevashia

PostPosted: Wed May 02, 2007 9:04 am (спустя 1 час 13 минут; написано за 29 секунд)
   Post subject:
Reply with quote

Да, но как это сделать? У меня в onmouseover сразу идет responseText.
Back to top
View user's profile Send private message
AKS
Участник форума



Joined: 28 Dec 2005
Posts: 1174
Карма: 102
   поощрить/наказать


PostPosted: Wed May 02, 2007 9:20 am (спустя 16 минут; написано за 3 минуты 13 секунд)
   Post subject:
Reply with quote

_Master_ wrote:
У меня в onmouseover сразу идет responseText
Так ведь его не будет, пока не "сыграет" событие onreadystatechange для объекта запроса к серверу. Вот вместо этой "пустоты" надо присвоить какое-то значение ("загрузка..." или "грузим, грузим - щас ка-а-ак загрузим" :) ) в innerHTML вашего "квадрата". И только в обработчике onreadystatechange присвоить responseText.
Back to top
View user's profile Send private message Send e-mail
_Master_
Заглянувший



Joined: 03 Nov 2006
Posts: 15
Карма: 0
   поощрить/наказать

Location: Chevashia

PostPosted: Wed May 02, 2007 9:23 am (спустя 2 минуты; написано за 14 секунд)
   Post subject:
Reply with quote

Можно примерчик? :)
Я в JS недавно :)
Back to top
View user's profile Send private message
AKS
Участник форума



Joined: 28 Dec 2005
Posts: 1174
Карма: 102
   поощрить/наказать


PostPosted: Wed May 02, 2007 9:33 am (спустя 10 минут; написано за 2 минуты 20 секунд)
   Post subject:
Reply with quote

_Master_
Да как-же я Вам примерчик-то напишу? Код tooltip + request в "одном флаконе"?

P.S. Пример-то вот он, "под боком" - на этом форуме это реализовано...
Back to top
View user's profile Send private message Send e-mail
_Master_
Заглянувший



Joined: 03 Nov 2006
Posts: 15
Карма: 0
   поощрить/наказать

Location: Chevashia

PostPosted: Wed May 02, 2007 2:00 pm (спустя 4 часа 27 минут; написано за 1 минуту 25 секунд)
   Post subject:
Reply with quote

Все равно не получилось, пробовал много всего.
Вот функци, как сделать вывод текста до полной загрузки?
Code (JavaScript): скопировать код в буфер обмена
function getData(str,fld,textfield){
        pole = document.getElementById(pole);
        request_func = function()
        {               
                if ( ! xmlobj.readystate_ready_and_ok() )
                {
                        return;
                }
                field.innerHTML = xmlobj.xmlhandler.responseText;
        }       
        xmlobj = new ajax_request();
       
        xmlobj.onreadystatechange( request_func );       
        xmlobj.process( url + Math.random() + "&" + str);
        return false;
}
Пробовал впихнуть до return ну и еще по всякому, ничего не вышло.
Может, все таки поможете?
Back to top
View user's profile Send private message
AKS
Участник форума



Joined: 28 Dec 2005
Posts: 1174
Карма: 102
   поощрить/наказать


PostPosted: Wed May 02, 2007 2:31 pm (спустя 30 минут; написано за 5 минут 1 секунду)
   Post subject:
Reply with quote

_Master_ wrote:
Может, все таки поможете?
Сначала Вы мне помогите разобраться с вашей функцией. Ваша getData получает 3 параметра, но используется в функции только один - str. Зачем остальные и откуда в функцию попадают pole, field и url? Почему xmlobj у Вас одни для всех запросов? Ну и наконец, каким образом Вам удается сделать так, что в field.innerHTML никак нельзя ничего "положить" до тех пор, пока не придет ответ на запрос?
Back to top
View user's profile Send private message Send e-mail
_Master_
Заглянувший



Joined: 03 Nov 2006
Posts: 15
Карма: 0
   поощрить/наказать

Location: Chevashia

PostPosted: Wed May 02, 2007 2:36 pm (спустя 5 минут; написано за 1 минуту 4 секунды)
   Post subject:
Reply with quote

pole берется из странички,
Code (html): скопировать код в буфер обмена
<div (december.com/html/4/element/div.html) id='{$data['id']}_preview' style='display:none'> (december.com/html/4/element/.html)</div>
Переменные в начале кода неверные написал, должны быть (str,pole,textfield)
Quote:
каким образом Вам удается сделать так, что в field.innerHTML никак нельзя ничего "положить" до тех пор, пока не придет ответ на запрос?
Может я неправильно делал, покажите Вы, ну примерчик :)
Back to top
View user's profile Send private message
Guest






Карма: 388
   поощрить/наказать


PostPosted: Wed May 02, 2007 3:05 pm (спустя 28 минут; написано за 3 секунды)
   Post subject:
Reply with quote

А textfield зачем?
Back to top
Display posts from previous:   
Post new topic   Reply to topic All times are GMT + 3 Hours
Page 1 of 1    Email to a Friend.
You cannot post new topics in this forum. You cannot reply to topics in this forum. You cannot edit your posts in this forum. You cannot delete your posts in this forum. You cannot vote in polls in this forum. You cannot attach files in this forum. You can download files in this forum.
XML