Preserved Topic: Simple dhtml-slide? (Page 1 of 1)

Evening asylum

Got a simple question for a (hopefully) simple solution from the dhtmlsharks inhere First the situation:

Ive got a layer which is aligned in the bottom-left corner of the browser. Its not positioned absolutely then of course, as it should fit different browser resolutions. Now what I wanna do, is to make the layer slide out of the browser to the right, when clicking a link. When the layer has finished sliding out, a new layer should fade in at the same spot. Kinda like a "change image" function...only with a slide animation.

As Im not much into the dhtml/dom scripting business, I was hoping someone could show me an example page of a dhtml function which fits this plan?

Thanks in advance

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

Dracusis had a script going on http://www.whatever.net.au/~cameron/ozone/slider.html - but it was sliding to the right. Is it possible to modify that script to slide it to the left...and out of the browser?

Its difficult cause of the non-absolute positioning yeah, i realize But then I guess I'll need some kinda calculating-script to make sure its down in the corner in all resolutions....another hard thing :/

Im 100% html-compatible btw - dhtml is just a bit harder for me

I'll post a link soon, when I have some examples to try out - a still-page wont do any good as of now




[This message has been edited by Rane (edited 03-19-2002).]

Take a look in this thread.

Yep, thats the one i was referring to. Just doesnt seem to be able to edit Dracusis' script to make it slide to the left instead of right....

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

Ini,

works perfectly Even with a position:relative.

Got a minor problem tho, which is acceptable but still would be best if it werent there.

Also, I'll have to add a onclick, which changes the "galleri" image and makes it active - together with a new layer/iframe popping up. Gotta be one helluva onclick function, so it seems........any advice on how to do it best?



[This message has been edited by Rane (edited 03-19-2002).]

Or maybe its possible to trigger new sliding effects after eachother?

Like 1st slide the layer completely out to the left - and 2nd trigger a new slide that slides out a 2nd layer

Would that be possible at all or?

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

Thanks once again Ini

I'll look into it in the morning

Ok, havent really tried something out yet but i was wondering:

How do i run a function in continuation of the slide-function? Meaning, that once the sliding animation is finished...it should call a new function (example: a showlayer function). Ive tried putting a alertbox line right under the final line of slide-code, but then it displays the alertbox MANY times during the animation itself...

solution or impossible?

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

I'm sorry if I seem to ask too much.

I've tried learning javascript and it just doesnt seem to stick in my head the same way ASP does. In my opinion its a confusing language (so says my head, anyway) and I hardly doubt I'll ever get to learn it - not the way my life is these days anyway (which is stressing and hardly any time to get to learn new languages properly).

Actually I wasnt asking for a complete working code, but rather if there is a possible solution or if its impossible. Think I was merely looking for the right place to insert the function, but again the javascript way of doing "if-sentences" confuses me cause there aint any "if blabla = 0 THEN do this..."

No if-else in JavaScript? But that's not true!

if (something=false) {

  // do everything you like...



}

else {



}

The syntax may be different from ASP or other languages, but it's all possible.

kuckus

The poster has demanded we remove all his contributions, less he takes legal action.
We have done so.
Now Tyberius Prime expects him to start complaining that we removed his 'free speech' since this message will replace all of his posts, past and future.
Don't follow his example - seek real life help first.

non taken

I did realize that was the if-line to look for actually and I did understand what it meant. What confused me was the specific sliding effect in this case + the fact that my else-sentence (written exactly like your last post actually) didnt work, so i figured i'd done it wrong.

I do understand everything you're writing, but I have to disagree (juuuust a bit) with you on your "you wont learn a thing" comment In my opinion, many people learn by looking at final script examples. Surely they'd learn more if they programmed it themselves, but that'd (in my case anyway) take a lot of time and many "sigh, why wont this friggin thing work"-knock-in-the-table-kickin-the-dog situations - which might end up taking away the mood/will to keep learning.

Im quite aware that you cant just walk inhere and ask for a final script - but sometimes you need to get an example to be able to understand how it works (and to prevent further damage on your dog too) - Ive learned from this thread and for that I thank ya.

I have really appreciated this thread it has helped with my current project at www.finlinson.com/design

I have a related question How can I calculate endPos based on the layerwidth minus the Far right of the window so that it will slid to the edge minus the layer width plus 10 pixels.?

OK I tried

endPos = screen.width - Layerwidth

and it works but only if the browser window is maximized. I guess it captures the resolution set on the monitor not the initial size of the window.

Yes, screen.width is the whole screen's width.

window's width and height in IE:
document.body.clientWidth
document.body.clientHeight

window's width and height in Netscape:
innerWidth
innerHeight