I have jquery code given below which I have customized it according to my requirement but there are some problems with it. First of all, the user clicks on "click", the dialog is not displayed. And when the user clicks on "off" the dialog disappears. All of you appreciate it.
& lt ;! DOCTYPE html & gt; & Lt; Html lang = "en" & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Title & gt; JQuery UI Dialog - Basic Model & lt; / Title & gt; & Lt; Link rel = "stylesheet" href = "../../ themes / base / jquery.ui.all.css" & gt; & Lt; Script src = "../../jquery-1.5.1.js" & gt; & Lt; / Script & gt; & Lt; Script src = "../../external / jquery.bgiframe-2.1.2.js" & gt; & Lt; / Script & gt; & Lt; Script src = "../../ui / jquery.ui.core.js" & gt; & Lt; / Script & gt; & Lt; Script src = "../../ui / jquery.ui.widget.js" & gt; & Lt; / Script & gt; & Lt; Script src = "../../ui / jquery.ui.mouse.js" & gt; & Lt; / Script & gt; & Lt; Script src = "../../ui / jquery.ui.draggable.js" & gt; & Lt; / Script & gt; & Lt; Script src = "../../ui / jquery.ui.position.js" & gt; & Lt; / Script & gt; & Lt; Script src = "../../ui / jquery.ui.resizable.js" & gt; & Lt; / Script & gt; & Lt; Script src = "../../ui / jquery.ui.dialog.js" & gt; & Lt; / Script & gt; & Lt; Link rel = "stylesheet" href = "../dems.css" & gt; & Lt; Script & gt; $ (Function () {// Demo system, an alternative solution for a defect (http://dev.jqueryui.com/ticket/4375), ignore! $ ("# Click"). Onclick (function () {$ ("# Dialog-mode"). Semiogram ({height: 140, model: true,}); $ ("# off"). Onclick (function () {$ ("dialog-mode") $ ("# Dialog-mode, # close"). Semiogram ({resize: false}); $ ("# dialog-mode") dialog ({auto-open: false}); $ ("# dialog-modal ") .dialog ({closeOnEscape: false}); $ (" #close ") .dialog ({modal: false});}); & lt; / scripts & gt; & lt; / head & gt; & LT ; Body & gt; & lt; div class = "demo" & gt; & lt; div id = "dialog-modal" title = "original Adding a modal overlay screen makes the dialog more important because it reduces the content of the page & lt; / p & gt; & Lt; odal dialog "style =" display: none: "& gt; & lt; p & gt; ; A id = "close" href = "" & gt; close & lt; / a & gt; & lt; / div & gt; & lt; a href = "#" id = "click here" & gt; Click here & lt; / a & gt; & lt;! - Sample page content to clarify the layer of dialog - & gt; & Lt; Div class = "hidden invoices" style = "padding: 20px;" & Gt; & Lt; P & gt; ADAR and LIT; ARR = "http://example.com" & gt; Rutrum Cadlies & lt; / A & gt; Any kind of list or message Phasellus rhoncus faucibus pre. Even for a child as a child, he has a lot for his heart, or for him & lt; / P & gt; & Lt; Form & gt; & Lt; Input value = "text input" / & gt; & Lt; Br / & gt; & Lt; Input type = "checkbox" /> Checkbox & lt; Br / & gt; & Lt; Input type = "radio" /> Radio & lt; Br / & gt; & Lt; Gt selection and; & Lt; Options & gt; & Lt; / Options & gt; Select & lt; / Select & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Text area & gt; Text area & lt; / Text field & gt; & Lt; Br / & gt; & Lt; / Form & gt; & Lt; / Div & gt; & Lt ;! - End Page Content - & gt; & Lt; / Div & gt; & Lt ;! - End Demo - & gt; & Lt ;! - & lt; Div id = "dd" class = "demo-description" style = "display: none;" & Gt; & Lt; P & gt; A modal dialog prevents the user from interacting with the rest of the page until it is closed. & Lt; / P & gt; & Lt; A href = "#" id = "close" & gt; Close & lt; / A & gt; & Lt; / Div & gt; - & gt; & Lt ;! - End Demo-Description - & gt; & Lt; / Body & gt; & Lt; / Html & gt; Click the
$ ("# close") (function () { $ ("Dialog-mode"). Destroy ();}) Are you also losing a hash here?
Comments
Post a Comment