[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Во время ajax запроса - окно "Загрузка"
Страницы: 1, 2
zvezda_t
Всем привет.

В то время как выполняется ajax запрос, хочу пользователю вывести на экран, крутящееся колёсико на всю страничку) типо "Идет загрузка..."

Научите, пожалуйста, как это сделать?

function fn_graph()
{
//осуществляем расчет графика
$.ajax({
type: 'POST',
url: '/ajax/graph',
data: 'id='+$('#id').val()+'&num='+$('#num').val(),
success: function(result,st){
//как здесь картинку на всё окно подгрузить???

}
}
);
}


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
http://jquery-docs.ru/ajax/jquery-ajax/

beforsend - показать
complete - убрать

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
zvezda_t
Допустим, пишу в beforeSend:

beforeSend: function(){$(div).html('Загрузка...');}

Но это в какой то див только строка вставиться.
А как прозрачное изображение на всю страничку задать?

function fn_graph()
{
//осуществляем расчет графика
$.ajax({
type: 'POST',
url: '/ajax/graph',
data: 'id='+$('#id').val()+'&num='+$('#num').val(),
beforeSend: function(){$(div).html('Загрузка...');},
success: function(result,st){

}
}
);
}


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
html() - не только тект поддерживает, но и html

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
zvezda_t
Игорь_Vasinsky, как сделать то? smile.gif


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
:lol: :lol: :lol:

beforeSend: function(){$(div).html('<img src="your_png.png"/>');}


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
zvezda_t
Игорь_Vasinsky не лолкай smile.gif
это я знаю.

А как прозрачную картинку, с колесиком "загрузка" на все окно то вывести?


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
я же тебе показал)) вставляешь как обычную картинку - в чём проблема то?

Цитата
на все окно то вывести?



Цитата
$(div).html('Загрузка...');},


ну тут ты в div вставляешь - укажи тот элемент в который нужно, можно по id

$("div#loading").html('........');


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
zvezda_t
проблема в том что нет у меня такой картинки - как её сделать то?
и я не уверена - точно ли в див нужно вставлять?
мне кажется это как то не так делается.


_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
Цитата
проблема в том что нет у меня такой картинки - как её сделать то?


laugh.gif так бы и сказала)))

Цитата
и я не уверена - точно ли в див нужно вставлять?

вставляешь туда - где хочешь показать

Цитата
мне кажется это как то не так делается.

необоснованная женская логика против оф мануала.


вот те анимация http://preloaders.net/ru/

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
zvezda_t
Цитата
вставляешь туда - где хочешь показать

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

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
сделай нужный полупрозрачный фон сама и всавь

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
zvezda_t
Цитата
сделай нужный полупрозрачный фон сама и всавь

я так не умею.
собственно в этом и вопрос.
Как сделать полупрозрачный фон и как его открыть во всё окно браузера?

_____________

Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
sergeiss
Делаешь ДИВ с абсолютным позиционированием и 100%-м размером. Ставишь ему z-indexпобольше. Задаешь с помощью jQuery прозрачность.... А вот сам код писать не буду, потому что я вредный smile.gif

И вообще я тебя в скайпе давно не видел. Спросить хочу кое-что.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Игорь_Vasinsky
сделать его в photoshop например, кубиком 10-10px

потом сделать div - во всю ширину и position:absolute; left:0px; top:0px

и в качестве фона замостить этим png (background)

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.