|
|
|
Newbie
show a div having style="display:none" when get value to the js variable
Initially the div id =" showHide" is invisible. I want to make it visible when the value of vall is not null. But the code is not working. Though variable vall is getting values, the div is still not visible. What is the problem with js codescript?? How to solve this problem??
Code:<head> <script language="javascript"> var vall = "<%=vall%>"; <% System.out.println("jsvar="+vall);%> /* vall is getting the values*/ if (vall != null) { mydiv = document.getElementById("showHide"); mydiv.style.visibility = "visible"; } </script> </head> <body> <div id =" showHide" style="display:none"> /*HTML TABLE*/ </div> </body>
Established Member
The following works for me:
Although there are compatibility issues with some versions of IE. I think in IE you can do:Code:document.getElementById('showHide').setAttribute('style', 'display: block;');
Code:document.getElementById('showHide').style.cssText = 'display: block;';
Posting Permissions
Reply With Quote