Ticket #12953: dialog.html

File dialog.html, 8.9 KB (added by yogesh, 11 years ago)

append # at the end of the Url eg. ​file:///C:/Users/ynikam01/Desktop/dialog.html# and reload the page. then click on button dialog gets open

Line 
1<!DOCTYPE html>
2<html>
3<head>
4       <title>Ajax &mdash; CKEditor Sample</title>
5       <meta content="text/html; charset=utf-8" http-equiv="content-type" />   
6     
7    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
8        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
9   
10            <script type="text/javascript">
11$.widget( "ui.dialog", $.ui.dialog, {
12 /*! jQuery UI - v1.10.2 - 2013-12-12
13  *  http://bugs.jqueryui.com/ticket/9087#comment:27 - bugfix
14  *  http://bugs.jqueryui.com/ticket/4727#comment:23 - bugfix
15  *  allowInteraction fix to accommodate windowed editors
16  */
17  _allowInteraction: function( event ) {
18    if ( this._super( event ) ) {
19      return true;
20    }
21
22    // address interaction issues with general iframes with the dialog
23    if ( event.target.ownerDocument != this.document[ 0 ] ) {
24      return true;
25    }
26
27    // address interaction issues with dialog window
28    if ( $( event.target ).closest( ".cke_dialog" ).length ) {
29      return true;
30    }
31
32    // address interaction issues with iframe based drop downs in IE
33    if ( $( event.target ).closest( ".cke" ).length ) {
34      return true;
35    }
36  },
37 /*! jQuery UI - v1.10.2 - 2013-10-28
38  *  http://dev.ckeditor.com/ticket/10269 - bugfix
39  *  moveToTop fix to accommodate windowed editors
40  */
41  _moveToTop: function ( event, silent ) {
42    if ( !event || !this.options.modal ) {
43      this._super( event, silent );
44    }
45  }
46});
47    </script>
48   
49        <script type="text/javascript" src="http://cdn.skatrix.com/tools/ckeditor/4.3.1/ckeditor.js"></script>
50
51
52        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/themes/smoothness/jquery-ui.css" />
53
54</head>
55<body sytle="overflow:hidden !important">
56        <script type="text/javascript">
57 
58           
59           
60var editor, html = '';
61var config = {};
62       
63function createEditor() {
64
65        if ( editor )
66                return;
67
68        $("#editor").bind('dialogopen', function() //JQ
69        {
70           editor = CKEDITOR.replace('editor1', config, 'aaa');
71        }).bind('dialogclose', function() { 
72          removeEditor(); 
73          //CK $(this).dialog('destroy');
74        })
75        .dialog({autoOpen: false,
76                maxHeight:600,//1
77                width: 800,
78                modal: true,
79                position: 'center',
80                resizable: false,
81                autoResize: true }).dialog('open');
82
83
84        CKEDITOR.instances["editor1"].on("focus", function(){
85          return false;
86        });
87}
88
89
90function removeEditor()
91{
92        if ( !editor )
93                return;
94        // Destroy the editor.
95        editor.destroy();
96        editor = null;
97}
98
99    </script>
100        <p>Click the buttons to create jquery dialog and CKEditor instance.</p>
101        <p>
102        <input onclick="createEditor();" type="button" value="Create Editor" />
103        </p>
104        <div id="editor" style="display:none">
105        <input type="text"/>
106          <h1>Xento</h1>
107         <h1>Xento</h1>
108       
109        <h1>Xento</h1>
110        <h1>Xento</h1>
111        <h1>Xento</h1>
112        <h1>Xento</h1>
113        <h1>Xento</h1>
114        <h1>Xento</h1>
115        <h1>Xento</h1>
116        <h1>Xento</h1>
117        <h1>Xento</h1>
118        <h1>Xento</h1>
119        <h1>Xento</h1>
120        <h1>Xento</h1>
121        <h1>Xento</h1>
122        <h1>Xento</h1>
123        <h1>Xento</h1>
124        <h1>Xento</h1>
125        <h1>Xento</h1>
126        <h1>Xento</h1>
127        <h1>Xento</h1>
128        <h1>Xento</h1>
129        <h1>Xento</h1>
130        <h1>Xento</h1>
131        <h1>Xento</h1>
132        <h1>Xento</h1>
133        <h1>Xento</h1>
134        <h1>Xento</h1>
135        <h1>Xento</h1>
136        <h1>Xento</h1>
137        <h1>Xento</h1>
138        <h1>Xento</h1>
139        <h1>Xento</h1>
140        <h1>Xento</h1>
141        <h1>Xento</h1>
142        <h1>Xento</h1>
143        <h1>Xento</h1>
144        <h1>Xento</h1>
145        <h1>Xento</h1>
146        <h1>Xento</h1>
147        <h1>Xento</h1>
148        <h1>Xento</h1>
149        <h1>Xento</h1>
150        <h1>Xento</h1>
151        <h1>Xento</h1>
152        <h1>Xento</h1>
153        <h1>Xento</h1>
154        <h1>Xento</h1>
155        <h1>Xento</h1>
156        <h1>Xento</h1>
157        <h1>Xento</h1>
158        <h1>Xento</h1>
159        <h1>Xento</h1>
160        <h1>Xento</h1>
161        <h1>Xento</h1>
162        <h1>Xento</h1>
163        <h1>Xento</h1>
164
165        <textarea id="editor1" ></textarea>
166       <!--  <div>
167        <iframe id="myIframe" src="frame.html" tabIndex="0" ></iframe>
168        </div> -->
169         <h1>Xento</h1>
170        <h1>Xento</h1>
171        <h1>Xento</h1>
172        <h1>Xento</h1>
173        <h1>Xento</h1>
174        <h1>Xento</h1>
175        <h1>Xento</h1>
176        <h1>Xento</h1>
177        <h1>Xento</h1>
178        <h1>Xento</h1>
179        <h1>Xento</h1>
180        <h1>Xento</h1>
181        <h1>Xento</h1>
182        <h1>Xento</h1>
183        <h1>Xento</h1>
184        <h1>Xento</h1>
185         <h1>Xento</h1>
186        <h1>Xento</h1>
187        <h1>Xento</h1>
188        <h1>Xento</h1>
189        <h1>Xento</h1>
190        <h1>Xento</h1>
191        <h1>Xento</h1>
192        <h1>Xento</h1>
193        <h1>Xento</h1>
194        <h1>Xento</h1>
195        <h1>Xento</h1>
196        <h1>Xento</h1>
197        <h1>Xento</h1>
198        <h1>Xento</h1>
199        <h1>Xento</h1>
200        <h1>Xento</h1> <h1>Xento</h1>
201        <h1>Xento</h1>
202        <h1>Xento</h1>
203        <h1>Xento</h1>
204        <h1>Xento</h1>
205        <h1>Xento</h1>
206        <h1>Xento</h1>
207        <h1>Xento</h1>
208        <h1>Xento</h1>
209        <h1>Xento</h1>
210        <h1>Xento</h1>
211        <h1>Xento</h1>
212        <h1>Xento</h1>
213        <h1>Xento</h1>
214        <h1>Xento</h1>
215        <h1>Xento</h1>
216         <h1>Xento</h1>
217        <h1>Xento</h1>
218        <h1>Xento</h1>
219        <h1>Xento</h1>
220        <h1>Xento</h1>
221        <h1>Xento</h1>
222        <h1>Xento</h1>
223        <h1>Xento</h1>
224        <h1>Xento</h1>
225        <h1>Xento</h1>
226        <h1>Xento</h1>
227        <h1>Xento</h1>
228        <h1>Xento</h1>
229        <h1>Xento</h1>
230        <h1>Xento</h1>
231        <h1>Xento</h1>
232       
233        </div>
234         <h1>Xento</h1>
235        <h1>Xento</h1>
236        <h1>Xento</h1>
237         <h1>Xento</h1>
238        <h1>Xento</h1>
239        <h1>Xento</h1>
240        <h1>Xento</h1>
241        <h1>Xento</h1>
242        <h1>Xento</h1>
243        <h1>Xento</h1>
244        <h1>Xento</h1>
245        <h1>Xento</h1>
246        <h1>Xento</h1>
247        <h1>Xento</h1>
248        <h1>Xento</h1>
249        <h1>Xento</h1>
250        <h1>Xento</h1>
251        <h1>Xento</h1>
252        <h1>Xento</h1>
253         <h1>Xento</h1>
254        <h1>Xento</h1>
255        <h1>Xento</h1>
256         <h1>Xento</h1>
257        <h1>Xento</h1>
258        <h1>Xento</h1>
259        <h1>Xento</h1>
260        <h1>Xento</h1>
261        <h1>Xento</h1>
262        <h1>Xento</h1>
263        <h1>Xento</h1>
264        <h1>Xento</h1>
265        <h1>Xento</h1>
266        <h1>Xento</h1>
267        <h1>Xento</h1>
268        <h1>Xento</h1>
269        <h1>Xento</h1>
270        <h1>Xento</h1>
271        <h1>Xento</h1>
272         <h1>Xento</h1>
273        <h1>Xento</h1>
274        <h1>Xento</h1>
275         <h1>Xento</h1>
276        <h1>Xento</h1>
277        <h1>Xento</h1>
278        <h1>Xento</h1>
279        <h1>Xento</h1>
280        <h1>Xento</h1>
281        <h1>Xento</h1>
282        <h1>Xento</h1>
283        <h1>Xento</h1>
284        <h1>Xento</h1>
285        <h1>Xento</h1>
286        <h1>Xento</h1>
287        <h1>Xento</h1>
288        <h1>Xento</h1>
289        <h1>Xento</h1>
290        <h1>Xento</h1>
291         <h1>Xento</h1>
292        <h1>Xento</h1>
293        <h1>Xento</h1>
294         <h1>Xento</h1>
295        <h1>Xento</h1>
296        <h1>Xento</h1>
297        <h1>Xento</h1>
298        <h1>Xento</h1>
299        <h1>Xento</h1>
300        <h1>Xento</h1>
301        <h1>Xento</h1>
302        <h1>Xento</h1>
303        <h1>Xento</h1>
304        <h1>Xento</h1>
305        <h1>Xento</h1>
306        <h1>Xento</h1>
307        <h1>Xento</h1>
308        <h1>Xento</h1>
309        <h1>Xento</h1>
310         <h1>Xento</h1>
311        <h1>Xento</h1>
312        <h1>Xento</h1>
313         <h1>Xento</h1>
314        <h1>Xento</h1>
315        <h1>Xento</h1>
316        <h1>Xento</h1>
317        <h1>Xento</h1>
318        <h1>Xento</h1>
319        <h1>Xento</h1>
320        <h1>Xento</h1>
321        <h1>Xento</h1>
322        <h1>Xento</h1>
323        <h1>Xento</h1>
324        <h1>Xento</h1>
325        <h1>Xento</h1>
326        <h1>Xento</h1>
327        <h1>Xento</h1>
328        <h1>Xento</h1>
329         <h1>Xento</h1>
330        <h1>Xento</h1>
331        <h1>Xento</h1>
332         <h1>Xento</h1>
333        <h1>Xento</h1>
334        <h1>Xento</h1>
335        <h1>Xento</h1>
336        <h1>Xento</h1>
337        <h1>Xento</h1>
338        <h1>Xento</h1>
339        <h1>Xento</h1>
340        <h1>Xento</h1>
341        <h1>Xento</h1>
342        <h1>Xento</h1>
343        <h1>Xento</h1>
344        <h1>Xento</h1>
345        <h1>Xento</h1>
346        <h1>Xento</h1>
347        <h1>Xento</h1>
348
349
350</body>
351</html>
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy