RE: [Dynapi-Dev] Layers and text - (The solution)

SourceForge Headquarters 1320 Columbia Street Suite 310 San Diego, CA 92101 +1 (858) 422-6466

Hi All,

Got this information from 
http://dhtmlnirvana.com/oldalchemy/dragfix.htm

...[snip]...

Part of being a developer is to find workarounds to
existing problems. One long time bugbear has been the
highlighting of content when using a drag scroller
dhtml technique. Fortunately, such a workaround
exists. The trick is to create a layer that contains a
blank gif. In the example below a blank gif is used as
a background.

<DIV ID="shieldLayer" STYLE="position: absolute; left:
0px; top: 0px; width: 110%; height: 100%;
background-image: url(images/blank.gif); z-index: 18;
visibility: hidden;"></DIV>

When a onMouseDown event is triggered when we are
using a drag scroll technique we simply toggle the
visibility of the layer to on. When the mouse leaves
the event capturing layer we then hide the
shieldLayer. It is important that the shield layers
z-index be set to higher than everything else on the
page except for the event capturing layer. Do this and
no more highlighting of images and content with
dragging techniques in Internet Explorer.

The other bug is that IE5.5 does not like empty layers
in relation to drag scroll techniques. Therefore, if
you have a layer with no content, it will not capture
events, but if you add something to it, it will
capture the events. That something can be the same
size of the layer like an invisible gif. I can get
things to work just by placing an invisible gif as the
background of the layer and all becomes good.

<DIV ID="eventLayer" STYLE="position: absolute; left:
0px; top: 0px; width: 60px; height: 1020px;
background-image: url(images/blank.gif); z-index: 19;
visibility: hidden;"></DIV>

...[snip]...

PS. Don't we just love Microsoft? :)

--
Raymond Irving

--- Jacob Levy <jy...@mo...> wrote:
> Raymond
> 
> This is easy to fix, then. All you have to do is to
> make the default
> background image a 1x1 GIF, for every layer. So if
> the user does not add
> content or provide her own background image, the
> layer will still be able
> to get events.
> 
> I don't have the code ready to show how to do this
> but it seems easy
> enough for someone who knows their way around the
> dynapi core code..
> 
> --JYL
> 
> > This is a bug in IE. In order for the top layer to
> > listen to onmousemove events you will have to add
> > content to the layer or set a background image
> >
> > We might have to log this inside the
> knowledge-base
> > section of the troubleshooting docs.
> >
> > --
> > Raymond Irving
> >
> > --- Daniel Tiru <de...@ti...> wrote:
> >> Hehe, kul att det blev bra :)
> >>
> >> Well.. I must have support... And have used some
> in
> >> very sharp
> >> enviorments like http://spinn.svt.se which uses
> the
> >> html menu, it works
> >> very nice... Just this one that got a problem...
> But
> >> its "fixed" now.
> >> But i dont know if this fix can be used for
> >> permanent solutions...
> >>
> >> Regards
> >> Daniel
> >>
> >> -----Original Message-----
> >> From: dyn...@li...
> >> [mailto:dyn...@li...]
> On
> >> Behalf Of Michael
> >> Bystrom
> >> Sent: den 11 oktober 2003 02:00
> >> To: dyn...@li...
> >> Subject: Re: [Dynapi-Dev] Layers and text
> >>
> >>
> >>
> >> Nä jag har köpt Ekeskog soffan (den Stora) och
> >> Barkaby fåtöljen alla i
> >> Sand Färg mmmm mycket fint :)
> >>
> >> Yepp trans gif works fine,
> >>
> >> When I think of it I did the same when I wrote my
> >> first api (dhtmlapi).
> >> Then I had the same problem with my list widget.
> >>
> >> Now days I stopped all GUI design for the Mac
> IE5,
> >> there is no more hope
> >> for it and Mozilla and Safari is SOOOOOOO much
> >> faster.
> >>
> >> For IOS I've dropped support for the tree list
> >> widget no match for it...
> >>
> >> Hmmm sad really nice html browser fast really
> fast.
> >> Microsoft works in mysterious ways...
> >>
> >> Oh jag köpte Skyar lampan okså hehe
> >>
> >> Michael
> >>
> >>
> >> > Hi!
> >> >
> >> > Did you buy a "klippan"-sofa? =)
> >> >
> >> > Well.. Can you check the example again? I have
> >> "fixed" the glitch...
> >> > Temporary... And you will see what i mean with
> >> "temporary" and "fix"
> >> > :)
> >> >
> >> > Regards
> >> > Daniel
> >> >
> >> > -----Original Message-----
> >> > From: dyn...@li...
> >> > [mailto:dyn...@li...]
> On
> >> Behalf Of Michael
> >> > Bystrom
> >> > Sent: den 11 oktober 2003 01:39
> >> > To: dyn...@li...
> >> > Subject: Re: [Dynapi-Dev] Layers and text
> >> >
> >> >
> >> > Sorry for the late response I had to go to IKEA
> >> and buy extra sofa :)
> >> >
> >> > Ohh I see what you mean, That IE5 mac will not
> >> fire it's events over
> >> > the html elements. Yep aware this, It refuses
> to
> >> bubble the event down
> >>
> >> > it just sees the html elm and stops.
> >> >
> >> > I've tired and have no fix for this, it's the
> same
> >> for my button
> >> > widget (and
> >> > others) I don't think this is a problem with
> the
> >> api because the api
> >> > 2.5+ has the same problem.
> >> >
> >> > I will not go into this here but Mac IE5 has
> MAJOR
> >> quirks concerning
> >> > events and InsertAdjacentHTML and createElement
> >> when html elements are
> >>
> >> > involved.
> >> >
> >> > If this is something that you REALY need I
> would
> >> use something like
> >> > this. And use it for Mac IE5 specific only.
> >> >
> >> > dynapi.document.onmousemove = function(e){
> >> >
> >> >   var o = lyrWinIETop
> >> >   if( e.getPageX()>o.getPageX()
> >> >   && e.getPageX()<o.getPageX()+o.getWidth()
> >> >   && e.getPageY()>o.getPageY()
> >> >   && e.getPageY()<o.getPageY()+o.getHeight() )
> {
> >> >
> >> o.setBgColor(dynapi.functions.getRandomColor());
> >> >   }
> >> > }
> >> >
> >> > This will create the effect I think you where
> >> after.
> >> >
> >> > Michael
> >> >
> >> >
> >> >
> >> >> Hi Michael!
> >> >>
> >> >> Check out http://www.tiru.se/mobug.html
> >> >>
> >> >> What I get wierd is when using setBgColor() i
> >> think :)
> >> >>
> >> >> Check the example and you will c :)
> >> >>
> >> >> /Daniel
> >> >>
> >> >> -----Original Message-----
> >> >> From: dyn...@li...
> >> >>
> [mailto:dyn...@li...]
> >> On Behalf Of Michael
> >> >> Bystrom
> >> >> Sent: den 10 oktober 2003 08:15
> >> >> To: dyn...@li...
> >> >> Subject: Re: [Dynapi-Dev] Layers and text
> >> >>
> >> >>
> >> >> Show me with code what you mean!
> >> >>
> >> >> obj = dynapi.document.addChild( new DynLayer()
> )
> >> >> Etc...
> >> >>
> >> >>
> >> >> I usually can fix mac things
> >> >> Michael
> >> >>
> >> >>
> >> >>
> >> >> Den 03-10-10 08.05, skrev "Daniel Tiru"
> >> <de...@ti...>:
> >> >>
> >> >>> Hello developers!
> 
=== message truncated ===

__________________________________
Do you Yahoo!?
The New Yahoo! Shopping - with improved product search
http://shopping.yahoo.com