- ARCHIVES
- » hi.. i don't know exactly how to put this question, but still want to give it a shot... here it goes.. there has been tons of tutorials on overlaying, which i find helpful of course.. in relation to
Pages: 1
hi.. i don't know exactly how to put this question, but still want to give it a shot... here it goes.. there has been tons of tutorials on overlaying, which i find helpful of course.. in relation to
- kckarl_05
- » n00b
17
0
1969-12-31
hi.. i don't know exactly how to put this question, but still want to give it a shot... here it goes.. there has been tons of tutorials on overlaying, which i find helpful of course.. in relation to
hi.. i don't know exactly how to put this question, but still want to give it a shot...
here it goes.. there has been tons of tutorials on overlaying, which i find helpful of course.. in relation to image slicing/mapping, i would want to learn how to make the "links" link in the same window, not creating a new one if u get what i mean... for example: i would be having a "mainbox" which displays the "aboutme", "testimonials", "friends", etc.. If you click the "aboutme" the "mainbox" would display the texts containing the "aboutme". If you choose to click the "testimonials", the "mainbox" will change its content to my testimonials... the common target of the links is the mainbox.
there... whew. hope someone understands this...
like the genius maker of this layout: http://freyah.110mb.com/overlay/ponzi2.html
thank you for helping 
 |
- mabuhay
- » FTalkManiac
- 849
- 0
- 1969-12-31
Re: hi.. i don't know exactly how to put this question, but still want to give it a shot... here it goes.. there has been tons of tutorials on overlaying, which i find helpful of course.. in relation to
try this... 
Tutorial Making A Hide And Show Boxes Layout ver. 1 and 2
[url]http://theftalk.com/t43548-Tutorial--Making-A-Hide-And-Show--Boxes--Layout-ver.-1-and-2.html[/url]
Tutorial Making A Hide And Show Boxes Layout ver. 1 and 2
[url]http://theftalk.com/t43548-Tutorial--Making-A-Hide-And-Show--Boxes--Layout-ver.-1-and-2.html[/url]
|
- eehjhay
- » FTalkWhiz
- 2692
- 0
- 1969-12-31
Re: hi.. i don't know exactly how to put this question, but still want to give it a shot... here it goes.. there has been tons of tutorials on overlaying, which i find helpful of course.. in relation to
1. First create your mainbox and put an id of anything, I like to id my mainbox as "content"
[quote]<div id="content">this is your mainbox</div>[/quote]
2. Then create as many hidden boxes as you want.
[quote]<div id="comments" class="hide">blah blah</div>
<div id="friends" class="hide">blah blah</div>
<div id="links" class="hide">blah blah</div>[/quote]
3. Since I put their class as "hide" so in my internal CSS will have this code
[quote]<style>
div.hide { display: none }
</style>[/quote]
4. Then put this in your Head section of your HTML
[quote]<script>
function tab(id) {
document.getElementById('[b]content[/b]').innerHTML = document.getElementById(id).innerHTML }
</script>[/quote]
As you can see, inside the getElemendById('content') is the mainbox' id "content"
5. Then as for your links that will open or show or display the hidden boxes, use this pattern
[quote]<a href="javascript:void(0)" onClick="tab('comments')">Show Comments</a>
<a href="javascript:void(0)" onClick="tab('friends')">Show Comments</a>
<a href="javascript:void(0)" onClick="tab('links')">Show Comments</a>[/quote]
As you have notice, inside the tab('') is the hidden boxes' id. This corresponds what hidden boxes should be displayed if the link has been clicked.
|