j'ai fait un lien en ajax jquery mais celui ci ne fonctionne pas pourtant toutes les autres fonctionne sans soucis
pour mes testes ça devrais juste m'afficher un peu de texte
<script>
$(document).ready(function() {
$("body").on('click', '.afficher_recu',function(event) {
event.preventDefault();
var url = $(this).prop('href');
$("#maile").load(url);
});
});
$(document).ready(function() {
$("body").on('click', '.afficher_envoye',function(event) {
event.preventDefault();
var url = $(this).prop('href');
$("#maile").load(url);
});
});
$(document).ready(function() {
$("body").on('click', '.messages_recu',function(event) {
event.preventDefault();
var url = $(this).prop('href');
$("#maile").load(url);
});
});
$(document).ready(function() {
$("body").on('click', '.messages_envoye',function(event) {
event.preventDefault();
var url = $(this).prop('href');
$("#maile").load(url);
});
});
$(document).ready(function (e) {
$('#maile').on('submit', '#maile_precedent, #maile_suivant, #delete_maile', function(e) {
e.preventDefault();
var $form = $(this);
$.ajax({
url: '/messagerie/envoye.php',
method: 'GET',
dataType: 'html',
data: $form.serialize()
}).then(function (data) {
$('#maile').html(data);
}).catch(function (error) {
console.log(error);
});
});
});
$(document).ready(function (e) {
$('#maile').on('submit', '#mailr_precedent, #mailr_suivant, #delete_mailr', function(e) {
e.preventDefault();
var $form = $(this);
$.ajax({
url: '/messagerie/recu.php',
method: 'GET',
dataType: 'html',
data: $form.serialize()
}).then(function (data) {
$('#maile').html(data);
}).catch(function (error) {
console.log(error);
});
});
});
$(document).ready(function (e) {
$("#delete_maile").on('submit',(function(e) {
e.preventDefault();
$.ajax({
url: "/messagerie/envoye.php",
type: "POST",
data: new FormData(this),
contentType: false,
processData:false,
success: function(data)
{
$("#maile").html(data);
},
error: function()
{
console.log(error);
alert(error);
},
complete : function(resultat, statut)
{
}
});
}));
});
$(document).ready(function (e) {
$("#delete_mailr").on('submit',(function(e) {
e.preventDefault();
$.ajax({
url: "/messagerie/recu.php",
type: "POST",
data: new FormData(this),
contentType: false,
processData:false,
success: function(data)
{
$("#maile").html(data);
},
error: function()
{
console.log(error);
alert(error);
},
complete : function(resultat, statut)
{
}
});
}));
});
</script>
<!-- Begin of #affiliation -->
<div id="messages" class="invert">
<h1>Ma messagerie</h1>
<div class="container">
<div class="messagerie">
<ul>
<li>
<a class="messages_recu" href="/messagerie/recu.php">Messages reçus</a>
</li>
<li>
<a class="messages_envoye" href="/messagerie/envoye.php" >Messages envoyés</a>
</li>
</ul>
<div id="messagerie-1">
<div id="maile"><?php include "".$_SERVER['DOCUMENT_ROOT']."/messagerie/recu.php"; ?></div>
</div>
</div>
</div>
</div>
<!-- End of #Affiliation -->
voici mon lien:
<div class="<?php echo $class; ?> afficher_recu">
<ul>
<a class="messagerie" href="/messagerie/afficher.php?id=<?php echo $data_mail_envoie['id']; ?>">
<li class="pseudo"><div class="<?php echo $lu; ?>"><?php echo $data_mail_envoie['dest']; ?></div></li>
<li class="sujet"><div class="<?php echo $lu; ?>"><?php echo $data_mail_envoie['sujet']; ?></div></li>
<li class="date"><div class="<?php echo $lu; ?>"><?php echo $data_mail_envoie['date']; ?></div></li>
<li class="action"><input name="pseudo[]" type="checkbox" id="check" value="<?php echo $data_mail_envoie['id']; ?>"></li>
</a>
</ul>
</div>
mais le clic n'as aucun effet pourtant la page est bien accessible et aucune erreur