Carissimo
Estou a codar aqui uma coisa em PDO e adicionei um pouco de jquery, devo dizer que demorei montes de tempo para escrever isto...
Código (Javascript):
Então é assim. quando adiciono algum campo na bd a página reflete essa mudança sem ter de fazer refresh à página, se por exemplo quiser apagar, isto apaga da bd mas para ver a mudança tenho de fazer refresh à página.
EDIT1: Estranhamente com um jquery mais antigo funciona como deve ser :S A versao que uso é a mais recente, 1.9
Porque é que com uma versão mais antiga funciona?
EDIT2: Andei a fazer ins testes e o problema mantém-se. tenho isto como link http://127.0.0.1/site/dashboard# e não deveria aparecer o # no fim :S
fiz uma pequena alteração
Código (Javascript):
Estou a codar aqui uma coisa em PDO e adicionei um pouco de jquery, devo dizer que demorei montes de tempo para escrever isto...
Código (Javascript):
$(function(){
$.get('dashboard/xhrGetListings', function(o){
for (var i = 0; i < o.length; i++){
$('#listInserts').append('<div>' + o[i].text + '<a class="del" rel="'+o[i].id+'" href="#" >X</a></div>');
}
$('.del').click(function() {
delItem = $(this);
var id = $(this).attr('rel');
$.post('dashboard/xhrDeleteListing', {'id': id}, function(o) {
delItem.parent().remove();
}, 'json');
return false;
});
}, 'json');
$('#randomInsert').submit(function(){
var url = $(this).attr('action');
var data = $(this).serialize();
$.post(url, data, function(o) {
$('#listInserts').append('<div>' + o.text + '<a clas="del" rel="'+o.id+'" href="#">X</a></div>');
}, 'json');
return false;
});
});
$.get('dashboard/xhrGetListings', function(o){
for (var i = 0; i < o.length; i++){
$('#listInserts').append('<div>' + o[i].text + '<a class="del" rel="'+o[i].id+'" href="#" >X</a></div>');
}
$('.del').click(function() {
delItem = $(this);
var id = $(this).attr('rel');
$.post('dashboard/xhrDeleteListing', {'id': id}, function(o) {
delItem.parent().remove();
}, 'json');
return false;
});
}, 'json');
$('#randomInsert').submit(function(){
var url = $(this).attr('action');
var data = $(this).serialize();
$.post(url, data, function(o) {
$('#listInserts').append('<div>' + o.text + '<a clas="del" rel="'+o.id+'" href="#">X</a></div>');
}, 'json');
return false;
});
});
Então é assim. quando adiciono algum campo na bd a página reflete essa mudança sem ter de fazer refresh à página, se por exemplo quiser apagar, isto apaga da bd mas para ver a mudança tenho de fazer refresh à página.
EDIT1: Estranhamente com um jquery mais antigo funciona como deve ser :S A versao que uso é a mais recente, 1.9
Porque é que com uma versão mais antiga funciona?
EDIT2: Andei a fazer ins testes e o problema mantém-se. tenho isto como link http://127.0.0.1/site/dashboard# e não deveria aparecer o # no fim :S
fiz uma pequena alteração
Código (Javascript):
$('.del').live('click', function() {