CODEWITHSUNDEEP
javascript
Extelliqent
Extelliqent

Reputation: 1856

Is it possible to change display property of div every time page opens

Is is possible to do change display: block; to none; with javascript. I would like to show 2 of them everytime page opens. But I want it to be random and change everytime page opens.

Anybody can help me with this ?

http://jsfiddle.net/WcxdR/1/

Upvotes: 0

Views: 61

Answers (2)

Galled
Galled

Reputation: 4206

First the id of your form elements always has to begin with a letter, something like this:

<div id="i1">Line 1</div>

Then you can access to the style properties in this way:

document.getElementById("i1").style.display

As explained in this link.

Try with this demo.

EDIT:

What you want is simple, review the links that I have write for you for more info.

EDIT2:

Jared Farrish has made a better solution that my in the comments of the anwser of Suraj Chandran, only to emphasize that what we really need is this and using some function to load multiples function on body-onload event.

And I think he is right in what he says.

Upvotes: 1

Suraj Chandran
Suraj Chandran

Reputation: 24801

The below one will hide two of them randomly each time. You could reuse this to show only two instead.

window.onload = function() {  
  var ran = Math.round(Math.random() * 6);
  document.getElementById("" + ran).style.display = 'none';
  ran = Math.round(Math.random() * 6);
  document.getElementById("" + ran).style.display = 'none';
};

P.S: From top of my head. Not tested. P.S: Will need to put a check if both call to random gives same number

Upvotes: 2

Related Questions