Multiple submit et .load()
Bonsoir,
je vous sollicite car j'ai un petit problème a résoudre.
J'ai un 'form' avec 2 'submit' un pour supprimer et l'autre pour modifier via la fonction load de jquery.
quand je clique la première fois sur un des 2 submit cela fonctionne bien. mais la deuxième fois rien...
- Je récupéré bien l'id du submit a chaque clique. mais rien ne s'affiche dès la deuxième fois
- J'ai changé les submit par des buttons en gardant et en supprimant la balise form. mais rien ne s'affiche dès la deuxième fois
- J'ai essayé un append texte a la place du load. mais rien ne s'affiche dès la deuxième fois
Alors j'ai un peu farfouillé le net mais je ne trouve rien alors je me dis que cela viendrait de mon code.
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 31 32 33 34 35 36 37 38 39
| <div class="table">
<form action="galerie" method="POST" id="gestGal">
<div class="tableHead">
<span>Selection</span>
<span>Nom de la Galerie</span>
<span>Description</span>
<span>Action</span>
</div>
<div class="tableBody">
<?php $b = $pdo->findAll(); foreach ($b as $k) : ?>
<div class="tableBodyElem">
<span>
<div class="checkContent">
<label for="elem">
<div class="boxes">
<input type="checkbox" id="elem_<?= $k->id;?>" name="check[]" value="<?= $k->id;?>"/>
<label for="elem_<?= $k->id;?>" value="<?= $k->id;?>"></label>
</div>
</label>
</div>
</span>
<span><?= $k->title;?></span>
<span><?= $k->description;?></span>
<span class="tableIcons">
<img src="media/design/img/modif.png" alt="modifier" class="modifImg" data="<?php echo $k->id; ?>">
<img src="media/design/img/suppr.png" alt="supprimer" class="supprImg" data="<?php echo $k->id; ?>">
</span>
</div>
<?php endforeach; ?>
</div>
<div class="tableFooter">
<span class="inputSub">
<input type="submit" name="suppr" id="suppr" value="suppprimer" class="subs">
<input type="submit" name="modif" id="modif" value="modifier" class="subs">
</span>
</div>
</form>
</div> |
JQUERY
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 31 32 33 34 35 36 37
| jQuery(function($) {
$("#ajax_applat").click(function(){
$(".ajax").fadeOut("fast",function(){
$(this).empty();
});
});
$(".ajax").hide();
$(".subs").on('click',function(event) {
$("#ajax_content").empty();
var subId = event.target.id;
var parent = $(this).parents("form");
var elemChecked = parent.find('checkbox');
var elemId = [];
parent.find("input[type=checkbox]:checked").each(function() {
elemId.push($(this).val());
});
if (subId == 'suppr') {
console.log('suppr');
var action = "/echo/html/";
if (elemId === null){elemId = "Pas de fichier selectionné";}else{
$(".ajax").fadeIn('fast');
$("#ajax_content").append("check : "+elemId);
}
}else if (subId == 'modif') {
console.log('modif');
var action = "/echo/html/";
if (elemId === null){elemId = "Pas de fichier selectionné";}else{
$(".ajax").fadeIn('fast');
$("#ajax_content").append("check :" +elemId);
}
};
return false;
});
}); |
j'ai essayé de récupérer les submit par leur id et non pas par leur class mais pareil.
Merci d'avance pour votre aide.
Cordialement.