It looks like you've got an entire HTML page inside your dialog, instead of just the body, or an element within the body. That would be my guess as to the source of the problem.
- Richard On Mon, May 25, 2009 at 4:43 AM, GervaisB <[email protected]> wrote: > > Oups, sorry, > > I have set a breakpoints in the 'close' function and firebug give the > following informations : > this = "div.dialogcontainer" > this.innerhtml (with all whitepsaces and newlines) = " > > > > > > > > > <meta http-equiv="Content-Type" content="text/html; > charset=ISO-8859-1"> > > <title>SICS | Inscription effectuée</title> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > <link rel="stylesheet" type="text/css" > href="/SicsWeb/css/menu.css"> > > > <link rel="stylesheet" type="text/css" > href="/SicsWeb/css/themes/ > smoothness/jquery-ui-1.7.1.custom.css"> > <link rel="stylesheet" type="text/css" > href="/SicsWeb/css/themes/ > smoothness/jquery.autocomplete.css"> > > <link rel="stylesheet" type="text/css" href="/SicsWeb/css/ > default.css"> > > <style type="text/css"> > .ui-widget-content { font-size: .8em }; > .ui-dialog-content iframe, .dialogcontainer iframe { > border: > none }; > .ui-datepicker-trigger, .hasDatepicker { cursor: > pointer }; > </style> > > > > > > > > <div id="framecontent"> > > <h1>Inscription effectuée</h1> > > <form> > > <fieldset> > <legend> > <img src="/SicsWeb/img/student.general.png"> > Informations générales > </legend> > > <table> > <tbody><tr> > <td><label for="">Nom</label></td> > <td colspan="2"> > <span class="field text">sdqsd</span> > </td> > <td colspan="2"> </td> > </tr> > <tr> > <td><label for="">Prénom</label></td> > <td colspan="2"> > <span class="field">sqdsqsd</span> > </td> > <td colspan="2"> </td> > </tr> > <tr> > <td valign="top"> > <label for="">Né(e) le</label> > </td> > <td> > <span class="field">1999-01-05</span> > </td> > > <td valign="top"> > <label style="display: inline;" for="">à </ > label> > <span class="field">Ath</span> > </td> > > <td valign="top"><label>Sexe</label></td> > <td valign="top"> > <span class="field">Homme</span> > </td> > </tr> > <tr> > <td><label>Nationalité</label></td> > <td colspan="2"> > Belge > </td> > <td colspan="2"> </td> > </tr> > </tbody></table> > </fieldset> > > <fieldset> > <legend><img src="img/student.contact.png">Contact</legend> > <table> > <tbody><tr> > <td><label style="display: inline;">Type :</label></ > td> > <td></td> > </tr> > <tr> > <td><label style="display: inline;">Adresse</label> :</ > td> > <td> > <span class="field">Chemin du pré,</span> > <span class="field">5 </span> > </td> > </tr> > <tr> > <td> </td> > <td> > <span class="field"></span> > <span class="field">Ath</span> > </td> > </tr> > <tr> > <td><label>Téléphone/GSM</label></td> > <td><span class="field"></span></td> > </tr> > <tr> > <td><label>E-mail</label></td> > <td><span class="field"></span></td> > </tr> > </tbody></table> > </fieldset> > > <fieldset> > <legend>Inscription</legend> > <table> > <tbody><tr> > <td><label>Section</label></td> > <td> > <span class="field"></span> > </td> > <td rowspan="5"></td> > </tr> > <tr> > <td><label>Année</label></td> > <td> > <span class="field"></span> > </td> > </tr> > <tr><td colspan="2"> </td></tr> > > > > </tbody></table> > </fieldset> > > </form> > > </div> > " > > On May 19, 5:24 am, thaianhduc <[email protected]> wrote: > > I have tried to make a test as your script. However, there is no > > problem with it. > > > > what i have done is: > > a function like this: > > function test_from_g(data) { > > $("<div class=\"dialogcontainer\"></div>").append > > (data).dialog({ > > modal: true, > > width: 300, > > height: 400, > > bgiframe: true, > > buttons: { > > '<fmt:message key="label.Terminate" />': function() { > > $(this).dialog("close"); > > }, > > '<fmt:message key="label.Modify" />': function() { > > window.location = window.location; > > }, > > '<fmt:message key="label.Print" />': function() { > > $.wait('<fmt:message key="label.Printing" />'); > > } > > }, > > title: 'Done' > > }); > > } > > > > and a button in html to call it: > > <button id="test" onclick="test_from_g('<p>Testing from google</p>'); > > return false;">Test from google</button> > > > > And it works! Therefore, please check your data variable appended to > > the div. There might be something you can look at. Another way is > > setting the debug inside the handler for close and see what it > > actually does. > > > > Whenever something go wrong with JS i usually use firebug and it > > helps. Please try. > > > > On May 18, 5:03 pm, GervaisB <[email protected]> wrote: > > > > > Nobody can, help me ? > > > What are you doing for closing a dialog from a button in itself ? > > > > > On May 15, 12:41 pm, GervaisB <[email protected]> wrote: > > > > > > Hi, > > > > > > Well, I have used "this" because the jquery api has an example who us > > > > "this" (http://docs.jquery.com/UI/API/1.7/Dialog#option-buttons). > But > > > > with a var moh refer to the ccontent or "this", the result is the > > > > same : the dialog never close... > > > > > > On May 15, 4:20 am, thaianhduc <[email protected]> wrote: > > > > > > > Wow, "this" inside the function prefer to the button itself not the > > > > > div dialog. > > > > > A proposed solution: > > > > > > > function(data) { > > > > > var _dlg = $("<div class=\"dialogcontainer\"></div>").append(data); > > > > > _dlg.dialog({ > > > > > modal: true, > > > > > width: width, > > > > > height: height, > > > > > bgiframe: true, > > > > > buttons : { > > > > > '<fmt:message key="label.Terminate" > />' : function(){ > > > > > > > $(_dlg).dialog("close"); > > > > > }, > > > > > '<fmt:message key="label.Modify" > />' : > > > > > function(){ > > > > > > > window.location=window.location; > > > > > }, > > > > > '<fmt:message key="label.Print" />' > : > > > > > function(){ > > > > > $.wait('<fmt:message > > > > > key="label.Printing" />'); > > > > > } > > > > > }, > > > > > title: 'Done' > > > > > }); > > > > > > > Hope it help. > > > > > > > On May 14, 4:22 am, GervaisB <[email protected]> wrote: > > > > > > > > Hi everybody, > > > > > > > > I have a dialog who is built like this : > > > > > > --- 8< > > > > > > > ----------------------------------------------------------------------------------------------------- > > > > > > var width = 500; > > > > > > var height = 500; > > > > > > if (navigator.appName.indexOf("Microsoft")!=-1) { > > > > > > width = document.body.offsetWidth*0.6; > > > > > > height = document.body.offsetHeight*0.75;} else { > > > > > > > > width = window.innerWidth*0.6; > > > > > > height = window.innerHeight*0.75; > > > > > > > > } > > > > > > > > $.get('<cor:url value="/frames/studentfolder/resume.html?folder=$ > > > > > > {folder}" />', > > > > > > function(data) { > > > > > > $("<div > class=\"dialogcontainer\"></div>").append(data).dialog({ > > > > > > modal: true, > > > > > > width: width, > > > > > > height: height, > > > > > > bgiframe: true, > > > > > > buttons : { > > > > > > '<fmt:message > key="label.Terminate" />' : function(){ > > > > > > $(this).dialog("close"); > > > > > > }, > > > > > > '<fmt:message key="label.Modify" > />' : function(){ > > > > > > > window.location=window.location; > > > > > > }, > > > > > > '<fmt:message key="label.Print" > />' : function(){ > > > > > > $.wait('<fmt:message > key="label.Printing" />'); > > > > > > } > > > > > > }, > > > > > > title: 'Done' > > > > > > });}); > > > > > > > > --- 8< > > > > > > > ----------------------------------------------------------------------------------------------------- > > > > > > > > With the first button "<fmt:message key="label.Terminate" />" I > want > > > > > > to close the dialog but the line "$(this).dialog('close');" > doesn't > > > > > > seems to work. > > > > > > I am under Firefox with Firebug and no errors occur.. > > > > > > > > How can I close a dialog from itself ? > > > > > > > > Thanks > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
