Did you look at jQuery UI's dialog plug-in? It's very easy to use: http://jqueryui.com/demos/dialog/#modal-message
Salman On Jan 7, 10:57 pm, polarwarp <polarw...@gmail.com> wrote: > I am using the jquery simplemodal code to display a div on a page. > > I am pretty much calling .modal(); on the div, which has a class on > it, and I'm styling up that class - some issues though: > > 1. How do I add a close button. Have seen that I can add a closeimg > style - but I can't get anything with this class to appear. I figure > I need to set the closehtml property to something but haven't figured > out what. As this is embedded in c# I might have stuffed up my string > escaping. > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > "').modal({ closeHTML: ''});"; > I also tried <a href="#">Close</a> instead of just '' - but either its > making no difference or I can't figure out what quotations to use > within my c# string. > > .simplemodal-container a.modalCloseImg { > background:url(../App_Themes/Images/Ecommerce/x.png) no-repeat; > width:25px; > height:29px; > display:inline; > z-index:3200; > position:absolute; > top:-14px; > right:-18px; > cursor:pointer; > > } > > 2. Whilst the div is made visible, it sits under my content - its not > being overlayed over the top, nor does it have a background colour > going on. I grabbed from the sample site: > .simplemodal-overlay { > background-color:#000; > cursor:wait; > > } > > .simplemodal-container { > height:400px; > width:600px; > background-color:#fff; > border:3px solid #ccc; > > } > > Is this an additional option I need to set? > > 3. The div is not acting like a modal object - I can still click > other buttons and stuff on the same page and leave the page! > > 4. I'm confused with the styling. > what do I need to put on my div so that the right styles get applied > to it - or should I be doing this in options? ie. I have my t&c > inside a panel, and I tried putting a css class on that for the > container part, but where do I put the overlay - or should I not have > to do this. > > It sort of looks like the basic modal example does what I want it to > do.. but I can't figure out what I have missed in my implementation of > it :( > > I pretty much have this in my c# > string termconditions = @"$('#" + pnlMemberAgreement.ClientID + > "').modal();"; > > and want to apply some basic stylings so that the frontend guy can > take over but it will do what its supposed to > > Thanks for any assistance!