Heila,
sto cercando di personalizzare uno script che si occupa, tramite ajax, di eliminare i record dal database MySql. Lo script l'ho preso qui https://makitweb.com/how-to-delete-r...ble-with-ajax/.
Funzionerebbe tutto tranne l'eliminazione al volo della colonna html, devo ricaricare la pagina per vedere la modifica, cosa che la demo originale invece fa.
Lo scrip originale fa uso della tabella <table> e di conseguenza le righe <tr><td> mentre io uso i <div>
L'originale funzionante:
codice HTML:
<tr> <td align='center'><?php echo $count; ?></td>
<td><a href='<?php echo $title; ?>'><?php echo $title; ?></a></td> <td align='center'><span class='delete' id='del_<?php echo $id; ?>'>Delete</span></td> </tr>
e il controllo
codice:
if(response == 1){ // Remove row from HTML Table
$(el).closest('tr').css('background','tomato');
$(el).closest('tr').fadeOut(800,function(){
$(this).remove();
});
}else{
alert('Invalid ID.');
}
il mio html :
codice HTML:
<div class="gallery-col"> <article class="gallery-item" style="height: 158px;"> <img class="gallery-picture" src="<?php echo $home_url."images/products/".$img; ?>" alt="" height="158"> <div class="gallery-hover-layout"> <div class="gallery-hover-layout-in"> <p class="gallery-item-title"><a class="delete" id="del_<?php echo $id; ?>">Elimina</a></p> <div class="btn-group"> <i class="font-icon font-icon-trash"></i> </div> </div> </div> </article> </div>
e poi ho modificato lo script di controllo in questo modo:
codice:
if(response == 1){ // Remove row from HTML Table
$(el).closest('.gallery-col').css('background','tomato');
$(el).closest('.gallery-col').fadeOut(800,function(){
$(this).remove();
});
}else{
alert('Invalid ID.');
}
come ho scritto all'inizio, devo ricaricare la pagina per vedere la modifica.
Cosa sbaglio?
Grazie!