[OpenLayers-Users] theme: null = vanished buttons!?

Mon Nov 12 02:03:16 EST 2007

Here´s the HTML Page, hope someone know whats wrong:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <link rel="stylesheet" href="./theme/geoland_theme/geoland_style.css"
type="text/css" />
    <style type="text/css">

		.olControlOverviewMapElement 
		{
				background-color: transparent;
				border: 3px solid navy;
		} 

		.olControlOverviewMapExtentRectangle 
		{
				border: 3px dotted black;
		}

		div.olControlMousePosition {
            font-family: Verdana;
            font-size: 0.8em;
            color: red;
			bottom:0px;
        }

    </style>
    <script src="http://172.21.18.45/openlayers/lib/OpenLayers.js"></script>
    <script type="text/javascript">
        var map;
        function init(){
		    var options = { //theme: null,		//Deaktiviert die standardmäßig
aktivierten skripte; dadurch werden die eigenen styles und .css files
verwendet?
							scales: [1000000, 600000, 250000, 125000, 75000, 30000, 10000], 
							'projection':'EPSG:31258', 'units':'m', 
							'maxExtent': new OpenLayers.Bounds(390730, 119473, 594760, 238680), 
							'maxResolution': "auto", 
							controls: [new OpenLayers.Control.MouseDefaults()]  //
Weltkugelsymbol (Zoom to max extend)  unter dem Zoomregler entfernt
			};  

			// options 2 --> optionen für die OverviewMap
			var options2 = { //theme: null,		//Deaktiviert die standardmäßig
aktivierten skripte; dadurch werden die eigenen styles und .css files
verwendet?
							numZoomLevels: 1,   // Anzahl der Zoomstufen in der OverviewMap
							projection: "EPSG:31258",
							units: 'm',
							maxExtent: new OpenLayers.Bounds(390730, 119473, 594760, 238680)
							// layers: [lg_wms]
												// Baselayer wird automatisch geladen
			};

			map = new OpenLayers.Map(('map'),options, { controls: [] });

//**********************************************************************************************************//
	// ************************************************ Controls
*************************************************//

//*********************************************************************************************************//

	// -------------------------  PanZoomBar new Position
--------------------------------------------------------------------------------------------------
			var pzb=new
OpenLayers.Control.PanZoomBar({'div':OpenLayers.Util.getElement('panzoombar')});
			pzb.position=new OpenLayers.Pixel(128,100);
			map.addControl(pzb);

	// -------------------------  MouseToolbar (zoom, hand buttons)  new
Position
----------------------------------------------------------------------
			//var mt=new OpenLayers.Control.MouseToolbar();
			//mt.position=new OpenLayers.Pixel(7,5);
			//map.addControl(mt);
			//mt.switchModeTo('zoombox');

	// ---------------------------------------------  NavToolbar (zoom, pan
buttons)  new Position -----------------------------------------------------
			var nt=new OpenLayers.Control.NavToolbar(); // gleich wie MouseToolbar
nur mit "direkter" Zoomfunktion!! (ohne shift Taste)
			nt.position=new OpenLayers.Pixel(-3,93);
			map.addControl(nt);
			//nt.switchModeTo('zoombox');

	// ------------------------------------------------------------------------ 
Edit Toolbar
----------------------------------------------------------------------------			
			//	vlayer = new OpenLayers.Layer.Vector( "Custom Layer");
			//	map.addControl(new OpenLayers.Control.EditingToolbar(vlayer));
		    vlayer = new OpenLayers.Layer.Vector( "Editable" );

            var container = document.getElementById("panel");
            var panel = new OpenLayers.Control.EditingToolbar(
                vlayer, {div: container}
            );
            map.addControl(panel);

	// ------------------------------------------------------------------------ 
OverviewMap
----------------------------------------------------------------------------			

			var overview = new OpenLayers.Control.OverviewMap({mapOptions:options2,
'div':OpenLayers.Util.getElement('overview')}); 
			map.addControl(overview);

	// -------------------------  Scale new Position
--------------------------------------------------------------------------------------------------
			var sca=new OpenLayers.Control.Scale();
			sca.position=new OpenLayers.Pixel(275,2);
			map.addControl(sca);

			//map.addControl(new OpenLayers.Control.PanZoomBar());
//({'div':OpenLayers.Util.getElement('panzoombar')}));
			//map.addControl(new OpenLayers.Control.NavToolbar());  // gleich wie
MouseToolbar nur mit direkter Zoomfunktion!!
			//map.addControl(new OpenLayers.Control.Scale());

			map.addControl(new OpenLayers.Control.MousePosition({numdigits:2})); //
numdigits: anzahl der kommastellen
			map.addControl(new
OpenLayers.Control.LayerSwitcher({'div':OpenLayers.Util.getElement('layerswitcher'),
activeColor:"transparent"}));

// ------------------------------------------------------------ Layers
---------------------------------------------------------------------//
.
.
.
.
// ------------------------------------------- End Layers
------------------------------
//************************************* Add Layers into LayerSwitcher
****************************************************

			map.addLayers([lg_wms, l_wms, b_wms, g_wms, /*l_st_wms,*/ vlayer]);
			map.zoomToMaxExtent(); //at startup
        }
    </script>
  </head>
  <body onload="init()"; style="color: rgb(0, 0, 0); background-color:
rgb(248, 248, 255);">

	<div
		style="text-align: left;"> geoland2_de.jpg 
	</div>
    <div id="layerswitcher"
style="position:absolute;left:-10px;top:120px;width:325px;color:black;z-index:30"></div> 
<!-- höherer z-index setzt den div layer in den vordergrund -->
	<div id="map"
style="position:absolute;left:250px;top:195px;width:647px;height:450px;background:transparent;border:
2px solid navy;z-index:20" ></div>
	<div id="panel" class="olControlEditingToolbar"
style="position:absolute;left:218px;top:157px;width:170px;height:70px;background:transparent;z-index:30"></div>
    <div id="panzoombar"
style="position:absolute;width:35px;height:100px;background:transparent;z-index:100"></div>
	<div id="overview"
style="position:absolute;left:687px;top:93px;z-index:10"></div>
  </body>
</html>

Eric Lemoine-3 wrote:
> 
> On Nov 10, 2007 10:02 AM, R. Ortner
> <reinhard.ortner at edu.fh-kaernten.ac.at> wrote:
>>
>> thx for the link but this link was the reason i tried the {theme: null}
>> thing; and it worked but not solving my problem cause this is what
>> causing
>> my problem with the vanished buttons!
>>
>> maybe i dont understand it right but maybe someone can point me to the
>> solution
> 
> Hello
> 
> Could you show us your HTML page so that we can help you understand
> what's wrong?
> 
> Thanks,
> --
> Eric
> _______________________________________________
> Users mailing list
> Users at openlayers.org
> http://openlayers.org/mailman/listinfo/users
> 
> 

-- 
View this message in context: http://www.nabble.com/theme%3A-null-%3D-vanished-buttons%21--tf4776523.html#a13700883
Sent from the OpenLayers Users mailing list archive at Nabble.com.