firefox - There are no scripts, but the page is still loading.

pizzipie · 11-21-2015, 02:46 PM

Hi,
When running below code I keep getting subject error message. The JSON data returned by the php file is correct and the database is populated correctly.

I checked with JAVASCRIPT 'Lint' monitor and code is ok? Code follows.

Code:

<!DOCTYPE html>

    <html>

    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
       
    <title> GPS Information from Garman GPSmap76CSx </title>

    <!-- ============== styles  ================ -->

    <link rel="stylesheet " type="text/css" href="css/gps.css" />

    <!-- ============== scripts1 ================ -->

       <script  type="text/javascript" src="../jquery/jquery-1.9.1.js"></script>   

    <body>
    <script type="text/javascript">

    // Since I am getting out of memory error using the <form>
    // creating var and calling AJAX directly to test php response.

    $(document).ready(function () {

    var file="waypoints.gpx";

    myAjaxCall(file);
       
    }); // end ready

    </script>


    <!-- =============== html  ================== -->

    <div class="wrapper">

    <!--   ignore for now - creates out of memory error
          
    <div id="forms">

        <p>To Down load a Garman GPX file directly to 'mymapping' database file.</p>
       
        <p> <label for='gpxname'>Enter GPX File Name</label>
          <input type="button" style="width:170px" class='hov'  name='gpxname' id='gpxname'/><br>             
        </p>

       
    </div>
     -->
     
    </div>

    <div id="rbox" >


    </div>

    <!-- =============== scripts2 ================ -->

    <script type="text/javascript">

    // ignore for now

    /*
    $('#gpxname').change(function ()  {
       var filename=$('#gpxname').val();

        myAjaxCall(filename); });
    */            
    </script>

    <!-- ============  Function showTable  =================== -->
    <!--  ignore for now

    <script type="text/javascript">

    function showTable(data) {

    alert("in showTable");


    }

    </script>
    -->

    <script type="text/javascript">

    <!-- ============  Function myAjaxCall  =================== -->

    function myAjaxCall(file) {

    var request = $.ajax({
        url: "error-downloadGpx.php",
        type: "GET",
        data: {"gpxfile":file},
        dataType: "json"       
    });

    request.done(showdata);

    request.fail(function( jqXHR, textStatus ) {
      alert("Request failed, see firebug."); //document.write( "Request failed: " + textStatus );   
    });

    function showdata(data) {  // shows correct data but page keeps loading???

    $.each(data, function () {

       $.each(this, function (key, value) {
       
             document.write(value+", ");

    }); // each

    document.write("<br><br>");

    }); // each

    } // show

    }// myAjaxCall

    </script>

    </body>
    </html>

sag47 · 11-26-2015, 02:30 AM

One thing that jumps out at me is no closing </head> tag. Though, the browser quirks mode should take care of that. Perhaps use a W3C validator to validate your HTML.

Tim Abracadabra · 12-05-2015, 07:37 PM

Quote:

Code:

<!-- ============  Function showTable  =================== -->
    <!--  ignore for now

Noticed the above is missing the HTML comment termination -->

Edit: Saw the --> later in the code. Never mind.
As sag47 says, a check with a validator may help.

Tim

sgosnell · 12-06-2015, 09:47 AM

As a side note, you're misspelling Garmin, but that has nothing to do with your issue. I have no help for that.