Single vs Double Quotes (Very Confusing!!)

LTran — Thu, 07 Jun 2012 00:53:46 GMT

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>

Re: Single vs Double Quotes (Very Confusing!!)

JenniferGaa — Thu, 07 Jun 2012 12:23:12 GMT

You need to escape the single quotes that are inside your document.writeln statements and you also have an extra ' at the end of your last document.writeln statement.

This works for me:

<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>

topic Single vs Double Quotes (Very Confusing!!) in ArcGIS JavaScript Maps SDK Questions

Single vs Double Quotes (Very Confusing!!)

Re: Single vs Double Quotes (Very Confusing!!)