Показать сообщение отдельно
  #1 (permalink)  
Старый 11.01.2012, 00:11
Интересующийся
Отправить личное сообщение для Gesandte Посмотреть профиль Найти все сообщения от Gesandte
 
Регистрация: 13.12.2011
Сообщений: 26

Навигация (Back & Next) на аяксе
Добрый вечер.

Имеется условно 2 файла
show.php - содержит следующий код
$pageBackUrl = URL."show.php?page=".$page->pageBack();
$pageNextUrl = URL."show.php?page=".$page->pageNext();
?>

<div>
	<a onClick="callRequest('result', '<?php echo $pageBackUrl; ?>')">Back</a>
	<a onClick="callRequest('result', '<?php echo $pageNextUrl; ?>')">Next</a>
</div>

<?php
$queryPro = mysql_query("SELECT * FROM `pro` LIMIT $pageStart, $pageShow");
for ($i = 0; $i < mysql_num_rows($queryPro); $i++) {
	$pro = mysql_fetch_array($queryPro);
	echo "<img width='300' src='file/".$pro['img']."' alt='".$pro['name']."' />";
}


и index.html
<div id="result">
<?php include $path."show.php"; ?>
</div>


Получается в show содержаться ссыки навигации (для того чтобы при отправке запроса, там обновлялись номера следующих страниц) и вывод контента из базы.

Как можно вынести ссылки навигации из этого блока и поместить их в index.html?
Я так понимаю надо как то сделать возврат рез-та запроса в несклько "блоков" в один идет контент, в другой номер страницы для навигации.....

Сейчас запрос делается так
function updatePage(resultBlock) {
	document.getElementById(resultBlock).innerHTML = xmlHttp.responseText;
}

function callRequest(resultBlock, query) {

	// Запрос
	xmlHttp.open('get', query, true);
	xmlHttp.onreadystatechange = function() {
		if (this.readyState == 4 && this.status == 200) {
			updatePage(resultBlock);
		} else {
			document.getElementById(resultBlock).innerHTML = '<img src="ajax-loader.gif" alt="" />';
		}
	}
	
	xmlHttp.send(null);  
}

Последний раз редактировалось Gesandte, 11.01.2012 в 00:25.
Ответить с цитированием