Display a div when a user clicks using a javascript function

Question

I need to display on a webpage a div when a user clicks on a button. Does someone know how to do it ?

My code so far :

<body onload ="init()">
      <input type="button" value="Display the div tree" onclick="check();" />

      <script ="text/javascript">

      function check() {
      // I'd like to display on the page the div tree
      }

     </script>

      <div id = "tree" style="display:none"> // I don't want to display it unless the user clicks on the button "Display the div tree"
      </div>      

</body>

thanks,

Bruno

<script ="text/javascript"> => <script type="text/javascript"> — stecb
– stecb, Commented Apr 15, 2011 at 9:44

niksvp · Accepted Answer · 2011-04-15 09:40:37Z

2

document.getElementById('tree').style.display='';

Include this in your check function

answered Apr 15, 2011 at 9:40

niksvp

5,5512 gold badges28 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

niksvp Over a year ago

@Bruno -just try placing your script on the top of your page surrounded by <head>

oezi · Accepted Answer · 2011-04-15 09:47:40Z

1

i'm not sure if i understood the question, this seems a bit too easy:

function check() {
  document.getElementById('tree').style.display=''; // or display='block';
}

EDIT :
the reason this dooesn't work for you is an error in your code. please change this line:

<script ="text/javascript">

to

<script type="text/javascript">

and everything wiill be fine. also, you should place the script in the head of your document, but thats not absolutely neccessary.

edited Apr 15, 2011 at 9:47

answered Apr 15, 2011 at 9:40

oezi

51.9k10 gold badges102 silver badges119 bronze badges

1 Comment

tradyblix Over a year ago

do you have a content in between your div that will tell you that it's displayed instead of just being <div id="tree" style="display:none"></div>?

Collectives™ on Stack Overflow

Display a div when a user clicks using a javascript function

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related