[OpenLayers-Users] How do I show a Control.ZoomBox tool icon in a Control.Panel ??? Resolved

[Brendan Graham]

Hi list,
      The problem has been resolved, although I still have no idea what the 
cause of the problem is. I simply used the referenced INVISIBLE icon on one 
of the currently visible tools. The icon then showed up in it's previously 
invisible position as well. Then I removed replaced all the icon paths 
appropriately and now everything works. I guess that a simple machine reboot 
would have accomplished the same thing.

It appears that the JS interpreter is somehow caching the CSS file and thus 
it does not see that a new CSS div entry has been made.

Perhaps there's a method to dynamically flush the JS CSS entries cache or 
force the interpreter to reread the CSS file when there is no style 
associated with a a Control.

I'm fairly new to JS and OpenLayers (a week) so pardon my ignorance of the 
inner workings of either.

Respectfully,

uSys Integral
Brendan Graham, CTO
e-mail: info at usysinc.com
Tel# 305-793-3778

----------------------------------

Hi list,

This problem is stumping me. I've cheched all the CSS stuff and eventually 
used Firebug.

The div exists in the HTML:

<div class="olControlZoomBoxItemActive"/>

But there's no associated style showing up with Firebug as follows:


.olControlEditingToolbar div {style.css (line 113)
float:right;
height:24px;
margin:5px;
width:24px;
}

The Control.Navigation tool registers:


.olControlEditingToolbar .olControlNavigationItemInactive {style.css (line 
123)
background-image:url(img/pan_off.png);
background-repeat:no-repeat;
}

.olControlEditingToolbar div {style.css (line 113)
float:right;
height:24px;
margin:5px;
width:24px;
}

I've included the CSS file, the offending JavaScript and a print screen of 
Firebug while hovering over the INVISIBLE tool.

Thanks again for you assistance.

Respectfully,

Brendan



 








uSys Integral
Brendan Graham, CTO
e-mail: info at usysinc.com
Tel# 305-793-3778



From: Christopher Schmidt <crschmidt at metacarta.com>
To: info at usysinc.com
CC: users at openlayers.org
Subject: Re: [OpenLayers-Users] How do I show a Control.ZoomBox tool icon in 
a Control.Panel ???
Date: Thu, 28 Jun 2007 23:27:43 -0400
MIME-Version: 1.0
Received: from usysinc.com ([66.49.195.114]) by 
bay0-mc6-f14.bay0.hotmail.com with Microsoft SMTPSVC(6.0.3790.2668); Thu, 28 
Jun 2007 20:27:46 -0700
Received: from newhost93.newhost93-server.com (root at localhost)by usysinc.com 
(8.12.10/8.12.10) with ESMTP id l5T3RjlN020058for <info at usysinc.com>; Thu, 
28 Jun 2007 23:27:45 -0400
Received: from silene.metacarta.com (silene.metacarta.com [65.77.47.18])by 
newhost93.newhost93-server.com (8.12.10/8.12.10) with ESMTP id 
l5T3Rj80020052for <info at usysinc.com>; Thu, 28 Jun 2007 23:27:45
-0400
Received: from localhost (silene.metacarta.com [65.77.47.18])by 
silene.metacarta.com (Postfix) with ESMTP id 90DD714C857F;Thu, 28 Jun 2007 
23:27:45 -0400 (EDT)
Received: from silene.metacarta.com ([65.77.47.18])by localhost 
(silene.metacarta.com [65.77.47.18]) (amavisd-new, port 10024)with ESMTP id 
15487-04; Thu, 28 Jun 2007 23:27:43 -0400 (EDT)
Received: from jannu.metacarta.com (jannu.metacarta.com 
[65.77.47.165])(using TLSv1 with cipher AES256-SHA (256/256 bits))(No client 
certificate requested)by silene.metacarta.com (Postfix) with ESMTP id 
6826614C8566;Thu, 28 Jun 2007 23:27:43 -0400 (EDT)
Received: from crschmidt by jannu.metacarta.com with local (Exim 4.50)id 
1I4795-0003Pg-BF; Thu, 28 Jun 2007 23:27:43 -0400
On Thu, Jun 28, 2007 at 10:56:30PM -0400, Brendan Graham wrote:
 > Hi group,
 >
 > I've spent days trying
to get variations of the following to work, but
 > though the tool is available and can be clicked on and does work, the
 > Control.Panel TOOL IS INVISIBLE. Can anyone tell me how to make the tool
 > visible?

Step one: Add a background color to the 'div {' rule, so you can see
that it's there at all.

Step two: You haven't provided full context, so I don't know for sure,
but is it possible that the path to 'img/foo' is wrong?

I just tried it by putting it in the examples/panel.html example, and
although what you pasted didn't work, when I changed the img locations,
a la:

background-image: url("../theme/default/img/pan_on.png");

It worked fine.

So, is your CSS right? Do you have the files there?

If that doens't work, download Firebug
https://addons.mozilla.org/en-US/firefox/addon/1843 , click 'inspect',
click
on the place where the icon should be, and look at the CSS. Hover
over the 'background-image' css property, and you should get an image.
Check that this works.

Beyond that, I'm a bit short on advice, but that might help get you
pointed in the right direction.

Regards,
--
Christopher Schmidt
MetaCarta

  Make every IM count. Download Messenger and join the i’m Initiative now. 
It’s free.

_________________________________________________________________
PC Magazine’s 2007 editors’ choice for best Web mail—award-winning Windows 
Live Hotmail. 
http://imagine-windowslive.com/hotmail/?locale=en-us&ocid=TXT_TAGHM_migration_HM_mini_pcmag_0507


<< debug.odt >>


<< style.css >>


<< wfs-t.html >>

_________________________________________________________________
Don’t miss your chance to WIN $10,000 and other great prizes from Microsoft 
Office Live http://clk.atdmt.com/MRT/go/aub0540003042mrt/direct/01/