Dear Experts,<br><br>I would like to have tabs reference and search below of the map like as tabs legend and tools.<br>I've modified sample.js like this <br>============================<br>function ToggleLayerSetVis()<br><br>
{<br><br> var nCount = arguments.length;<br> CWCDHTML_SetLayerVis( arguments[0], true );<br> eval( "document.forms[0]."+arguments[nCount - 1]+".value='"+arguments[0]+"';" );<br> //document.forms[0].TopTabsLayerActive.value = arguments[0];
<br><br> var i;<br> for( i=1; i<nCount-1; i++ )<br> {<br> CWCDHTML_SetLayerVis( arguments[i], false );<br> }<br><br>}<br><br>// sets the initial visibility in a group of layers on page draw<br>// results in persistant layer visibility between page submits.
<br><br>function LayerSetVisInit()<br><br>{<br><br> var activeLayer = document.forms[0].TopTabsLayerActive.value;<br> var tmpIndex = activeLayer.indexOf( 'TopTabsLayerActive' );<br><br> if( activeLayer.indexOf( 'TopTabsLayerActive' ) != -1 )
<br> {<br> ToggleLayerSetVis( 'NavToolsLayer', 'ROIToolsLayer', 'TopTabsLayerActive' );<br> }<br> if( activeLayer.indexOf( 'NavToolsLayer' ) != -1 )<br> {<br> ToggleLayerSetVis( 'NavToolsLayer', 'ROIToolsLayer', 'TopTabsLayerActive' );
<br> }<br> if( activeLayer.indexOf( 'ROIToolsLayer' ) != -1 )<br> {<br> ToggleLayerSetVis( 'ROIToolsLayer', 'NavToolsLayer', 'TopTabsLayerActive' );<br> }<br><br> var activeLayer = document.forms[0].SideTabsLayerActive.value;
<br> var tmpIndex = activeLayer.indexOf( 'SideTabsLayerActive' );<br><br> if( activeLayer.indexOf( 'SideTabsLayerActive' ) != -1 )<br> {<br> ToggleLayerSetVis( 'LegendLayer', 'OtherToolsLayer', 'SideTabsLayerActive' );
<br> }<br> if( activeLayer.indexOf( 'LegendLayer' ) != -1 )<br> {<br> ToggleLayerSetVis( 'LegendLayer', 'OtherToolsLayer', 'SideTabsLayerActive' );<br> }<br> if( activeLayer.indexOf( 'OtherToolsLayer' ) != -1 )
<br> {<br> ToggleLayerSetVis( 'OtherToolsLayer', 'LegendLayer', 'SideTabsLayerActive' );<br> }<br> <br> var activeLayer = document.forms[0].ReferenceTabsLayerActive.value;<br> var tmpIndex = activeLayer.indexOf
( 'ReferenceTabsLayerActive' );<br><br> if( activeLayer.indexOf( 'ReferenceTabsLayerActive' ) != -1 )<br> {<br> ToggleLayerSetVis( 'ReferenceLayer', 'SearchingLayer', 'ReferenceTabsLayerActive' );<br> }<br>
if( activeLayer.indexOf( 'ReferenceLayer' ) != -1 )<br> {<br> ToggleLayerSetVis( 'ReferenceLayer', 'SearchingLayer', 'ReferenceTabsLayerActive' );<br> }<br> if( activeLayer.indexOf( 'SearchingLayer' ) != -1 )
<br> {<br> ToggleLayerSetVis( 'SearchingLayer', 'ReferenceLayer', 'ReferenceTabsLayerActive' );<br> }<br> <br><br>}<br><br>// sets the initial size in a group of layers on page draw<br>// results in layer sizes responding to map size.
<br><br>function LayerSetSizeInit()<br><br>{<br> var oImage = CWCDHTML_GetImage( 'mapimage' );<br> var imgWidth = oImage.width;<br> var imgHeight = oImage.height;<br><br> // MainMapLayer (w+2, h+2)<br> var oLayer = CWCDHTML_GetLayer( 'MainMapLayer' );
<br> oLayer.width = imgWidth + 2;<br> oLayer.height = imgHeight + 2;<br><br> // TopTabsLayer (w+20, h)<br> var oLayer = CWCDHTML_GetLayer( 'TopTabsLayer' );<br> oLayer.width = imgWidth + 20;<br><br> // NavToolsLayer (w+20, h)
<br> var oLayer = CWCDHTML_GetLayer( 'NavToolsLayer' );<br> oLayer.width = imgWidth + 20;<br><br> // ROIToolsLayer (w+20, h)<br> var oLayer = CWCDHTML_GetLayer( 'ROIToolsLayer' );<br> oLayer.width = imgWidth + 20;
<br><br> // PanArrowsLayer (w+20, h)<br> var oLayer = CWCDHTML_GetLayer( 'PanArrowsLayer' );<br> oLayer.width = imgWidth + 20;<br> oLayer.height = imgHeight + 20;<br><br> // ReferenceLayer (w+20, h+22)<br> var oLayer = CWCDHTML_GetLayer( 'ReferenceLayer' );
<br> oLayer.top = 360 + imgHeight;<br> oLayer.width = imgWidth + 20;<br><br> // SearchingLayer (w+20, h+22)<br> var oLayer = CWCDHTML_GetLayer( 'SearchingLayer' );<br> oLayer.top = 360 + imgHeight;<br> oLayer.width
= imgWidth + 20;<br> <br> // LegendLayer (h+20)<br> var oLayer = CWCDHTML_GetLayer( 'LegendLayer' );<br> oLayer.height = imgHeight + 20;<br> <br> // ReferenceTabsLayer (w+20, h)<br> var oLayer = CWCDHTML_GetLayer( 'ReferenceTabsLayer' );
<br> oLayer.width = imgWidth + 20;<br> <br><br>}<br><br>function ShowNavToolsLayer()<br>{<br> ToggleLayerSetVis( 'NavToolsLayer', 'ROIToolsLayer', 'TopTabsLayerActive' );<br>}<br><br>function ShowROIToolsLayer()<br>
{<br> ToggleLayerSetVis( 'ROIToolsLayer', 'NavToolsLayer', 'TopTabsLayerActive' );<br>}<br><br>function ShowLegendLayer()<br>{<br> ToggleLayerSetVis( 'LegendLayer', 'OtherToolsLayer', 'SideTabsLayerActive' );<br>}<br>
<br>function ShowOtherToolsLayer()<br>{<br> ToggleLayerSetVis( 'OtherToolsLayer', 'LegendLayer', 'SideTabsLayerActive' );<br>}<br><br>function ShowReferenceLayer()<br>{<br> ToggleLayerSetVis( 'ReferenceLayer', 'SearchingLayer', 'ReferenceTabsLayerActive' );
<br>}<br><br>function ShowSearchingLayer()<br>{<br> ToggleLayerSetVis( 'SearchingLayer', 'ReferenceLayer', 'ReferenceTabsLayerActive' );<br>}<br><br><br><br>LayerSetSizeInit();<br><br>LayerSetVisInit();<br>++++++++++++++++++++++++++++++++++++
<br><br>also modified sample.css like this<br>++++++++++++++++++++++++++++<br>#ReferenceTabsLayer {<br> position:absolute;<br> left:400px;<br> top:640px;<br> width:180;<br> height:12px;<br> z-index:1;<br> padding:0px;
<br> margin:0px;<br> border-bottom: 1px solid #cccccc;<br>}<br>#ReferenceLayer {<br> padding:0px;<br> margin:0px;<br> position:absolute;<br> left:430px;<br> top:670px;<br> width:420px;<br> height:150px;<br> z-index:1;
<br> background-color:#ffffff;<br>}<br><br>#SearchingLayer {<br> padding:0px;<br> margin:0px;<br> position:absolute;<br> left:430px;<br> top:670px;<br> width:420px;<br> height:150px;<br> z-index:1;<br> background-color:#ffffff;
<br>}<br>+++++++++++++++++++++++<br><br>I've added a script like as below on my html template<br>===========================<br><input type="hidden" name="TopTabsLayerActive" value="[$TopTabsLayerActive$]">
<br><input type="hidden" name="SideTabsLayerActive" value="[$SideTabsLayerActive$]"><br><input type="hidden" name="ReferenceTabsLayerActive" value="[$ReferenceTabsLayerActive$]">
<br>=================================<br><br>My problem is when I use mozilla everything running well but when I use IE some error appear.<br>The error message "Line 516 char 13 undefined is null or not an object"
<br>Where is the error code?<br>Please help me<br>Thank you very much<br>Regards<br>pssdal<br><br><br>