Background changes to blue color when a popup is moved across in IE8
in [JavaScript]
|
Prev: FAQ Topic - How do I check to see if a child window is open, before opening another? (2010-06-20)
Next: Need help with setTimeout
From: rf on 20 Jun 2010 22:07 "venu madhav" <venutaurus539(a)gmail.com> wrote in message news:14aafcd3-0faa-4225-b440-944c62a9c9fc(a)k25g2000prh.googlegroups.com... On Jun 20, 5:40 pm, "rf" <r...(a)z.invalid> wrote: > "venu madhav" <venutaurus...(a)gmail.com> wrote in message > > news:bf6aa8bb-ce42-4818-8b6a-2086d7d5f63a(a)u3g2000prl.googlegroups.com... > On Jun 20, 4:44 pm, "rf" <r...(a)z.invalid> wrote: > > > > > > > "venu madhav" <venutaurus...(a)gmail.com> wrote in message > > >news:62a9a653-c649-4f81-ac19-b5e51bdc6a6c(a)t26g2000prt.googlegroups.com... > > > > Hi, > > > In my application I've a table which displays details obtained from > > > the database. It also has a dhtml popup which displays some more > > > details. Now when I move the popup across the page in IE8 the > > > background turns blue in color. I couldn't figure out the reason why? > > > One more problem I am facing is , when I move the popup to the > > > lower edge of the screen, the whole page is moving up ( along with the > > > scroll bar) and I am seeing white background after the whole page > > > moves up. > > > Can some one please help me in figuring out the reason. > > > When you are moving the popup you are not cancelling mouse events. Those > > events are getting through to the underlying page which thinks you are > > using > > the mouse to select an area. > > > Perform the actions of "moving" the popup when there is no popup > > displayed. > > You'll see what is happenning. > > Thank you for the reply. I'll try disabling the mouse select events. > But what could be the reason for the entire page moving up? > > Once again try this without the popup there. Left click and then move the > mouse below the viewport and the page will scroll up. That's how you > select > stuff below the viewport, in just about every program that allows > selection > that I have ever seen.- Hide quoted text - > > - Show quoted text - >Sir, > I did what you've mentioned. Its true that the page moves below >if you click some where on the text and drag it. But the moving of the >view port ends where the scroll bar ends. But with the popup, even the >end of the scroll bar is moving up. Yes. That is what I would expect. We have established that the mouse events are bubbling up to the document level, and the document is being scrolled up when the cursor is dragged below the bottom of the viewport. Now, think about what happens when you have a popup there. You are dragging the popup below the bottom of the viewport. When those drag events bubble up the document is scrolled up. What happens next? Your popup is below the bottom of the viewport *because that is where you have just dragged it to*. So the document is scrolled up as there is now content below the bottom of the viewport that needs to be "selected". What happens next? Your popup is below the bottom of the viewport *because that is where you have just dragged it to*. So the document is scrolled up as there is now content below the bottom of the viewport that needs to be "selected". What happens next? Your popup is below the bottom of the viewport *because that is where you have just dragged it to*. So the document is scrolled up as there is now content below the bottom of the viewport that needs to be "selected". See a pattern emerging here? The page would scroll to infinity if you had enough time. The same thing would happen that ---> way if you were to drag your popup off the right hand side of the viewport. >Hence white space is showing up on >the screen with all the data part moved up. But this behavior is not >observed on Firefox. Firefox (and every other browser) handles events differently to IE. Quirksmode has an article on the matter: http://www.quirksmode.org/js/introevents.html > Since I cant attach a screen shot here, if you don't have any >problem, I can send a screen shot to your mail. Plz let me know. No need. I know exactly what is going on :-)
From: venu madhav on 21 Jun 2010 06:28 On Jun 21, 7:07 am, "rf" <r...(a)z.invalid> wrote: > "venu madhav" <venutaurus...(a)gmail.com> wrote in message > > news:14aafcd3-0faa-4225-b440-944c62a9c9fc(a)k25g2000prh.googlegroups.com... > On Jun 20, 5:40 pm, "rf" <r...(a)z.invalid> wrote: > > > > > "venu madhav" <venutaurus...(a)gmail.com> wrote in message > > >news:bf6aa8bb-ce42-4818-8b6a-2086d7d5f63a(a)u3g2000prl.googlegroups.com... > > On Jun 20, 4:44 pm, "rf" <r...(a)z.invalid> wrote: > > > > "venu madhav" <venutaurus...(a)gmail.com> wrote in message > > > >news:62a9a653-c649-4f81-ac19-b5e51bdc6a6c(a)t26g2000prt.googlegroups.com.... > > > > > Hi, > > > > In my application I've a table which displays details obtained from > > > > the database. It also has a dhtml popup which displays some more > > > > details. Now when I move the popup across the page in IE8 the > > > > background turns blue in color. I couldn't figure out the reason why? > > > > One more problem I am facing is , when I move the popup to the > > > > lower edge of the screen, the whole page is moving up ( along with the > > > > scroll bar) and I am seeing white background after the whole page > > > > moves up. > > > > Can some one please help me in figuring out the reason. > > > > When you are moving the popup you are not cancelling mouse events. Those > > > events are getting through to the underlying page which thinks you are > > > using > > > the mouse to select an area. > > > > Perform the actions of "moving" the popup when there is no popup > > > displayed. > > > You'll see what is happenning. > > > Thank you for the reply. I'll try disabling the mouse select events. > > But what could be the reason for the entire page moving up? > > > Once again try this without the popup there. Left click and then move the > > mouse below the viewport and the page will scroll up. That's how you > > select > > stuff below the viewport, in just about every program that allows > > selection > > that I have ever seen.- Hide quoted text - > > > - Show quoted text - > >Sir, > > I did what you've mentioned. Its true that the page moves below > >if you click some where on the text and drag it. But the moving of the > >view port ends where the scroll bar ends. But with the popup, even the > >end of the scroll bar is moving up. > > Yes. That is what I would expect. > > We have established that the mouse events are bubbling up to the document > level, and the document is being scrolled up when the cursor is dragged > below the bottom of the viewport. > > Now, think about what happens when you have a popup there. You are dragging > the popup below the bottom of the viewport. When those drag events bubble up > the document is scrolled up. > > What happens next? Your popup is below the bottom of the viewport *because > that is where you have just dragged it to*. So the document is scrolled up > as there is now content below the bottom of the viewport that needs to be > "selected". > > What happens next? Your popup is below the bottom of the viewport *because > that is where you have just dragged it to*. So the document is scrolled up > as there is now content below the bottom of the viewport that needs to be > "selected". > > What happens next? Your popup is below the bottom of the viewport *because > that is where you have just dragged it to*. So the document is scrolled up > as there is now content below the bottom of the viewport that needs to be > "selected". > > See a pattern emerging here? The page would scroll to infinity if you had > enough time. The same thing would happen that ---> way if you were to drag > your popup off the right hand side of the viewport. So, should we leave it as an expected behavior or is there any fix for it? I also noticed it moving to its right too :-) > > >Hence white space is showing up on > >the screen with all the data part moved up. But this behavior is not > >observed on Firefox. > > Firefox (and every other browser) handles events differently to IE. > Quirksmode has an article on the matter:http://www.quirksmode.org/js/introevents.html > > > Since I cant attach a screen shot here, if you don't have any > > >problem, I can send a screen shot to your mail. Plz let me know. > > No need. I know exactly what is going on :-)
From: rf on 21 Jun 2010 06:57 "venu madhav" <venutaurus539(a)gmail.com> wrote in message news:309a82c9-09e3-480d-b34c-e7d502cf5550(a)a39g2000prb.googlegroups.com... On Jun 21, 7:07 am, "rf" <r...(a)z.invalid> wrote: > >Sir, > > I did what you've mentioned. Its true that the page moves below > >if you click some where on the text and drag it. But the moving of the > >view port ends where the scroll bar ends. But with the popup, even the > >end of the scroll bar is moving up. > > Yes. That is what I would expect. > <snip> >So, should we leave it as an expected behavior or is there any fix for >it? I also noticed it >moving to its right too :-) <sigh/> Your drag/drop code, the bit that moves the popup window around, should not let mouse events bubble up to the document level. I thought we covered that back in my first or second reply. The behaviour is expected when events are allowed to bubble up. This is not the *required* behaviour. The required behaviour is for your drag/drop code to action the mouse events and then cancel them. Since I have not seen your code I cannot suggest a way to do this but things like returning false from *every* mouse event handler, and setting event::cancelbubble to true come to mind. It's been so long since I wrote the only drag/drop handler I ever need that I can't remember the exact details, especially the quirks one has to use to make IE play the game. There are a million pages out there that have drag/drop in some form or another. Search for one and look at the code. Specificaly look to see what happens after they have actioned mouse events.
From: venu madhav on 24 Jun 2010 09:58 On Jun 21, 3:57 pm, "rf" <r...(a)z.invalid> wrote: > "venu madhav" <venutaurus...(a)gmail.com> wrote in message > > news:309a82c9-09e3-480d-b34c-e7d502cf5550(a)a39g2000prb.googlegroups.com... > On Jun 21, 7:07 am, "rf" <r...(a)z.invalid> wrote:> >Sir, > > > I did what you've mentioned. Its true that the page moves below > > >if you click some where on the text and drag it. But the moving of the > > >view port ends where the scroll bar ends. But with the popup, even the > > >end of the scroll bar is moving up. > > > Yes. That is what I would expect. > > <snip> > > >So, should we leave it as an expected behavior or is there any fix for > >it? I also noticed it > >moving to its right too :-) > > <sigh/> > > Your drag/drop code, the bit that moves the popup window around, should not > let mouse events bubble up to the document level. I thought we covered that > back in my first or second reply. > > The behaviour is expected when events are allowed to bubble up. This is not > the *required* behaviour. The required behaviour is for your drag/drop code > to action the mouse events and then cancel them. > > Since I have not seen your code I cannot suggest a way to do this but things > like returning false from *every* mouse event handler, and setting > event::cancelbubble to true come to mind. It's been so long since I wrote > the only drag/drop handler I ever need that I can't remember the exact > details, especially the quirks one has to use to make IE play the game. > > There are a million pages out there that have drag/drop in some form or > another. Search for one and look at the code. Specificaly look to see what > happens after they have actioned mouse events. I am using DHTML window to open that popup. I am still trying to fix it but couldn't till now. Shall I paste some code snippets related to that so that you can give me some suggestions.
From: Thomas 'PointedEars' Lahn on 25 Jun 2010 16:18
venu madhav wrote: > "rf" wrote: >> [another full quote] > > I am using DHTML window to open that popup. I am still trying to fix > it but couldn't till now. Shall I paste some code snippets related to > that so that you can give me some suggestions. Thou shalt not post until thou hast read (the FAQ). <http://jibbering.com/faq/#posting> SCNR PointedEars -- Use any version of Microsoft Frontpage to create your site. (This won't prevent people from viewing your source, but no one will want to steal it.) -- from <http://www.vortex-webdesign.com/help/hidesource.htm> (404-comp.) |