syntax - Simple Javascript if statement problem -
i'm sure solution glaringly obvious, i've spent hour faffing appreciate help!
the following javascript meant make div visiable , div invisible if variable loggedin="true":
/* javascript */ function showarticle() { document.getelementbyid('full').style.display = 'block'; document.getelementbyid('summary').style.display = 'none'; } var loggedin="true"; var owned="true"; if (loggedin="true") { document.write("logged in"); } if (owned="true") { showarticle(); }
.
<!-- html --> <div id="summary">lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> <div id="full" style="display:none;">lorem ipsum dolor sit amet, consectetur adipisicing elit. nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur. <div>
am right in thinking issue calling of showarticle function?
i copied code text file , tried - , had problem.
i put javascript in script tags above html.
<html> <body> <script> function showarticle() { document.getelementbyid('full').style.display = 'block'; document.getelementbyid('summary').style.display = 'none'; } var loggedin="true"; var owned="true"; if (loggedin="true") { document.write("logged in"); } if (owned="true") { showarticle(); } </script> <!-- html --> <div id="summary">lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> <div id="full" style="display:none;">lorem ipsum dolor sit amet, consectetur adipisicing elit. nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur. <div> </body> </html>
this fails because when javascript runs div tags have not been added dom, getelementbyid returns null. found using debugging javascript in firebug / firefox.
if moved javascript after html, works - dom loaded items.
<html> <body> <!-- html --> <div id="summary">lorem ipsum dolor sit amet, consectetur adipisicing elit.</div> <div id="full" style="display:none;">lorem ipsum dolor sit amet, consectetur adipisicing elit. nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur. <div> <script> function showarticle() { document.getelementbyid('full').style.display = 'block'; document.getelementbyid('summary').style.display = 'none'; } var loggedin="true"; var owned="true"; if (loggedin="true") { document.write("logged in"); } if (owned="true") { showarticle(); } </script> </body> </html>
Comments
Post a Comment