<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 15 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-fareast-language:EN-US;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
span.E-MailFormatvorlage17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri","sans-serif";
mso-fareast-language:EN-US;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:70.85pt 70.85pt 2.0cm 70.85pt;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=DE link="#0563C1" vlink="#954F72"><div class=WordSection1><p class=MsoNormal>Hello again,<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>sorry for asking so many Questions.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>I’m trying to create a custom toolbar which should be displayed outside the map.<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>I use the following code. This results in the map and the headline are displayed but not the panel:<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><html><o:p></o:p></p><p class=MsoNormal><head><o:p></o:p></p><p class=MsoNormal> <title>OpenLayers Example</title><o:p></o:p></p><p class=MsoNormal> <link rel="stylesheet" href="OpenLayers/theme/default/style.css" type="text/css"><o:p></o:p></p><p class=MsoNormal> <link rel="stylesheet" href="style.css" type="text/css"><o:p></o:p></p><p class=MsoNormal> <o:p></o:p></p><p class=MsoNormal> <style type="text/css"><o:p></o:p></p><p class=MsoNormal> .olControlPanel div { <o:p></o:p></p><p class=MsoNormal> display:block;<o:p></o:p></p><p class=MsoNormal> width: 34px;<o:p></o:p></p><p class=MsoNormal> height: 34px;<o:p></o:p></p><p class=MsoNormal> margin: 5px;<o:p></o:p></p><p class=MsoNormal> background-color:white;<o:p></o:p></p><p class=MsoNormal> }<o:p></o:p></p><p class=MsoNormal> <o:p></o:p></p><p class=MsoNormal> .olControlPanel .olControlZoomBoxItemInactive { <o:p></o:p></p><p class=MsoNormal> width: 32px; <o:p></o:p></p><p class=MsoNormal> height: 32px;<o:p></o:p></p><p class=MsoNormal> background-image: url("Bilder/ZoomIn.png");<o:p></o:p></p><p class=MsoNormal> }<o:p></o:p></p><p class=MsoNormal> .olControlPanel .olControlZoomBoxItemActive { <o:p></o:p></p><p class=MsoNormal> width: 32px; <o:p></o:p></p><p class=MsoNormal> height: 32px;<o:p></o:p></p><p class=MsoNormal> background-image: url("Bilder/ZoomIn.png");<o:p></o:p></p><p class=MsoNormal> }<o:p></o:p></p><p class=MsoNormal> </style><o:p></o:p></p><p class=MsoNormal> <o:p></o:p></p><p class=MsoNormal> <script type="text/javascript" src="OpenLayers/lib/OpenLayers.js"></script><o:p></o:p></p><p class=MsoNormal> <o:p></o:p></p><p class=MsoNormal> <script type="text/javascript"><o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal> <o:p></o:p></p><p class=MsoNormal> function init() {<o:p></o:p></p><p class=MsoNormal> var map = new OpenLayers.Map('map', {<o:p></o:p></p><p class=MsoNormal> projection: new OpenLayers.Projection("EPSG:31468"),<o:p></o:p></p><p class=MsoNormal> maxExtent: new OpenLayers.Bounds(4584589,5351093,4609391,5362234),<o:p></o:p></p><p class=MsoNormal> controls:[]<o:p></o:p></p><p class=MsoNormal> });<o:p></o:p></p><p class=MsoNormal> <o:p></o:p></p><p class=MsoNormal> var ortho = new OpenLayers.Layer.WMS( "DOP 200",<o:p></o:p></p><p class=MsoNormal> "http://geodaten.bayern.de/ogc/ogc_dop200_oa.cgi",<o:p></o:p></p><p class=MsoNormal> {Layers: "adv_dop200c",<o:p></o:p></p><p class=MsoNormal> isBaseLayer: true}<o:p></o:p></p><p class=MsoNormal> );<o:p></o:p></p><p class=MsoNormal> <o:p></o:p></p><p class=MsoNormal> map.addLayers([ortho]);<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal> var zoomFenster = new OpenLayers.Control.ZoomBox(<o:p></o:p></p><p class=MsoNormal> {title: "Auf Fenster zoomen"});<o:p></o:p></p><p class=MsoNormal> <o:p></o:p></p><p class=MsoNormal> var panel = new OpenLayers.Control.Panel({div: OpenLayers.Util.getElement('paneldiv')});<o:p></o:p></p><p class=MsoNormal> panel.addControls([zoomFenster]);<o:p></o:p></p><p class=MsoNormal> map.addControl(panel);<o:p></o:p></p><p class=MsoNormal> <o:p></o:p></p><p class=MsoNormal> map.zoomToMaxExtent();<o:p></o:p></p><p class=MsoNormal> }<o:p></o:p></p><p class=MsoNormal> </script><o:p></o:p></p><p class=MsoNormal></head><o:p></o:p></p><p class=MsoNormal><body onload="init();"><o:p></o:p></p><p class=MsoNormal> <h1>idomeoWebMap</h1><o:p></o:p></p><p class=MsoNormal> <div style "width:100%" id="paneldiv"></div><o:p></o:p></p><p class=MsoNormal> <div style="width:100%; height:100%" id="map"></div><o:p></o:p></p><p class=MsoNormal></body><o:p></o:p></p><p class=MsoNormal></html><o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal>Thanks and regards<o:p></o:p></p><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><span style='color:#323E4F;mso-fareast-language:DE'>Helmut<o:p></o:p></span></p><p class=MsoNormal><o:p> </o:p></p></div></body></html>