Lancez jquery facebox à partir d'une fonction javascript?

Question

J'utilise cette fonction à l'intérieur,

document.getElementById("DeleteConfirmationdiv").style.display = 'block'; 

maintenant je veux lancer ce DeleteConfirmationdiv en utilisant le plugin jQuery Facebox. C'est possible?

Jusqu'à maintenant, je me sers facebox comme ça,

$(document).ready(function($) { 
    $.facebox.settings.opacity = 0.2; 
    $('a[rel*=facebox]').facebox(); 
}); 

et ma page a cela,

<a id="signin" href="#signindiv" rel="facebox"> 
    <img alt="" src="Css/images/Sign in.png" height="19" width="59" /> 
</a> 

J'ai essayé, mais ça ne marche pas,

function showDisplaydiv() { 
    $.facebox.settings.opacity = 0.2; 
    $('#ConfirmationPanel').facebox(); 
    //document.getElementById("ConfirmationPanel").style.display = 'block'; 
    document.getElementById("datatable").style.display = 'block'; 
    document.getElementById("ImageButtonDiv").style.display = 'block'; 
    document.getElementById("adddiv").style.display = 'none'; 
    return false; 
} 

j'appelle cette fonction à partir d'un bouton,

<asp:Button ID="Delete" runat="server" CssClass="deletebuttons" 
OnClientClick="javascript:return(Deleteyuitable()&&showDisplaydiv(''));" 
onfocus="this.blur();" Text="" /> 

Answer 1

J'ai eu à travailler,

$(function(){ 
    $.facebox({ div: '#box' }); 
}); 

Tout a fait,

function showDisplaydiv() { 
    $.facebox.settings.opacity = 0.2; 
    $.facebox({ div: '#ConfirmationPanel' }); 
    //document.getElementById("ConfirmationPanel").style.display = 'block'; 
    document.getElementById("datatable").style.display = 'block'; 
    document.getElementById("ImageButtonDiv").style.display = 'block'; 
    document.getElementById("adddiv").style.display = 'none'; 
    return false; 
}