// Méthode qui permet de déclencher l'ajout au panier en ajax 
// et récupère le retour du serveur pour l'afficher dans une popin 
function AddProductToBasket(catalogName, productId) 
{ 
    $.ajax({ 
        type: "POST", 
        url: "/Basket/AddToBasketScript.aspx/AddToBasket", 
        data: "{'catalogName': '" + catalogName + "', 'productId' : '" + productId + "'}", 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        async: true, 
        cache: false, 
        success: function (data) { 
            var $newDiv = $('<div class="dialogBoxContent" style="display: none;" id="basketDialog_' + productId + '" title="Ajout au panier">' + data.d + '</div>');
            $('body').append($newDiv); 
            showAjaxDialog("basketDialog_" + productId); 
        } 
    }); 
   return false; 
} 
 
// Permet d'afficher une dialog box à partir d'un conteneur HTML 
// Prend en paramètre l'ID du conteneur HTML  
function showAjaxDialog(containerId){ 
  $('#' + containerId).dialog({ 
        autoOpen: false, 
        modal:true, 
        width:400, 
        height:250, 
        buttons : { 
            "Continuer mes achats" : function() {               
                $(this).dialog("close"); 
            }, 
            "Consulter mon panier" : function() {               
                $(this).dialog("close"); 
                document.location.href = "/Basket.aspx"; 
            }    
        } 
    }); 
    $('#' + containerId).dialog('open'); 
}