DaniWeb IT Discussion Community

Quote:

Originally Posted by cskinpg (Post 677318)

how to create above any one find it sent me the complete source code or link details
thankyou

If I understand correctly, the goal of this forum is to help you learn how to do things or fix things, not to do those things for you.

There are some great books and online tutorials on how to learn to write javascript ... check them out. :-)

Quote:

Originally Posted by cskinpg (Post 677318)

pls refer below like same as using java script:

http://www.cssplay.co.uk/menu/one_page.html

Why not use the CSS method? It will be better supported than a JavaScript one.

Having said all that, here's one way you might do this ...

<html>

<head>

<style type="text/css">



 /* FOR DEMONSTRATION PURPOSES ONLY */

 

body {

  padding: 30px;

  font-family: Arial;

}



.tab {

  cursor: pointer;

  padding: 10px;

  border: 1px solid indigo;

  background: orange;

}



.show {

  display: none;

  position: relative;

  top: 30px;

  width: 100px;

  height: 100px;

  padding: 20px;

  color: white;

  font-size: 18px;

  font-weight: bold;

  border: 1px solid indigo;

  background: silver;

}



</style>

<script type="text/javascript">

window.onload = function () {

  show_div('one');

}



function show_div ( id ) {

  var divs = document.getElementsByTagName('div');

  for ( var i = 0; i < divs.length; i ++ ) {

    var div = divs.item(i);

    if ( /show/.test( div.className ) ) {

      if ( div.id == id ) {

        div.style.display = 'block'; 

      } else {

        div.style.display = 'none';

      }

    }

  }

} 

</script>

</head>

<body>

<div>

  <span class="tab" onmouseover="show_div('one')">one</span>

  <span class="tab" onmouseover="show_div('two')">two</span>

  <span class="tab" onmouseover="show_div('three')">three</span>

</div>

<div class="show" id="one">one</div>

<div class="show" id="two">two</div>

<div class="show" id="three">three</div>

</body>

</html>

Maybe this will get you pointed in the right direction ...

Cheers