Передача переменной в функцию из HTML тега A в $

[CjEcho]

Добрый день!

Только начал осваивать азы JS и сразу по техническому заданию пришлось использовать jquery и ajax. Вообщем задача такая: php генерирует страницу с позициями товаров, с лимитом 10 штук на странице, соответственно если товаров в прайсе больше, то снизу динамически рисуем ссылки на количество страниц. Проблема в том, что я знаю как сделать ссылку статичную, а в данном случае мне нужно как то менять в теле js функции параметр page. Подскажите пожалуйста, каким образом я могу это реализовать?

Вот фрагмент кода, в котором нужно менять параметр page и html код ссылки.

$("#ajax").bind("click", function(){
     $("#block").load("ajax_content.php?page=1");
     return false;
});

<a href="#" id="ajax">Страница 1</a>

Заранее спасибо, и извините за нубский вопрос - все же когда то начинали. Просто очень жмут сроки.

[Panzermaus]

$("#ajax").bind("click", function(){ 
    $("#block").load("ajax_content.php?page=*!*<?php echo $page; ?>*/!*"); 
    return false; 
});

<a href="#" id="ajax">Страница *!*<?php */!**!*echo $page; ?>*/!*</a>

[CjEcho]

Panzermaus, спасибо, но это немного не то.

Ведь в данном случае фрагмент кода скрипта будет повторяться ровно то количество раз, сколько страниц будет в итоге.

ну и чтобы это на самом деле работало нужно код немного подправить:

$("#ajax<?php echo $page; ?>").bind("click", function(){
    $("#block").load("ajax_content.php?page=<?php echo $page; ?>");
    return false;
});

<a href="#" id="ajax<?php echo $page; ?>">Страница <?php echo $page; ?></a>

Вот так работать будет, но это не оптимизировано, т.к. код получается большой.

На одном из форумов мне подсказали другую идею, вот её я и использовал (Правда пришлось отказаться от id):

$(".pager").bind("click", function(){
     $("#catalog_content").load("ajax_catalog.php?page=" + $(this).attr("ajax-page"));
     return false;
});

<a href="#" class="pager" ajax-page="1">1</a>&nbsp;
<a href="#" class="pager" ajax-page="2">1</a>&nbsp;
<a href="#" class="pager" ajax-page="3">1</a>&nbsp;
<a href="#" class="pager" ajax-page="4">1</a>&nbsp;
<a href="#" class="pager" ajax-page="5">1</a>&nbsp;

Напомню, что "return false;" в скрипте нужно для того, чтобы отменить действие якорей, которые постоянно выполняют скролл на начало страницы.

ps.. Тему можно закрывать.