confirm() qui ne renvoie jamais true ?
Bonjour, j'ai plusieurs submit dans un formulaire, et souhaites ajouter un message de confirmation pour chaque sorte de submit.
J'ai fait ceci :
Cependant et je ne comprend pas pourquoi, (je ne sais pas encore debuguer en js), j'ai beau cliquer sur annuler ou fermer le message de confirmation, le formulaire s'exécute.
J'en viens a me dire que quelque chose m'échappe mais je ne vois pas quoi.
Si vous avez une idée, merci beaucoup.
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 40 41
|
<script type="text/javascript">
// mes différent submits
xSA = document.getElementsByName("SupprimerAnnonce");
xMA = document.getElementsByName("ModifierAnnonce");
xd_l = document.getElementsByName("del_img");
//boucle pour parcourir le tableau des 'submit SupprimerAnnonce'
for( var x=0; x < xSA.length; x++ ) {
//si le submit est cliqué, alors le message de confirmation apparait
xSA[x].onclick = function(){
// j'ai beau cliquer sur annuler, le submit() est envoyé
if(confirm("Etes vous sur de vouloir supprimer l'annonce ?")){
document.getElementById('SA').submit();
}
}
}
for( var x=0; x < xMA.length; x++ ) {
xMA[x].onclick = function(){
if(confirm("Etes vous sur de vouloir modifier l'annonce ?")){
document.getElementById('MA').submit();
}
}
}
for( var x=0; x < xd_l.length; x++ ) {
xd_l[x].onclick = function(){
if(confirm("Etes vous sur de vouloir supprimer la photo ?")){
document.getElementById('d_l').submit();
}
}
}
</script> |
Voilà une partie formulaire :
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 40 41
|
<form id="modif_ann" method="post" action="index.php?page=Modification" enctype="multipart/form-data">
<fieldset>
<legend>Annonce n°<?php echo htmlentities($annonce['id_ann']); ?></legend>
<div class="container_input">
<input type="submit" id="MA" name="ModifierAnnonce" value="Modifier Annonce" />
<input type="submit" id="SA" name="SupprimerAnnonce" value="Supprimer Annonce" />
</div>
<label for="tel">Tel</label>
<input type ="text" name="tel" size="30" maxlength="40"
value="<?php echo htmlentities($annonce['tel']); ?>"/>
<br/>
</fieldset>
<?php if (htmlentities($annonce['nbr_img']) > 0) {
?>
<label for="image1">Photo principal:</label>
<img src="../img/pic/1/<?php echo htmlentities($annonce['url_img']); ?>.jpg" alt="aperçu de la photo 1" />
<br/>
<input type="file" class="btn_upload" name="image1"/>
<input type="submit" id="MA" name="ModifierAnnonce" value="changer la photo principal"/>
<input type="submit" id="d_l" name="del_img" value="supprimer la photo principal"/>
<br/>
</fieldset>
<?php
}
?>
<div class="container_input">
<input type="submit" id="MA" name="ModifierAnnonce" value="Modifier Annonce" />
<input type="submit" id ="SA" name="SupprimerAnnonce" value="Supprimer Annonce" />
</div>
</form> |