Closed Thread Icon

Preserved Topic: Simple dhtml-slide? Pages that link to <a href="https://ozoneasylum.com/backlink?for=18257" title="Pages that link to Preserved Topic: Simple dhtml-slide?" rel="nofollow" >Preserved Topic: Simple dhtml-slide?\

 
Author Thread
Rane
Bipolar (III) Inmate

From: Denmark
Insane since: Oct 2001

posted posted 03-19-2002 19:08

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

InI
Paranoid (IV) Mad Scientist

From: Somewhere over the rainbow
Insane since: Mar 2001

posted posted 03-19-2002 19:52

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.

Rane
Bipolar (III) Inmate

From: Denmark
Insane since: Oct 2001

posted posted 03-19-2002 19:58

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).]

u-neek
Bipolar (III) Inmate

From: Berlin, Germany
Insane since: Jan 2001

posted posted 03-19-2002 20:58

Take a look in this thread.

Rane
Bipolar (III) Inmate

From: Denmark
Insane since: Oct 2001

posted posted 03-19-2002 21:43

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....

InI
Paranoid (IV) Mad Scientist

From: Somewhere over the rainbow
Insane since: Mar 2001

posted posted 03-19-2002 22:12

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.

Rane
Bipolar (III) Inmate

From: Denmark
Insane since: Oct 2001

posted posted 03-19-2002 22:36

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).]

Rane
Bipolar (III) Inmate

From: Denmark
Insane since: Oct 2001

posted posted 03-19-2002 22:49

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?

InI
Paranoid (IV) Mad Scientist

From: Somewhere over the rainbow
Insane since: Mar 2001

posted posted 03-19-2002 23:36

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.

Rane
Bipolar (III) Inmate

From: Denmark
Insane since: Oct 2001

posted posted 03-19-2002 23:55

Thanks once again Ini

I'll look into it in the morning

Rane
Bipolar (III) Inmate

From: Denmark
Insane since: Oct 2001

posted posted 03-20-2002 09:41

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?

InI
Paranoid (IV) Mad Scientist

From: Somewhere over the rainbow
Insane since: Mar 2001

posted posted 03-20-2002 11:03

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.

Rane
Bipolar (III) Inmate

From: Denmark
Insane since: Oct 2001

posted posted 03-20-2002 11:54

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..."

kuckus
Bipolar (III) Inmate

From: Berlin (almost)
Insane since: Dec 2001

posted posted 03-20-2002 12:25

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

code:
if (something=false) {
// do everything you like...

}
else {

}


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

kuckus

InI
Paranoid (IV) Mad Scientist

From: Somewhere over the rainbow
Insane since: Mar 2001

posted posted 03-20-2002 13:58

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.

Rane
Bipolar (III) Inmate

From: Denmark
Insane since: Oct 2001

posted posted 03-20-2002 14:15

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.

Quarath
Bipolar (III) Inmate

From: Magna, UT
Insane since: May 2000

posted posted 03-22-2002 02:40

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.?

Quarath
Bipolar (III) Inmate

From: Magna, UT
Insane since: May 2000

posted posted 03-22-2002 03:04

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.

kuckus
Bipolar (III) Inmate

From: Berlin (almost)
Insane since: Dec 2001

posted posted 03-22-2002 07:20

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

« BackwardsOnwards »

Show Forum Drop Down Menu