rafraichissment requete ajax
Bonjour,
J'affiche des news, ou l'utilisateur a la possibilité de choser une case pour faire disparaitre cette news.
Cette news est supprimé via un requete ajax, qui recharge par la suite mon bloc div #offreEmploi, avec le nouveau contenu.
Mon problème c'est qu'une fois le nouveau contenu chargée, lors du clic sur une autre case a cochée, il ne se passe rien
Pouvez-vous m'aider svp ?
Bloc javascript (placé entre le <head> de la page :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
|
<script type="text/javascript">
function etat(valeur) {
$.ajax({
type: 'POST',
url: 'etat.php',
data: "etat="+ valeur,
dataType:'text',
success: actualiserPage,
error: function() {alert('Erreur serveur');}
});
}
function actualiserPage(response){
$("#offreEmploi").html(response);
//alert(response);
}
$(document).ready(function() {
$('.cvouinon').change(function() {
etat($(this).val());
});
});
</script> |
Exemple de contenue de ma page html :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
| <table style="width:936px;margin-bottom:25px;">
<tr>
<td>Titre:
<a href="http://dddddddddddddd" target='_blank'>
<h2 style="display:inline;font-size:16px;font-weight:bold">Titre 1</h2>
</a>
</td>
</tr>
<tr>
<td>
<label for name="CVoui">CV Oui</label>
<INPUT class="cvouinon" id="26" type="checkbox" name="CVoui" value="CVoui_26"/>
</td>
</tr>
</table>
<table style="width:936px;margin-bottom:25px;">
<tr>
<td>Titre:
<a href="http://dddddddddddddd" target='_blank'>
<h2 style="display:inline;font-size:16px;font-weight:bold">Titre 2</h2>
</a>
</td>
</tr>
<tr>
<td>
<label for name="CVoui">CV Oui</label>
<INPUT class="cvouinon" id="26" type="checkbox" name="CVoui" value="CVoui_26"/>
</td>
</tr>
</table> |
Merci beaucoup