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