zvezda_t
21.05.2013 - 13:53
Всем привет.
В то время как выполняется
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
21.05.2013 - 13:57
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
21.05.2013 - 14:00
Допустим, пишу в 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
21.05.2013 - 14:23
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
21.05.2013 - 14:26
Игорь_Vasinsky, как сделать то?
_____________
Что ты сделал сегодня - для завтра?"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
21.05.2013 - 14:27
: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
21.05.2013 - 14:34
Игорь_Vasinsky не лолкай
это я знаю.
А как прозрачную картинку, с колесиком "загрузка" на все окно то вывести?
_____________
Что ты сделал сегодня - для завтра?"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
21.05.2013 - 14:37
я же тебе показал)) вставляешь как обычную картинку - в чём проблема то?
Цитата |
на все окно то вывести? |
Цитата |
$(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
21.05.2013 - 14:41
проблема в том что нет у меня такой картинки - как её сделать то?
и я не уверена - точно ли в див нужно вставлять?
мне кажется это как то не так делается.
_____________
Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
21.05.2013 - 14:43
Цитата |
проблема в том что нет у меня такой картинки - как её сделать то? |

так бы и сказала)))
Цитата |
и я не уверена - точно ли в див нужно вставлять? |
вставляешь туда - где хочешь показать
Цитата |
мне кажется это как то не так делается. |
необоснованная женская логика против оф мануала.
вот те анимация
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
21.05.2013 - 14:52
Цитата |
вставляешь туда - где хочешь показать |
а как полупрозрачный фон на всю страницу растянется?
мне хочется чтобы он был как бы поверх экрана
_____________
Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
Игорь_Vasinsky
21.05.2013 - 15:01
сделай нужный полупрозрачный фон сама и всавь
_____________
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
21.05.2013 - 15:08
Цитата |
сделай нужный полупрозрачный фон сама и всавь |
я так не умею.
собственно в этом и вопрос.
Как сделать полупрозрачный фон и как его открыть во всё окно браузера?
_____________
Что ты сделал сегодня - для завтра?
"Приидите ко Мне вси труждающиеся и обремененнии и Аз упокою вы, возмите иго Мое на себе и научитеся от Мене яко кроток есмь и смирен сердцем и обрящете покой душам вашим, иго бо Мое благо и бремя Мое легко есть."(Мф. 11:28-30)
sergeiss
21.05.2013 - 15:15
Делаешь ДИВ с абсолютным позиционированием и 100%-м размером. Ставишь ему z-indexпобольше. Задаешь с помощью jQuery прозрачность.... А вот сам код писать не буду, потому что я вредный

И вообще я тебя в скайпе давно не видел. Спросить хочу кое-что.
_____________
*
Хэлп по PHP*
Описалово по JavaScript *
Хэлп и СУБД для PostgreSQL*
Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги. *
"накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
Игорь_Vasinsky
21.05.2013 - 15:15
сделать его в 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
Быстрый ответ:
Powered by dgreen
Здесь расположена полная версия этой страницы.