Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Изначально активная кнопка (https://javascript.ru/forum/jquery/36474-iznachalno-aktivnaya-knopka.html)

trampoline 16.03.2013 10:47

Изначально активная кнопка
 
добрый день
задача такая
есть несколько кнопок, по каждой из которой функцией load делается определенный реквест из базы
тут вот можно посмотреть как работает
http://www.apphunter.ru/games-catalog

проблема в том, то если я изначально делаю активным кнопку "новые" с загрузкой страницы, после того как я понажимал на другие кнопки я уже не могу активировать эту первую "новые"

вот код кнопок и собственно замен которые происходят по клику

<p style="text-align: center">
  <a href="javascript:void()" id="chart-new" class="active-filter-button"><img src="/downloads/new-on.jpg" border="0"></a>
  <a href="javascript:void()" id="chart-best" class="filter-button"><img src="/downloads/best-off.jpg" border="0"></a>
  <a href="javascript:void()" id="chart-free" class="filter-button"><img src="/downloads/free-off.jpg" border="0"></a>
  <a href="javascript:void()" id="chart-pay" class="filter-button"><img src="/downloads/pay-off.jpg" border="0"></a>
  <a href="javascript:void()" id="chart-popular" class="filter-button"><img src="/downloads/popular-off.jpg" border="0"></a>
  </p>


$("a.filter-button").click(function() {

        var img = $("a.active-filter-button").html();
    	img = img.replace("on", "off");
    	$("a.active-filter-button").html(img);
    	$("a.active-filter-button").removeClass("active-filter-button").addClass("filter-button");

    	img = $(this).html();
    	img = img.replace("off", "on");
    	$(this).html(img);
    	$(this).removeClass("filter-button").addClass("active-filter-button");

    	var chart = $(this).attr("id");
    	var request = "http://www.apphunter.ru/appparcer/ajax-catalog.php?chart=" + chart;
    	$('#output').load(request);

});

danik.js 16.03.2013 12:42

Текст картинкой - это мощьно ) Да еще и тегом img. У меня при первых нажатиях кнопки скакали пока подгружались, я сначала не понял что происходит)

Плюс к этому:
Цитата:

Uncaught TypeError: Cannot read property 'msie' of undefined superfish.js:61
103
Uncaught SyntaxError: Unexpected token )
Попробуйте при загрузке $('.filter-button:first').click() делать.

Ну и еще - попробуйте использовать этот сайт с клавиатуры.

trampoline 17.03.2013 13:40

Цитата:

Сообщение от danik.js (Сообщение 241092)
Текст картинкой - это мощьно ) Да еще и тегом img. У меня при первых нажатиях кнопки скакали пока подгружались, я сначала не понял что происходит)

ага, тупняк, переверстал дивами

Цитата:

Сообщение от danik.js (Сообщение 241092)
Попробуйте при загрузке $('.filter-button:first').click() делать.

большое спасибо! работает

Цитата:

Сообщение от danik.js (Сообщение 241092)
Ну и еще - попробуйте использовать этот сайт с клавиатуры.

этого не понял, что имеется ввиду?

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

danik.js 17.03.2013 14:00

Эффект "разтухания" дает .fadeIn()


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