How to show the invisible divider

Asked By Thileep

31-Aug-10 10:10 AM

Earn up to 0 extra points for answering this tough question.

Hai,
Initially I got divider like this

<div Visible="False" id="sampdivider"><input type="image" name="imageField" src="images/apt_4d_btn3.jpg" /></div>

In run time I have to show the divider or have to change 'false' into 'true'

re: How to show the invisible divider

Goniey N replied to Thileep

31-Aug-10 11:27 AM

Reply

-- Try Below Code :

01.<script type="text/javascript" >

02. function Visible()

03. {

04. MyDiv.innerHTML = "<div visible="true" id="sampdivider"><input type="image" name="imageField" src="file:///C:/img/birthday991.gif"/></div>"

05. }

06.</script>

07.

08.<div id="MyDiv">

09. <div id="sampdivider" visible="false">

10. <input type="image" name="imageField" src="file:///C:/img/birthday991.gif" />

11. </div>

12.</div>

-- Hope This Will Help You...

re: How to show the invisible divider

Mohan Raj Aryal replied to Thileep

31-Aug-10 11:28 AM

Reply

You can write following sample Javascript statements for that:

To Hide div

mydiv = document.getElementById("sampdivider");

mydiv.style.display = "none"; //Hide Div

To show div:

mydiv = document.getElementById("sampdivider");

mydiv.style.visibility = "block"; //Show Div