http://arkaydea.com/zIndexTest.php
That is the closest thing I can get to the real thing.
On Nov 14, 12:38 pm, ricardobeat <[EMAIL PROTECTED]> wrote:
> Right. This is getting a bit complex. Judging by your code things
> should be going well, could you put up a test page?
>
> the global vars suggestion was a shot in the dark, if you a run loop
> they will be overwritten for every iteration unless the assignment
> doesn't execute.
>
> On Nov 14, 2:23 pm, CodingCyborg <[EMAIL PROTECTED]> wrote:
>
> > I have confirmed that when one of a group of windows is clicked, it
> > runs as if every window in that group was clicked at the same time and
> > runs the code for each of them.
>
> > This causes quite an awkward outcome, but I have no idea why its
> > happening, nor how to stop it.
>
> > On Nov 14, 9:03 am, ricardobeat <[EMAIL PROTECTED]> wrote:
>
> > > I haven't looked througly at your code, but I see you're using global
> > > variables, that might be an issue:
>
> > > $('.draggableWindow').mousedown(function(){
> > > var numWindows=$('.draggableWindow').length + 500;
> > > var zindexIt2 = parseInt($(this).css("z-index"));
> > > if(zindexIt2 < numWindows){
> > > $(this).css("z-index",numWindows);
> > > $('.draggableWindow').each(function(){
> > > var newZ2=$(this).css("z-index");
> > > if(newZ2 > zindexIt2){ //being greater
> > > doesn't mean it's only 1 unit greater
> > > newZ2 = zindexlt2-2; //just to be safe
> > > $(this).css("z-index",newZ2);
> > > $(this).children('h1').text(parseInt($
> > > (this).css("z-index")));
> > > }
> > > });
> > > }
> > > });
>
> > > On Nov 14, 11:13 am, CodingCyborg <[EMAIL PROTECTED]> wrote:
>
> > > > jQuery('.draggableWindow').mousedown(function(){
> > > > numWindows=jQuery('.draggableWindow').size() + 500;
> > > > zindexIt2 = parseInt($(this).css("z-index"));
> > > > if(zindexIt2 < numWindows){
> > > > $(this).css("z-index",numWindows);
> > > > $('.draggableWindow').each(function(){
> > > > newZ2=$(this).css("z-index");
> > > > if(newZ2 > zindexIt2){
> > > > newZ2--;
> > > > $(this).css("z-index",newZ2);
> > > >
> > > > $(this).children('h1').text(parseInt($(this).css("z-index")));
> > > > }
> > > > });
> > > > }
> > > > });
>
> > > > I added a line so I could watch the z-index movements of the draggable
> > > > windows. I found that they are all on separate layers but for some
> > > > reason instead of each of them above the one you bring to front
> > > > dropping one, some will drop two while others don't move. I'm not sure
> > > > why this is happening, it's almost as if some windows are run through
> > > > the .each() multiple times while others don't move. Or when others go
> > > > through it they affect the first one through it.
>
> > > > Help would be highly appreciated!
>
> > > > On Nov 13, 1:08 pm, CodingCyborg <[EMAIL PROTECTED]> wrote:
>
> > > > > I recently have been playing around with a "Desktop" module that was
> > > > > on nettuts and made a modification for it that doesn't fully work.
> > > > > There are many draggable windows, and in order for them to function
> > > > > like a real desktop they need to have z-index changes such that if you
> > > > > close one on top the last one you had on top is right below it.
>
> > > > > I believe my error comes in with "this" or possibly something else,
> > > > > but when you pull one to the front it causes some or all of the others
> > > > > to end up in the same z-index causing them to not stay in order of
> > > > > recently viewed.
>
> > > > > jQuery('.draggableWindow').mousedown(function(){
> > > > > numWindows=jQuery('.draggableWindow').size() +
> > > > > 500;//the + 500 is to
> > > > > make sure they are above other objects on the page
> > > > > zindexIt2 = parseInt($(this).css("z-index"));
> > > > > if(zindexIt2 < numWindows){
> > > > > $(this).css("z-index",numWindows);//brings to
> > > > > front
> > > > >
> > > > > $('.draggableWindow').each(function(){//supposed to drop others
> > > > > back one...
> > > > > newZ2=$(this).css("z-index");
> > > > > if(newZ2 > zindexIt2){
> > > > > newZ2--;
> > > > > $(this).css("z-index",newZ2);
> > > > > }
> > > > > });
> > > > > }
> > > > > });
