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

Popular posts from this blog

java - SNMP4J General Variable Binding Error -

windows - Python Service Installation - "Could not find PythonClass entry" -

Determine if a XmlNode is empty or null in C#? -