Discussion :

[renaud26]

Bonjour à tous,

Balbutiant en jquery, je souhaite utiliser bootstrap3 pour ouvrir un popup et afficher un panier.
Le contenu dynamique affiche, outre les infos texte, des images, et je voudrais que ces images, cliquées, ferment la fenêtre comme le bouton "Continuer vos achats" ou la croix.

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
 
	$("#affPan").click(function(e){
        var $textAndPic = $('<div></div>');
        $textAndPic.append('<?php echo pop_panier(); ?>');
 
        BootstrapDialog.show({
 
	    draggable : true,
            title: 'Votre Panier <?php echo $site; ?>',
            message: $textAndPic,
 
            buttons: [{
                label: 'Continuer vos achats',
                action: function(dialogRef){
                    dialogRef.close();
                }
            }, {
                label: 'Payer votre commande',
                action: function(dialogRef){
                    dialogRef.close();
		   window.location.href = 'paiement.php';
                }
            }]
 
        });
});

Ici, la fonction php pop_panier() renvoie le contenu du panier et les images.
Voici un exemple du code pour une image sur laquelle je voudrai déclencher la fermeture popup au clic :
J'appelle une fonction "close_panier" mais je ne sais pas comment l'insérer dans le code bootstrap...
Le $id, est l'ID du produit ajouté au panier, je pensais pouvoir l'utiliser, mais cela ne m'aide pas beaucoup.

Code :

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

1
2
 
><a href="javascript:void(0)" onclick="close_panier('.$id_prod.')"><img src="image.jpg'" border="0" width="40" id="'.$id.'"></a>

J'espère que j'ai été clair et que vous pourrez m'aider.
Bonne journée à tous.

[renaud26]

Après des milliers de tentatives...

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
 
	$("#affPan").click(function(e){
        var $textAndPic = $('<div></div>');
        $textAndPic.append('<?php echo pop_panier(); ?>');
 
	var $image = $("#448");
 
 
        BootstrapDialog.show({
 
	  draggable : true,
            title: 'Votre Panier <?php echo $site; ?>',
            message: $textAndPic,
 
 
            buttons: [{
                label: 'Continuer vos achats',
                action: function(dialogRef){
                    dialogRef.close();
                }
            }, {
                label: 'Payer votre commande',
                action: function(dialogRef){
                    dialogRef.close();
		   window.location.href = 'paiement.php';
                }
            }],
 
		$image.on('click', function(event) {
                	alert('clic');
                });
 
	   });
 
 
	});

Pour tester, j'ai ajouté un id à une image, puis ajouté un on(click...) après le tableau des boutons.
Mais : SyntaxError: missing : after property id