Discussion :

[spawns]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[MehrezLabidi]

Bonjour,
A mon avis, tu peux compter les images en javascript (en jquery c'est facile) ( ces images vont se mettre à jours suite au modification renvoyés par ajax) , ensuite tu teste dans la fonction ajax et précisément dans le success si ce nombre est égal à 10 pour faire par exemple .hide(); pout ton bouton et si c'est inférieur tu fais tu fais .show();
tout en préparant l'autre scénario pour ce bouton( le scénario une fois tu rafraîchis la page et sans ajax )

[spawns]

A mon avis, tu peux compter les images en javascript (en jquery c'est facile) ( ces images vont se mettre à jours suite au modification renvoyés par ajax)

il faut que je fasse cela en JS donc

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 = "";}

Pourquoi pas, tu peux me donner un bout de code parce que je vois pas comment faire

Merci

[MehrezLabidi]

pour compter le nombre d'image dans une div en jquery:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#some_id img").length

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 $("#some_id > img").length

je vois pas ce que tu cherche exactement, parceque la j'ai pas de solution prete pour toi, j'ai juste des propositions à developper

[spawns]

Ok merci pour l'info.
cela me parait un peu compliqué pour moi a développer.
je vais laisser le truc en l'état ou trouver une autre solution.

Merci
Cdt