Имеем код списка на странице:
<div class="sort"><b>Сортировка:</b>
<select onchange="location = this.value;">
<option value="http://test.verose.ru/shkatulki/?sort=p.date_added&order=DESC">Новинки</option>
<option value="http://test.verose.ru/shkatulki/?sort=p.price&order=ASC">Дешевле</option>
<option value="http://test.verose.ru/shkatulki/?sort=p.price&order=DESC">Дороже</option>
<option value="http://test.verose.ru/shkatulki/?sort=rating&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">></a> <a href="http://test.verose.ru/shkatulki/?page=3">>|</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&order=DESC">Новинки</a> |
<a onclick="location = this.value;" href="http://test.verose.ru/shkatulki/?sort=p.price&order=ASC">Дешевле</a> |
<a onclick="location = this.value;" href="http://test.verose.ru/shkatulki/?sort=p.price&order=DESC">Дороже</a> |
<a onclick="location = this.value;" href="http://test.verose.ru/shkatulki/?sort=rating&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">></a> <a href="http://test.verose.ru/shkatulki/?page=3">>|</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