Question

There are a number of JavaScript error messages that I see on this page when I look with Chroms’s JavaScript tool. I am having trouble understanding why they happen. Here is the page:

http://www.comehike.com/outdoors/parks/trailhead.php

Any idea what is the problem with it?

Answer 1

Google Console:

Uncaught TypeError: Cannot read property ‘documentElement’ of null trailhead.php:84

trailhead.php:

request.onreadystatechange = function()
{
      if (request.readyState == 4)
      {
            var xmlDoc = request.responseXML;

            ...

            // obtain the array of markers and loop through it
            markers = xmlDoc.documentElement.getElementsByTagName("marker");

xmlDoc is null, which means the request is either not receiving anything or not receiving valid XML. And it turns out to be the latter:

trailhead_ajax.php:

This page contains the following errors:
error on line 21 at column 2381: attributes construct error
Below is a rendering of the page up to the first error.

In any case, the attribute construction error is because you had (formatted here for legibility):

<marker trailhead_name="Parrish Creek Trail" 
        trailhead_description="From Interstate 15 take Centerville exit 319.
                               Go east on Parrish Lane. At 700 East turn left
                               at the "T." Follow the narrow road to the
                               trailhead." />

You have to escape the "T." as "T.".

Honestly, these error messages aren’t difficult to understand. If anything, they’re incredibly helpful.