AnsweredAssumed Answered

Single vs Double Quotes (Very Confusing!!)

Question asked by hiyatran on Jun 6, 2012
Latest reply on Jun 7, 2012 by jgaa
The row in the table would highlight whenever I mouse over it. 
This works perfectly in HTML but I would like to convert from HTML code to Javascritp code to make it more dynamic.
<html> <body>  <TABLE border=1>  <TR bgcolor="#FFFFFF" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#FFFFFF';">    <TD>Mauritania</td><TD>21N</TD><TD>24N</TD><TD> </TD><TD> </TD>  </TR>  <TR bgcolor="#FFFFFF" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#FFFFFF';">    <TD>Myanmar</td><TD> </TD><TD>M TBA</TD><TD>M TBA</TD><TD> </TD>  </TR>  <TR bgcolor="#FFFFFF" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#FFFFFF';">    <TD>Nepal</td><TD> </TD><TD> </TD><TD> </TD><TD>M TBA</TD>  </TR> </TABLE>   </body> </html>




I tried to convert it to Javascript but it only gives me a blank screen.
This is very frustrating because I don't know where I'm going wrong.
Any comments of suggestions would be greatly appreciated.

<html> <head> <script type="text/javascript">  function init(){    document.writeln('<TABLE border=1>');     document.writeln('<TR bgcolor="#FFFFFF" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#FFFFFF';">');    document.writeln('<TD>Mauritania</td><TD>21N</TD><TD>24N</TD><TD> </TD><TD> </TD> </TR>');     document.writeln('<TR bgcolor="#FFFFFF" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#FFFFFF';">');    document.writeln('<TD>Myanmar</td><TD> </TD><TD>M TBA</TD><TD>M TBA</TD><TD> </TD></TR>');     document.writeln('<TR bgcolor="#FFFFFF" onMouseOver="this.bgColor='gold';" onMouseOut="this.bgColor='#FFFFFF';">');    document.writeln('<TD>Nepal</td><TD> </TD><TD> </TD><TD> </TD><TD>M TBA</TD></TR></TABLE>')'; } </script> </head>  <body onload="init()"> </body> </html>

Outcomes