1 | /* |
---|
2 | * FCKeditor - The text editor for Internet - http://www.fckeditor.net |
---|
3 | * Copyright (C) 2003-2007 Frederico Caldeira Knabben |
---|
4 | * |
---|
5 | * == BEGIN LICENSE == |
---|
6 | * |
---|
7 | * Licensed under the terms of any of the following licenses at your |
---|
8 | * choice: |
---|
9 | * |
---|
10 | * - GNU General Public License Version 2 or later (the "GPL") |
---|
11 | * http://www.gnu.org/licenses/gpl.html |
---|
12 | * |
---|
13 | * - GNU Lesser General Public License Version 2.1 or later (the "LGPL") |
---|
14 | * http://www.gnu.org/licenses/lgpl.html |
---|
15 | * |
---|
16 | * - Mozilla Public License Version 1.1 or later (the "MPL") |
---|
17 | * http://www.mozilla.org/MPL/MPL-1.1.html |
---|
18 | * |
---|
19 | * == END LICENSE == |
---|
20 | * |
---|
21 | * Scripts related to the Image dialog window (see fck_image.html). |
---|
22 | */ |
---|
23 | |
---|
24 | var oEditor = window.parent.InnerDialogLoaded() ; |
---|
25 | var FCK = oEditor.FCK ; |
---|
26 | var FCKLang = oEditor.FCKLang ; |
---|
27 | var FCKConfig = oEditor.FCKConfig ; |
---|
28 | var FCKDebug = oEditor.FCKDebug ; |
---|
29 | |
---|
30 | var bImageButton = ( document.location.search.length > 0 && document.location.search.substr(1) == 'ImageButton' ) ; |
---|
31 | |
---|
32 | //#### Dialog Tabs |
---|
33 | |
---|
34 | // Set the dialog tabs. |
---|
35 | window.parent.AddTab( 'Info', FCKLang.DlgImgInfoTab ) ; |
---|
36 | |
---|
37 | if ( !bImageButton && !FCKConfig.ImageDlgHideLink ) |
---|
38 | window.parent.AddTab( 'Link', FCKLang.DlgImgLinkTab ) ; |
---|
39 | |
---|
40 | if ( FCKConfig.ImageUpload ) |
---|
41 | window.parent.AddTab( 'Upload', FCKLang.DlgLnkUpload ) ; |
---|
42 | |
---|
43 | if ( !FCKConfig.ImageDlgHideAdvanced ) |
---|
44 | window.parent.AddTab( 'Advanced', FCKLang.DlgAdvancedTag ) ; |
---|
45 | |
---|
46 | // Function called when a dialog tag is selected. |
---|
47 | function OnDialogTabChange( tabCode ) |
---|
48 | { |
---|
49 | ShowE('divInfo' , ( tabCode == 'Info' ) ) ; |
---|
50 | ShowE('divLink' , ( tabCode == 'Link' ) ) ; |
---|
51 | ShowE('divUpload' , ( tabCode == 'Upload' ) ) ; |
---|
52 | ShowE('divAdvanced' , ( tabCode == 'Advanced' ) ) ; |
---|
53 | } |
---|
54 | |
---|
55 | // Get the selected image (if available). |
---|
56 | var oImage = FCK.Selection.GetSelectedElement() ; |
---|
57 | |
---|
58 | if ( oImage && oImage.tagName != 'IMG' && !( oImage.tagName == 'INPUT' && oImage.type == 'image' ) ) |
---|
59 | oImage = null ; |
---|
60 | |
---|
61 | // Get the active link. |
---|
62 | var oLink = FCK.Selection.MoveToAncestorNode( 'A' ) ; |
---|
63 | |
---|
64 | var oImageOriginal ; |
---|
65 | |
---|
66 | function UpdateOriginal( resetSize ) |
---|
67 | { |
---|
68 | if ( !eImgPreview ) |
---|
69 | return ; |
---|
70 | |
---|
71 | if ( GetE('txtUrl').value.length == 0 ) |
---|
72 | { |
---|
73 | oImageOriginal = null ; |
---|
74 | return ; |
---|
75 | } |
---|
76 | |
---|
77 | oImageOriginal = document.createElement( 'IMG' ) ; // new Image() ; |
---|
78 | |
---|
79 | if ( resetSize ) |
---|
80 | { |
---|
81 | oImageOriginal.onload = function() |
---|
82 | { |
---|
83 | this.onload = null ; |
---|
84 | ResetSizes() ; |
---|
85 | } |
---|
86 | } |
---|
87 | |
---|
88 | oImageOriginal.src = eImgPreview.src ; |
---|
89 | } |
---|
90 | |
---|
91 | var bPreviewInitialized ; |
---|
92 | |
---|
93 | window.onload = function() |
---|
94 | { |
---|
95 | // Translate the dialog box texts. |
---|
96 | oEditor.FCKLanguageManager.TranslatePage(document) ; |
---|
97 | |
---|
98 | GetE('btnLockSizes').title = FCKLang.DlgImgLockRatio ; |
---|
99 | GetE('btnResetSize').title = FCKLang.DlgBtnResetSize ; |
---|
100 | |
---|
101 | // Load the selected element information (if any). |
---|
102 | LoadSelection() ; |
---|
103 | |
---|
104 | // Show/Hide the "Browse Server" button. |
---|
105 | GetE('tdBrowse').style.display = FCKConfig.ImageBrowser ? '' : 'none' ; |
---|
106 | GetE('divLnkBrowseServer').style.display = FCKConfig.LinkBrowser ? '' : 'none' ; |
---|
107 | |
---|
108 | UpdateOriginal() ; |
---|
109 | |
---|
110 | // Set the actual uploader URL. |
---|
111 | if ( FCKConfig.ImageUpload ) |
---|
112 | GetE('frmUpload').action = FCKConfig.ImageUploadURL ; |
---|
113 | |
---|
114 | window.parent.SetAutoSize( true ) ; |
---|
115 | |
---|
116 | // Activate the "OK" button. |
---|
117 | window.parent.SetOkButton( true ) ; |
---|
118 | } |
---|
119 | |
---|
120 | function LoadSelection() |
---|
121 | { |
---|
122 | if ( ! oImage ) return ; |
---|
123 | |
---|
124 | var sUrl = oImage.getAttribute( '_fcksavedurl' ) ; |
---|
125 | if ( sUrl == null ) |
---|
126 | sUrl = GetAttribute( oImage, 'src', '' ) ; |
---|
127 | |
---|
128 | GetE('txtUrl').value = sUrl ; |
---|
129 | GetE('txtAlt').value = GetAttribute( oImage, 'alt', '' ) ; |
---|
130 | GetE('txtVSpace').value = GetAttribute( oImage, 'vspace', '' ) ; |
---|
131 | GetE('txtHSpace').value = GetAttribute( oImage, 'hspace', '' ) ; |
---|
132 | GetE('txtBorder').value = GetAttribute( oImage, 'border', '' ) ; |
---|
133 | GetE('cmbAlign').value = GetAttribute( oImage, 'align', '' ) ; |
---|
134 | |
---|
135 | var iWidth, iHeight ; |
---|
136 | |
---|
137 | var regexSize = /^\s*(\d+)px\s*$/i ; |
---|
138 | |
---|
139 | if ( oImage.style.width ) |
---|
140 | { |
---|
141 | var aMatchW = oImage.style.width.match( regexSize ) ; |
---|
142 | if ( aMatchW ) |
---|
143 | { |
---|
144 | iWidth = aMatchW[1] ; |
---|
145 | oImage.style.width = '' ; |
---|
146 | } |
---|
147 | } |
---|
148 | |
---|
149 | if ( oImage.style.height ) |
---|
150 | { |
---|
151 | var aMatchH = oImage.style.height.match( regexSize ) ; |
---|
152 | if ( aMatchH ) |
---|
153 | { |
---|
154 | iHeight = aMatchH[1] ; |
---|
155 | oImage.style.height = '' ; |
---|
156 | } |
---|
157 | } |
---|
158 | |
---|
159 | GetE('txtWidth').value = iWidth ? iWidth : GetAttribute( oImage, "width", '' ) ; |
---|
160 | GetE('txtHeight').value = iHeight ? iHeight : GetAttribute( oImage, "height", '' ) ; |
---|
161 | |
---|
162 | // Get Advances Attributes |
---|
163 | GetE('txtAttId').value = oImage.id ; |
---|
164 | GetE('cmbAttLangDir').value = oImage.dir ; |
---|
165 | GetE('txtAttLangCode').value = oImage.lang ; |
---|
166 | GetE('txtAttTitle').value = oImage.title ; |
---|
167 | GetE('txtLongDesc').value = oImage.longDesc ; |
---|
168 | |
---|
169 | if ( oEditor.FCKBrowserInfo.IsIE ) |
---|
170 | { |
---|
171 | GetE('txtAttClasses').value = oImage.getAttribute('className') || '' ; |
---|
172 | GetE('txtAttStyle').value = oImage.style.cssText ; |
---|
173 | } |
---|
174 | else |
---|
175 | { |
---|
176 | GetE('txtAttClasses').value = oImage.getAttribute('class',2) || '' ; |
---|
177 | GetE('txtAttStyle').value = oImage.getAttribute('style',2) ; |
---|
178 | } |
---|
179 | |
---|
180 | if ( oLink ) |
---|
181 | { |
---|
182 | var sLinkUrl = oLink.getAttribute( '_fcksavedurl' ) ; |
---|
183 | if ( sLinkUrl == null ) |
---|
184 | sLinkUrl = oLink.getAttribute('href',2) ; |
---|
185 | |
---|
186 | GetE('txtLnkUrl').value = sLinkUrl ; |
---|
187 | GetE('cmbLnkTarget').value = oLink.target ; |
---|
188 | } |
---|
189 | |
---|
190 | UpdatePreview() ; |
---|
191 | } |
---|
192 | |
---|
193 | //#### The OK button was hit. |
---|
194 | function Ok() |
---|
195 | { |
---|
196 | if ( GetE('txtUrl').value.length == 0 ) |
---|
197 | { |
---|
198 | window.parent.SetSelectedTab( 'Info' ) ; |
---|
199 | GetE('txtUrl').focus() ; |
---|
200 | |
---|
201 | alert( FCKLang.DlgImgAlertUrl ) ; |
---|
202 | |
---|
203 | return false ; |
---|
204 | } |
---|
205 | |
---|
206 | var bHasImage = ( oImage != null ) ; |
---|
207 | |
---|
208 | if ( bHasImage && bImageButton && oImage.tagName == 'IMG' ) |
---|
209 | { |
---|
210 | if ( confirm( 'Do you want to transform the selected image on a image button?' ) ) |
---|
211 | oImage = null ; |
---|
212 | } |
---|
213 | else if ( bHasImage && !bImageButton && oImage.tagName == 'INPUT' ) |
---|
214 | { |
---|
215 | if ( confirm( 'Do you want to transform the selected image button on a simple image?' ) ) |
---|
216 | oImage = null ; |
---|
217 | } |
---|
218 | |
---|
219 | if ( !bHasImage ) |
---|
220 | { |
---|
221 | if ( bImageButton ) |
---|
222 | { |
---|
223 | oImage = FCK.EditorDocument.createElement( 'INPUT' ) ; |
---|
224 | oImage.type = 'image' ; |
---|
225 | oImage = FCK.InsertElementAndGetIt( oImage ) ; |
---|
226 | } |
---|
227 | else |
---|
228 | oImage = FCK.CreateElement( 'IMG' ) ; |
---|
229 | } |
---|
230 | else |
---|
231 | oEditor.FCKUndo.SaveUndoStep() ; |
---|
232 | |
---|
233 | UpdateImage( oImage ) ; |
---|
234 | |
---|
235 | var sLnkUrl = GetE('txtLnkUrl').value.Trim() ; |
---|
236 | |
---|
237 | if ( sLnkUrl.length == 0 ) |
---|
238 | { |
---|
239 | if ( oLink ) |
---|
240 | FCK.ExecuteNamedCommand( 'Unlink' ) ; |
---|
241 | } |
---|
242 | else |
---|
243 | { |
---|
244 | if ( oLink ) // Modifying an existent link. |
---|
245 | oLink.href = sLnkUrl ; |
---|
246 | else // Creating a new link. |
---|
247 | { |
---|
248 | if ( !bHasImage ) |
---|
249 | oEditor.FCKSelection.SelectNode( oImage ) ; |
---|
250 | |
---|
251 | oLink = oEditor.FCK.CreateLink( sLnkUrl ) ; |
---|
252 | |
---|
253 | if ( !bHasImage ) |
---|
254 | { |
---|
255 | oEditor.FCKSelection.SelectNode( oLink ) ; |
---|
256 | oEditor.FCKSelection.Collapse( false ) ; |
---|
257 | } |
---|
258 | } |
---|
259 | |
---|
260 | SetAttribute( oLink, '_fcksavedurl', sLnkUrl ) ; |
---|
261 | SetAttribute( oLink, 'target', GetE('cmbLnkTarget').value ) ; |
---|
262 | } |
---|
263 | |
---|
264 | return true ; |
---|
265 | } |
---|
266 | |
---|
267 | function UpdateImage( e, skipId ) |
---|
268 | { |
---|
269 | e.src = GetE('txtUrl').value ; |
---|
270 | SetAttribute( e, "_fcksavedurl", GetE('txtUrl').value ) ; |
---|
271 | SetAttribute( e, "alt" , GetE('txtAlt').value ) ; |
---|
272 | SetAttribute( e, "width" , GetE('txtWidth').value ) ; |
---|
273 | SetAttribute( e, "height", GetE('txtHeight').value ) ; |
---|
274 | SetAttribute( e, "vspace", GetE('txtVSpace').value ) ; |
---|
275 | SetAttribute( e, "hspace", GetE('txtHSpace').value ) ; |
---|
276 | SetAttribute( e, "border", GetE('txtBorder').value ) ; |
---|
277 | SetAttribute( e, "align" , GetE('cmbAlign').value ) ; |
---|
278 | |
---|
279 | // Advances Attributes |
---|
280 | |
---|
281 | if ( ! skipId ) |
---|
282 | SetAttribute( e, 'id', GetE('txtAttId').value ) ; |
---|
283 | |
---|
284 | SetAttribute( e, 'dir' , GetE('cmbAttLangDir').value ) ; |
---|
285 | SetAttribute( e, 'lang' , GetE('txtAttLangCode').value ) ; |
---|
286 | SetAttribute( e, 'title' , GetE('txtAttTitle').value ) ; |
---|
287 | SetAttribute( e, 'class' , GetE('txtAttClasses').value ) ; |
---|
288 | SetAttribute( e, 'longDesc' , GetE('txtLongDesc').value ) ; |
---|
289 | |
---|
290 | if ( oEditor.FCKBrowserInfo.IsIE ) |
---|
291 | e.style.cssText = GetE('txtAttStyle').value ; |
---|
292 | else |
---|
293 | SetAttribute( e, 'style', GetE('txtAttStyle').value ) ; |
---|
294 | } |
---|
295 | |
---|
296 | var eImgPreview ; |
---|
297 | var eImgPreviewLink ; |
---|
298 | |
---|
299 | function SetPreviewElements( imageElement, linkElement ) |
---|
300 | { |
---|
301 | eImgPreview = imageElement ; |
---|
302 | eImgPreviewLink = linkElement ; |
---|
303 | |
---|
304 | UpdatePreview() ; |
---|
305 | UpdateOriginal() ; |
---|
306 | |
---|
307 | bPreviewInitialized = true ; |
---|
308 | } |
---|
309 | |
---|
310 | function UpdatePreview() |
---|
311 | { |
---|
312 | if ( !eImgPreview || !eImgPreviewLink ) |
---|
313 | return ; |
---|
314 | |
---|
315 | if ( GetE('txtUrl').value.length == 0 ) |
---|
316 | eImgPreviewLink.style.display = 'none' ; |
---|
317 | else |
---|
318 | { |
---|
319 | UpdateImage( eImgPreview, true ) ; |
---|
320 | |
---|
321 | if ( GetE('txtLnkUrl').value.Trim().length > 0 ) |
---|
322 | eImgPreviewLink.href = 'javascript:void(null);' ; |
---|
323 | else |
---|
324 | SetAttribute( eImgPreviewLink, 'href', '' ) ; |
---|
325 | |
---|
326 | eImgPreviewLink.style.display = '' ; |
---|
327 | } |
---|
328 | } |
---|
329 | |
---|
330 | var bLockRatio = true ; |
---|
331 | |
---|
332 | function SwitchLock( lockButton ) |
---|
333 | { |
---|
334 | bLockRatio = !bLockRatio ; |
---|
335 | lockButton.className = bLockRatio ? 'BtnLocked' : 'BtnUnlocked' ; |
---|
336 | lockButton.title = bLockRatio ? 'Lock sizes' : 'Unlock sizes' ; |
---|
337 | |
---|
338 | if ( bLockRatio ) |
---|
339 | { |
---|
340 | if ( GetE('txtWidth').value.length > 0 ) |
---|
341 | OnSizeChanged( 'Width', GetE('txtWidth').value ) ; |
---|
342 | else |
---|
343 | OnSizeChanged( 'Height', GetE('txtHeight').value ) ; |
---|
344 | } |
---|
345 | } |
---|
346 | |
---|
347 | // Fired when the width or height input texts change |
---|
348 | function OnSizeChanged( dimension, value ) |
---|
349 | { |
---|
350 | // Verifies if the aspect ration has to be mantained |
---|
351 | if ( oImageOriginal && bLockRatio ) |
---|
352 | { |
---|
353 | var e = dimension == 'Width' ? GetE('txtHeight') : GetE('txtWidth') ; |
---|
354 | |
---|
355 | if ( value.length == 0 || isNaN( value ) ) |
---|
356 | { |
---|
357 | e.value = '' ; |
---|
358 | return ; |
---|
359 | } |
---|
360 | |
---|
361 | if ( dimension == 'Width' ) |
---|
362 | value = value == 0 ? 0 : Math.round( oImageOriginal.height * ( value / oImageOriginal.width ) ) ; |
---|
363 | else |
---|
364 | value = value == 0 ? 0 : Math.round( oImageOriginal.width * ( value / oImageOriginal.height ) ) ; |
---|
365 | |
---|
366 | if ( !isNaN( value ) ) |
---|
367 | e.value = value ; |
---|
368 | } |
---|
369 | |
---|
370 | UpdatePreview() ; |
---|
371 | } |
---|
372 | |
---|
373 | // Fired when the Reset Size button is clicked |
---|
374 | function ResetSizes() |
---|
375 | { |
---|
376 | if ( ! oImageOriginal ) return ; |
---|
377 | |
---|
378 | GetE('txtWidth').value = oImageOriginal.width ; |
---|
379 | GetE('txtHeight').value = oImageOriginal.height ; |
---|
380 | |
---|
381 | UpdatePreview() ; |
---|
382 | } |
---|
383 | |
---|
384 | function BrowseServer() |
---|
385 | { |
---|
386 | OpenServerBrowser( |
---|
387 | 'Image', |
---|
388 | FCKConfig.ImageBrowserURL, |
---|
389 | FCKConfig.ImageBrowserWindowWidth, |
---|
390 | FCKConfig.ImageBrowserWindowHeight ) ; |
---|
391 | } |
---|
392 | |
---|
393 | function LnkBrowseServer() |
---|
394 | { |
---|
395 | OpenServerBrowser( |
---|
396 | 'Link', |
---|
397 | FCKConfig.LinkBrowserURL, |
---|
398 | FCKConfig.LinkBrowserWindowWidth, |
---|
399 | FCKConfig.LinkBrowserWindowHeight ) ; |
---|
400 | } |
---|
401 | |
---|
402 | function OpenServerBrowser( type, url, width, height ) |
---|
403 | { |
---|
404 | sActualBrowser = type ; |
---|
405 | OpenFileBrowser( url, width, height ) ; |
---|
406 | } |
---|
407 | |
---|
408 | var sActualBrowser ; |
---|
409 | |
---|
410 | function SetUrl( url, width, height, alt ) |
---|
411 | { |
---|
412 | if ( sActualBrowser == 'Link' ) |
---|
413 | { |
---|
414 | GetE('txtLnkUrl').value = url ; |
---|
415 | UpdatePreview() ; |
---|
416 | } |
---|
417 | else |
---|
418 | { |
---|
419 | GetE('txtUrl').value = url ; |
---|
420 | GetE('txtWidth').value = width ? width : '' ; |
---|
421 | GetE('txtHeight').value = height ? height : '' ; |
---|
422 | |
---|
423 | if ( alt ) |
---|
424 | GetE('txtAlt').value = alt; |
---|
425 | |
---|
426 | UpdatePreview() ; |
---|
427 | UpdateOriginal( true ) ; |
---|
428 | } |
---|
429 | |
---|
430 | window.parent.SetSelectedTab( 'Info' ) ; |
---|
431 | } |
---|
432 | |
---|
433 | function OnUploadCompleted( errorNumber, fileUrl, fileName, customMsg ) |
---|
434 | { |
---|
435 | switch ( errorNumber ) |
---|
436 | { |
---|
437 | case 0 : // No errors |
---|
438 | alert( 'Your file has been successfully uploaded' ) ; |
---|
439 | break ; |
---|
440 | case 1 : // Custom error |
---|
441 | alert( customMsg ) ; |
---|
442 | return ; |
---|
443 | case 101 : // Custom warning |
---|
444 | alert( customMsg ) ; |
---|
445 | break ; |
---|
446 | case 201 : |
---|
447 | alert( 'A file with the same name is already available. The uploaded file has been renamed to "' + fileName + '"' ) ; |
---|
448 | break ; |
---|
449 | case 202 : |
---|
450 | alert( 'Invalid file type' ) ; |
---|
451 | return ; |
---|
452 | case 203 : |
---|
453 | alert( "Security error. You probably don't have enough permissions to upload. Please check your server." ) ; |
---|
454 | return ; |
---|
455 | default : |
---|
456 | alert( 'Error on file upload. Error number: ' + errorNumber ) ; |
---|
457 | return ; |
---|
458 | } |
---|
459 | |
---|
460 | sActualBrowser = '' ; |
---|
461 | SetUrl( fileUrl ) ; |
---|
462 | GetE('frmUpload').reset() ; |
---|
463 | } |
---|
464 | |
---|
465 | var oUploadAllowedExtRegex = new RegExp( FCKConfig.ImageUploadAllowedExtensions, 'i' ) ; |
---|
466 | var oUploadDeniedExtRegex = new RegExp( FCKConfig.ImageUploadDeniedExtensions, 'i' ) ; |
---|
467 | |
---|
468 | function CheckUpload() |
---|
469 | { |
---|
470 | var sFile = GetE('txtUploadFile').value ; |
---|
471 | |
---|
472 | if ( sFile.length == 0 ) |
---|
473 | { |
---|
474 | alert( 'Please select a file to upload' ) ; |
---|
475 | return false ; |
---|
476 | } |
---|
477 | |
---|
478 | if ( ( FCKConfig.ImageUploadAllowedExtensions.length > 0 && !oUploadAllowedExtRegex.test( sFile ) ) || |
---|
479 | ( FCKConfig.ImageUploadDeniedExtensions.length > 0 && oUploadDeniedExtRegex.test( sFile ) ) ) |
---|
480 | { |
---|
481 | OnUploadCompleted( 202 ) ; |
---|
482 | return false ; |
---|
483 | } |
---|
484 | |
---|
485 | return true ; |
---|
486 | } |
---|