Preserved Topic: Slideing buttons - please help (Page 1 of 1)

Mage wrote a realy nice sliding button page - My questions is can anyone tel me or show me how I would have one of thoses sliding buttons in the format that he wrote it hisplay a new html doc... does the <div> contain an iFrame please anyone.

What I meant to say was WarMage wrote a page at http://clan6x.tripod.com/warmage2/index.html - following that format how do I have the button call a new html and display it in the pedefined area?

Please anyone!

well, i went through that source. (right Mclick - "View Source" )
I noticed that when you have you mouse positioned on the left side of the button and it slides over, it wiggles around and can't decide wheter it the mouse is on the button or not. also it looks funny when scrolling over the very left part of that button.

Why don't you use images (here .gif would be best because of low amount of colors) which swap as soon as you go over it with your mouse?

DocOzone's script is at: http://www.handson.nu/CODING/javascript.shtml

k10


only change remains

That page is based more or less on my page here: http://kublai_khan.tripod.com/dagnabit/slide.html which was inspired by one of pugzly's pages...

It's all CSS - support for it is limited. You could easily use images to duplicate the effect and use a javascript to do an image swap as suggested. The effect is created by switching the CLASS of the div on mouseover...the new class has a left position 50 pixels further to the right than the original class.

The Div that scrolls uses the 'overflow: auto' attribute, which makes it scroll for any portion that exceeds the div's size. Nothing on that page will work for nn4x.

That source is similar to mine at http://www.development.runningwolf.com/development/code/td_change/td_change.htm - all it does is change style information. In Mage's example, he changes the position of the TDs upon mouseover. You could, theoretically, insert HTML into the "home" div with the innerText, innerHTML, outerText, outerHTML commands as mentioned HERE. At least, that's how I see it. To read the original thread about this, check out the GuruGab

Hope this helps.

Thanxs all - but I what I realy want to know is if I take slide's html doc, how would I get the slide over which calls a div[layer], how would I get it to call a iFrame so as I can have a new html doc displayed in the predefined area of the slide page?

I'm afraid you'll have to be a bit more clear.....not entire;ly sure what you're asking still.....

If you know the slide web page I am talking about then you will know that when you click the mouse on one of the buttons an div layer appears in the area allowed for. What I want is when you click the button;s(with the same effect it has now - slide effect)a new html doc not a layer appears inthe area allowed for - I am to sure how to this.
A div is a layer and what ever I put on that layer has to be added to my code but if not sure how I use an iFrame I can call a external html doc and have it displayed. like a TV effect the outer area being the TV and the changing bit the TV screen deppending on what button you choose the screen changes.