Показать сообщение отдельно
  #3 (permalink)  
Старый 11.06.2016, 20:27
Аватар для pureJS
Аспирант
Отправить личное сообщение для pureJS Посмотреть профиль Найти все сообщения от pureJS
 
Регистрация: 04.06.2016
Сообщений: 70

agr, вот это как раз тот случай, который показывает уровень знаний тех программистов, которые везде суют JQuery и без неё не могут обойтись. Зачем пытаться писать страницы, если нет основополагающих знаний? И уж тем более через JQuery! И сам ничего понимать не будешь, и другим очень сильно затруднишь понимание твоего скрипта. Или как ты думаешь - почему тебе никто не ответил? Более того ещё и пользователи будут вынуждены ждать загрузки страницы.

В русском языке также нет слова dealer'ы! Ведь не трудно же по-русски написать "Продавцы"?

Надо изучить основы языка и тогда таких вопросов вообще не будет! В этом помогут последние 2 ссылки в моей подписи - это книги от Netscape (создателей JS).

Вот как работают заставки при ожидании на чистом JS:
<html><head>
<style type="text/css">
#preloader
{
	width:32px;
	height:32px;
	background:url('preloader.gif') no-repeat
}
</style>
<script type="text/javascript">
var httpRequest = getXmlHttp();

function getXmlHttp()
{
	//...........
	//return XMLHttpRequest
}

function searchLocations()
{
	var p = document.getElementById('preloader');
	//добавляем картинку ожидания:
	p.style.display = 'block';

	//отправляем AJAX запрос:
	httpRequest.onreadystatechange = updateSidebar;
	httpRequest.open('GET', url, true);
	httpRequest.send('');
}

function updateSidebar()
{
	try
	{
		if(httpRequest.readyState == 4)
		{
			if(httpRequest.status == 200)
				document.getElementById('sidebar').innerHTML = httpRequest.responseText;
			else
				document.getElementById('sidebar').innerHTML = 'Возникли трудности при запросе.';

			//убираем картинку ожидания:
			var p = document.getElementById('preloader');
			p.style.display = 'none'
		}		
	}
	catch (e)
	{
		console.log('Ошибка: ' + e.description)
	}
}
</script>
</head><body>
<button type="button" onclick="searchLocations(false)">Показать</button>
<div id="preloader"></div>
</body></html>
Ответить с цитированием