Home/ Questions/Q 3613604
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T22:08:43+00:00

Expected : See 1-5 stars in Google Maps callout box Actual : Page blinks

  • 0

Expected: See 1-5 stars in Google Maps callout box
Actual: Page blinks and shows only a long list of stars on the top of the page.

I suspect I shouldn’t be using document.write?

<html>
    <head>

    <script type="text/javascript">

    //some Google Maps API code

         function showstar(x)
       {
        var i = 0;
        while (i < x)
        {
         document.write("<img src=\"img/star.gif\" width=\"15\" height=\"15\" />");
         i++;
        }
       }

       var html = "Review stars: " showstar(star)

       GEvent.addListener(marker, 'click', function() {
          marker.openInfoWindowHtml(html);
          });
          return marker;
        }

      </script>
    </head>

      <body onload="load()" onunload="GUnload()">
        <div id="map" style="width: 700px; height: 500px"></div>
      </body>

    </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Correct, you should not be using document.write like this – document.write Replaces All Body Content when executed before page load completed.

    Rather than document.write, return the HTML string at the end of the function:

    function showstar(x) {
    var i = 0, starsHTML = "";
    while (i < x) {
        starsHTML += "<img src=\"img/star.gif\" width=\"15\" height=\"15\" />";
        i++;
    }
    return starsHTML;
}

    PS I’m assuming that star is defined and assigned a value somewhere before it is used, that you have not supplied in the code herein.

    • 0