Ticket #146: fck_image.js.patch

fck_image.js

@@ -39 +39 @@
 if ( !FCKConfig.ImageDlgHideAdvanced )
         window.parent.AddTab( 'Advanced', FCKLang.DlgAdvancedTag ) ;
 
+window.parent.AddTab( 'Map', FCKLang.DlgImgMapTab ) ;
+
 // Function called when a dialog tag is selected.
 function OnDialogTabChange( tabCode )
 {
@@ -46 +48 @@
         ShowE('divLink'         , ( tabCode == 'Link' ) ) ;
         ShowE('divUpload'       , ( tabCode == 'Upload' ) ) ;
         ShowE('divAdvanced'     , ( tabCode == 'Advanced' ) ) ;
+        ShowE('divMap'          , ( tabCode == 'Map' ) ) ;
 }
 
 // Get the selected image (if available).
@@ -163 +166 @@
         GetE('txtAttClasses').value             = oImage.getAttribute('class',2) || '' ;
         GetE('txtLongDesc').value               = oImage.longDesc ;
 
+        // Image Map Attributes
+        if( oImage.getAttribute('usemap') )
+        {
+                GetE('txtMapName').value = oImage.getAttribute('usemap',2).substr(1) ;
+                // get map element
+                var aMaps = FCK.EditorDocument.getElementsByTagName( 'MAP' ) ;
+                var oMaps;
+                for ( var i = 0 ; i < aMaps.length ; i++ )
+                {
+                        if ( aMaps[i].name == oImage.getAttribute('usemap',2).substr(1) )
+                        {
+                                oMaps = aMaps[i];
+                        }
+                }
+                // get area elements
+                if( oMaps.getElementsByTagName( 'AREA' ).length > 0 )
+                {
+                        var aAreas = oMaps.getElementsByTagName( 'AREA' );
+                        for ( var i = 1 ; i < aAreas.length+1 ; i++ )
+                        {
+                                var oAreas = aAreas[i-1];
+                                GetE('txtAreaCoords'+i).value = oAreas.getAttribute('coords',2);
+                                GetE('txtAreaShape'+i).value = oAreas.getAttribute('shape',2);
+                                GetE('txtAreaAlt'+i).value = oAreas.getAttribute('alt',2);
+                                GetE('txtAreaURL'+i).value = oAreas.getAttribute('href',2);
+                        }
+                }
+        }
+
         if ( oEditor.FCKBrowserInfo.IsIE )
                 GetE('txtAttStyle').value       = oImage.style.cssText ;
         else
@@ -252 +284 @@
                 SetAttribute( oLink, 'target', GetE('cmbLnkTarget').value ) ;
         }
 
+        // Image Map Attributes
+        var aMaps = FCK.EditorDocument.getElementsByTagName( 'MAP' ) ;
+        if( GetE('txtMapName').value || aMaps.length)
+        {
+                // update existing
+                if( aMaps.length > 0  && oImage.getAttribute('usemap') )
+                {
+                        var oMaps;
+                        for ( var i = 0 ; i < aMaps.length ; i++ )
+                        {
+                                if ( aMaps[i].name == oImage.getAttribute('usemap').substr(1) )
+                                        oMaps = aMaps[i];
+                        }
+                        // delete image map if name removed
+                        if( !GetE('txtMapName').value )
+                        {
+                                oImage.removeAttribute('usemap');
+                                oEditor.FCKSelection.SelectNode( oMaps );
+                                oEditor.FCKSelection.Delete();
+                                oEditor.FCKSelection.SelectNode( oImage );
+                        }
+                        else
+                        {
+                                SetAttribute( oImage, 'usemap', '#' + GetE('txtMapName').value ) ;
+                                SetAttribute( oMaps, 'name', GetE('txtMapName').value ) ;
+                                // get area elements
+                                if( oMaps.getElementsByTagName( 'AREA' ).length > 0 )
+                                {
+                                        var aAreas = oMaps.getElementsByTagName( 'AREA' ) ;
+                                        for( var i = 1 ; i < 6 ; i++ )
+                                        {
+                                                var oAreas = aAreas[i-1] ;
+                                                // update existing area
+                                                if( oAreas )
+                                                {
+                                                        // delete area if url and coords removed
+                                                        if( GetE('txtAreaCoords'+i).value == '' && GetE('txtAreaURL'+i).value == '' )
+                                                        {
+                                                                oMaps.removeChild( oAreas );
+                                                                i--;
+                                                        }
+                                                        else
+                                                        {
+                                                                SetAttribute( oAreas, 'coords', GetE('txtAreaCoords'+i).value ) ;
+                                                                SetAttribute( oAreas, 'shape', GetE('txtAreaShape'+i).value ) ;
+                                                                SetAttribute( oAreas, 'alt', GetE('txtAreaAlt'+i).value ) ;
+                                                                SetAttribute( oAreas, 'href', GetE('txtAreaURL'+i).value ) ;
+                                                        }
+                                                }
+                                                else
+                                                {
+                                                        // create new area
+                                                        if( GetE('txtAreaCoords'+i).value )
+                                                        {
+                                                                var oArea = FCK.EditorDocument.createElement( 'AREA' ) ;
+                                                                SetAttribute( oArea, 'coords', GetE('txtAreaCoords'+i).value ) ;
+                                                                SetAttribute( oArea, 'shape', GetE('txtAreaShape'+i).value ) ;
+                                                                SetAttribute( oArea, 'alt', GetE('txtAreaAlt'+i).value ) ;
+                                                                SetAttribute( oArea, 'href', GetE('txtAreaURL'+i).value ) ;
+                                                                oMaps.appendChild( oArea );
+                                                        }
+                                                }
+                                        }
+                                }
+                        }
+                }
+                else
+                {
+                        oEditor.FCKSelection.Collapse( false ) ;
+                        // create new image map
+                        var oMap = FCK.CreateElement( 'MAP' ) ;
+                        SetAttribute( oMap, 'name', GetE('txtMapName').value ) ;
+                        for( var i = 1 ; i < 6 ; i++ )
+                        {
+                                if( GetE('txtAreaCoords'+i).value )
+                                {
+                                        var oArea = FCK.EditorDocument.createElement( 'AREA' ) ;
+                                        SetAttribute( oArea, 'coords', GetE('txtAreaCoords'+i).value ) ;
+                                        SetAttribute( oArea, 'shape', GetE('txtAreaShape'+i).value ) ;
+                                        SetAttribute( oArea, 'alt', GetE('txtAreaAlt'+i).value ) ;
+                                        SetAttribute( oArea, 'href', GetE('txtAreaURL'+i).value ) ;
+                                        oMap.appendChild( oArea );
+                                }
+                        }
+                        oEditor.FCKSelection.SelectNode(oImage);
+                        SetAttribute( oImage, 'usemap', '#' + GetE('txtMapName').value ) ;
+                }
+        }
+
         return true ;
 }