загрузка дополнительных новостей по нажатию на кнопку
Здравствуйте
делаю загрузку дополнительных новостей по нажатию на кнопку сделал такой код $('#getForecast').click( function() { var $myLink = jQuery('<div>', { id: 'myElement', clacc: 'newsload', href: '#', css: { color: 'black', backgroundColor: '#ccc' }, click: function() { jQuery(this).css('backgroundColor', 'red'); }, mouseenter: function() { jQuery(this).css('backgroundColor', 'magenta'); }, mouseleave: function() { jQuery(this).css('backgroundColor', '#ccc'); }, html: '' }).appendTo('#forecast'); $('#myElement').load( 'ajax.php', 'page=2', true ); } ); } ); он должен при нажатии на кнопку создавать <div> на странице и помещать туда старые новости вот в этом месте $('#myElement').load( 'ajax.php', 'page=2', true ); значение page при каждом клике должно увеличиваться на 1 и новости должны помещаться не в один и тот же <div> а в те который которые содаются |
Цитата:
|
Цитата:
[code]<?PHP // Устанавливаем соединение с базой данных include './libs/mysql.php'; // Переменная хранит число NEWS выводимых на станице $num = 2; // Извлекаем из URL текущую страницу $page = $_GET['page']; // Определяем общее число сообщений в базе данных $result = mysql_query("SELECT COUNT(*) FROM irbis_news"); $rgPosts = mysql_fetch_row($result); $posts=$rgPosts[0]; // Находим общее число страниц $total = intval(($posts - 1) / $num) + 1; // Определяем начало сообщений для текущей страницы $page = intval($page); // Если значение $page меньше единицы или отрицательно // переходим на первую страницу // А если слишком большое, то переходим на последнюю if(empty($page) or $page < 0) $page = 1; if($page > $total) $page = $total; // Вычисляем начиная к какого номера // следует выводить сообщения $start = $page * $num - $num; // Выбираем $num сообщений начиная с номера $start $result = mysql_query("SELECT * FROM irbis_news LIMIT $start, $num"); // В цикле переносим результаты запроса в массив $postrow while ( $postrow[] = mysql_fetch_array($result)) echo "<div id='newss'>"; for($i = 0; $i < $num; $i++) { echo "<p> <h1>".$postrow[$i]['subtitle']."</h1> <br/> <p>".$postrow[$i]['date']."</p> <p>".$postrow[$i]['text']."</p></p>"; } echo "</div>"; $pervpage=''; $page2left=''; $page1left=''; $page2right=''; $page1right=''; $nextpage=''; // Проверяем нужны ли стрелки назад if ($page != 1) { $pervpage = '<a href= ./cccc?page=1><<</a> <a href= ./cccc?page='. ($page - 1) .'><</a> '; } // Проверяем нужны ли стрелки вперед if ($page != $total) $nextpage = ' <a href= ./cccc?page='. ($page + 1) .'>></a> <a href= ./cccc?page=' .$total. '>>></a>'; // Находим две ближайшие станицы с обоих краев, если они есть if($page - 2 > 0) $page2left = ' <a href= ./cccc?page='. ($page - 2) .'>'. ($page - 2) .'</a> | '; if($page - 1 > 0) $page1left = '<a href= ./cccc?page='. ($page - 1) .'>'. ($page - 1) .'</a> | '; if($page + 2 <= $total) $page2right = ' | <a href= ./cccc?page='. ($page + 2) .'>'. ($page + 2) .'</a>'; if($page + 1 <= $total) $page1right = ' | <a href= ./cccc?page='. ($page + 1) .'>'. ($page + 1) .'</a>'; // Вывод меню echo $pervpage.$page2left.$page1left.'<b>'.$page.'</b>'.$page1right.$page2right.$nextpage; ?> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="https://raw.github.com/cowboy/jquery-hashchange/v1.3/jquery.ba-hashchange.js"></script> <script> $( function rrrr() { $('#getForecast').click( function() { var $myLink = jQuery('<div>', { id: 'mykElement', clacc: 'newsload', href: '#', css: { color: 'black', backgroundColor: '#ccc' }, click: function() { jQuery(this).css('backgroundColor', 'red'); }, mouseenter: function() { jQuery(this).css('backgroundColor', 'magenta'); }, mouseleave: function() { jQuery(this).css('backgroundColor', '#ccc'); }, html: '' }).appendTo('#forecast'); $('#mykElement').load( 'ajax.php', 'page=2', true ); } ); } ); </script> </head> <body> <div id="ajax"></div> <div id="forecast"></div> <button id="getForecast">CHITAT DALSHE</button> </body> [code] |
Часовой пояс GMT +3, время: 02:43. |