Méthode close sur bootstrap3
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:
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:
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.
