Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Корректировка яваскрипта (https://javascript.ru/forum/xhtml-html-css/47549-korrektirovka-yavaskripta.html)

Serkist 28.05.2014 11:20

Корректировка яваскрипта
 
Имеем код списка на странице:
<div class="sort"><b>Сортировка:</b>
 <select onchange="location = this.value;">
 <option value="http://test.verose.ru/shkatulki/?sort=p.date_added&amp;order=DESC">Новинки</option>
 <option value="http://test.verose.ru/shkatulki/?sort=p.price&amp;order=ASC">Дешевле</option>
 <option value="http://test.verose.ru/shkatulki/?sort=p.price&amp;order=DESC">Дороже</option>
 <option value="http://test.verose.ru/shkatulki/?sort=rating&amp;order=DESC">Популярные</option>
 </select>
 </div>
 <div class="limit"><b>Показать:</b>
 <select onchange="location = this.value;">
 <option value="http://test.verose.ru/shkatulki/?limit=30" selected="selected">30</option>
 <option value="http://test.verose.ru/shkatulki/?limit=60">60</option>
 <option value="http://test.verose.ru/shkatulki/?limit=90">90</option>
 </select>
 </div>
 </div>
 <div class="pagination"><div class="links"> <b>1</b> <a href="http://test.verose.ru/shkatulki/?page=2">2</a> <a href="http://test.verose.ru/shkatulki/?page=3">3</a> <a href="http://test.verose.ru/shkatulki/?page=2">&gt;</a> <a href="http://test.verose.ru/shkatulki/?page=3">&gt;|</a> </div><div class="results">Показано с 1 по 30 из 76 (всего 3 страниц)</div>
т.е. имеем

Соответственно java отвечает за подгрузку товаров без перезагрузки страницы.
При описанном выше коде все ок.
НО я хочу поменять вывод на

div class="sort"><b>Сортировка:</b>
						<a onclick="location = this.value;" href="http://test.verose.ru/shkatulki/?sort=p.date_added&amp;order=DESC">Новинки</a> |
								<a onclick="location = this.value;" href="http://test.verose.ru/shkatulki/?sort=p.price&amp;order=ASC">Дешевле</a> |
								<a onclick="location = this.value;" href="http://test.verose.ru/shkatulki/?sort=p.price&amp;order=DESC">Дороже</a> |
								<a onclick="location = this.value;" href="http://test.verose.ru/shkatulki/?sort=rating&amp;order=DESC">Популярные</a> |
					</div>
	<div class="display">список  <a onclick="display('grid');">сетка</a></div>
	<div class="limit"><b>Показать:</b>
						30 |
								<a onclick="location = this.value;" href="http://test.verose.ru/shkatulki/?limit=60">60</a> |
								<a onclick="location = this.value;" href="http://test.verose.ru/shkatulki/?limit=90">90</a> |
					</div>
 </div>
	<div class="pagination"><div class="links"> <b>1</b>  <a href="http://test.verose.ru/shkatulki/?page=2">2</a>  <a href="http://test.verose.ru/shkatulki/?page=3">3</a>  <a href="http://test.verose.ru/shkatulki/?page=2">&gt;</a> <a href="http://test.verose.ru/shkatulki/?page=3">&gt;|</a> </div><div class="results">Показано с 1 по 30 из 76 (всего 3 страниц)</div>

В результате при выборе сортировки - страница перезагружается, а при выборе количества элементов кроме того еще и показывает все время "Показано с 1 по 30 из 76", хотя на самом деле количество элементов выводится верно - 60 и 90 и т.п.

Но в итоге особо ничего не поменялось - страница сначала выводится без перезагрузки, но потом все равно перезагружается. Блок "Показано 1 из 30" все также косячит...
Как это решить?
Адрес страницы - http://test.verose.ru/shkatulki/
Исходный код javascript - http://test.verose.ru/java.js


Часовой пояс GMT +3, время: 23:48.