open color model window

source:
==========
   <link media="screen" rel="stylesheet" href="script/colorbox/colorbox.css" />

    <script type="text/javascript" src="script/colorbox/jquery.colorbox.js"></script>



function OpenModalWindow(TicketID) {

            //window.open("EditTicketDetail.aspx?TID=" + TicketID, "EditTicket", "width=800,height=500,resizable=no,scrollbars=yes");
            $jqry("#edit" + TicketID).colorbox({ width: "800", height: "700",  transition: "fade", href: "EditTicketDetail.aspx?TID=" + TicketID, iframe: true });
            $jqry("#cboxClose").append('saddddddddddddddddd');
            alert($jqry("#cboxClose").text);
            //$('selector').colorbox({onLoad: function() {  $('#cboxClose').remove();}});
        }


grid
=======



 <asp:TemplateField ItemStyle-Width="50px" HeaderText="Action" HeaderStyle-HorizontalAlign="Right">
                                                            <ItemTemplate>
                                                                <a href="#" id='edit<%# Eval("TicketID") %>' class="editbutton" onclick="javascript:OpenModalWindow('<%# Eval("TicketID") %>')">
                                                                    Edit</a> <a href="#" id='<%# Eval("TicketID") %>' class="delbutton">
                                                                        <img border="0" src="WHT_Images/delete.jpg" alt="Delete" /></a>
                                                            </ItemTemplate>
                                                            <ItemStyle Width="50px"></ItemStyle>
                                                        </asp:TemplateField>




http://buckwilson.me/lightboxme/ 

 $.colorbox({ href:"TicketUpload/TktOnline.aspx", iframe:true, innerWidth:900, innerHeight:650 });