Afficher cacher div en fonction de la valeur d'une variable
Salut a tous,
je vous préviens d'avant je suis une bille en ajax ,j’essaie de bricoler un truc avec des bouts de code glanées à droite et à gauche.
je travail pour un back-office.
pour faire simple, j'ai une table/bdd qui contient des images produits (10 images max par produit).
quand je me trouve dans le formulaire de modification du produit, je peux supprimer des images de la fiche produit.
j'ai donc également un champs pour uploader des images.
code :
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
42
| <form ...
<div class="form-group <?php echo $cacher; ?>" >
<label for="laphoto" class="control-label"><i class=" icon-arrow-right5 "></i> Photo :</label><br />
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<input class="btn-custom" type="file" name="laphoto[]" id="laphoto" multiple = "multiple" title="<i class='icon-pictures'></i> Choisir des photos" />
</div>
</div>
<br /><br />
<?php
$ncreq = $mysqli->query("SELECT * FROM photovl WHERE id_vl = '$lidfiche'") or die("Erreur SQL0 !");
while($datanc = mysqli_fetch_array($ncreq))
{
$limage = $datanc['photo'];
$lidimage = $datanc['id'];
echo'<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 text-center rafrai'.$lidimage.'"><img height="60px" src="tccadm/vehicule/photos/min-'.$limage.'" alt="" /><br /><br />
<a id="'.$lidimage.'" class="delete btn btn-danger btn-xs" href="javascript:void(0);" role="button"><i class="icon-cross"></i>Supprimer</a><br /><br /></div>';
}
?>
<script type="text/javascript">
$('a.delete').click(function(e){
e.preventDefault();
var id = $(this).attr('id');
var parent = $(this).parent();
$.ajax({
type: "GET",
url: "tccadm/vehicule/suppimgajax.php",
data: 'id='+ id,
success: function(html)
{
$(".rafrai"+ id).html(html);
}
});
});
</script>
...</form> |
il faut que je trouve une solution pour que lorsque j'ai 10 images en bdd le champs input pour upload soit cacher.
mais que si je supprime une image par exemple (script js), il y aura a ce moment la plus que 9 images donc (10-1=9), le champs ré-apparaissent pour pouvoir uploader une 10eme image à nouveau
j'ai bien pensais fait cela en php
Code:
1
2
3
4
5
6
7
8
|
$str_requete = "SELECT * FROM photovl WHERE id_vl ='$lidfiche'";
$o_result = $mysqli->query($str_requete);
$nbLigne = mysqli_num_rows($o_result);
$nbLignefinal = 10 - $nbLigne;
if ($nbLignefinal == 0){
$cacher = "invisible";
}else{ $cacher = "";} |
le souci c'est que cela ne fonction pas lorsque je supprime une image, puisque je ne recharge pas la page avec JS.
Si quelqu'un a une idée ou un bout de code je suis preneur .
Cdt
