: :
This message was edited by Weirdofreak at 2004-4-30 7:53:52
: : You forgot to say please.
: :
: : If I understand correctly, you want to be able to click links and change the contents of a div, correct? Well, you can't do it with HTML alone. You need Javascript and CSS as well. Try this, although I haven't tested it:
: :
: :
<html>
: : <head>
: : <script language="javascript">
: : function show (obj) {
: : var ids = ['box1','box2','box3','box4'];
: : for (i = 0; i < ids.length; i++) {
: : if (obj == ids[i])
: : document.getElementById(obj).style.display = 'block';
: : else
: : document.getElementById(ids[i]).style.display ='none';
: : }
: : }
: : </script>
: : <style type="text/css">
: : div { display: none; }
: : div.first { display: block; }
: : </style>
: : </head>
: : <body>
: : <a href="#" onclick="show('box1'); return false;">First tab</a>
: : <a href="#" onclick="show('box2'); return false;">Second tab</a>
: : <a href="#" onclick="show('box3'); return false;">Third tab</a>
: : <a href="#" onclick="show('box4'); return false;">Fourth tab</a>
: : <div id="box1" class="first">
: : This shows to begin with.
: : </div>
: : <div id="box2" class="first">
: : This doesn't.
: : </div>
: : <div id="box3" class="first">
: : Nor this...
: : </div>
: : <div id="box4" class="first">
: : ...or this.
: : </div>
: : </body>
: : </html>
: :
: : Like I said, I haven't tested it, so it may completely fail to work. Play around with stlyes to make it look how you want.
: :
:
: very very Thank you Mr.Weirdofreak for help me. I worked on your given code and it worked. once again Thank you.
