mam u siebie dodany taki kod ajaxa z jquery:
Kod
$(document).ready(function(){
$(".testo").click(function()
{
$.ajax({
type: "GET",
url: "ajax.php",
data: ({typ : this.getAttribute('id')}),
success: function(msg)
{
$("#information").html(msg);
}
});
});
});
$(".testo").click(function()
{
$.ajax({
type: "GET",
url: "ajax.php",
data: ({typ : this.getAttribute('id')}),
success: function(msg)
{
$("#information").html(msg);
}
});
});
});
W kodzie HTML mam wyglądające tak buttony:
Kod
<div id="linki">
<a href="#" id="1" class="testo"></a>
<a href="#" id="2" class="testo"></a>
<a href="#" id="3" class="testo"></a>
</div>
<a href="#" id="1" class="testo"></a>
<a href="#" id="2" class="testo"></a>
<a href="#" id="3" class="testo"></a>
</div>
Ajax jako taki działa - po kliknięciu na button idzie kod do pliku PHP w którym mam switch zależne od podanego id - element div o id information wyświetla co ma wyświetlać.
Jest jednak jeden problem - działa to tylko jeden raz... gdy po wykonaniu przez ajaxa zadania kliknę na link nic się nie dzieje (nie jest wykonywany po raz kolejny). Wg. firebuga wszystko jest ok.