Closed Thread Icon

Topic awaiting preservation: Left-sliding pop out menu/image (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=8421" title="Pages that link to Topic awaiting preservation: Left-sliding pop out menu/image (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: Left-sliding pop out menu/image <span class="small">(Page 1 of 1)</span>\

 
Raedon
Obsessive-Compulsive (I) Inmate

From: Chicago, IL, USA
Insane since: Dec 2002

posted posted 12-04-2002 17:34

Hi.

I'm trying to find a left-sliding pop out menu and have had no luck in about 4 hours of searching. What I am trying to do is on the right side of my clients page will be an image, in the right channel. This image will need to be set relative due to content appearing above it being dynamic in size and presentation.

On this image will be 3 small tabs (in the left upper corner), when you click one of the tabs an image the same size as the original will slide out to the left over the page content in the middle channel. So, essentially, you'll have the image on the right, click a tab, image slides out from main image on right to the left. Click another tab and they switch or you can close the current open tab.

I'm new to DHTML, I'm an ASP/VB developer and our designers have really always been the ones to handle the DHTML scripting so forgive my ignorance on this one.

So far I have found this, (http://www.dyn-web.com/dhtml/glide.html), using the 'slide layers in/out onclick' solution I've tried to make it work for me, the only problem is I have no idea how to make this slide from left to right instead of right to left.

Can anyone lend a helping hand? Thanks much.

Best,
Raedon

Hugh
Paranoid (IV) Inmate

From: Dublin, Ireland
Insane since: Jul 2000

posted posted 12-04-2002 19:55

Your asking a bit much there I think. I take it you know NS + IE use different code yea ? document.all(IE) etc..
basically you set up a <DIV id=pic>fsfdsf</div> then stick #pic {position:absolute;} in your style tags. Make a timed loop
to continually increment the div's style.pixelLeft value until its there. This is such a bad explanation I dont know why Im writing this.

Eh.. use VB script then. Im sorry but its too much to explain right now. If you want to learn JS , learn it first if ya know what I mean (not in an insulting fashion). Look at examples. .. also this kind of thing is on everyone and their friends site, it should be hard to find a free commented source. I've forgotten any urls to example sites, javascripts.com or dhtmlcentral.com I think.

BTW you'll need these:

timer = setInterval('runfunction()',1000); // Initiates timer, to run "runfunction()" every 1(x1000) seconds.
clearTimeout(timer); // This stops the timer.

Also:



« BackwardsOnwards »

Show Forum Drop Down Menu