Home/ Questions/Q 4594470
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T22:49:57+00:00

I have a page with a load of tables on that are created using

  • 0

I have a page with a load of tables on that are created using SQL lookups. Obviously, all of these together take time to load, each table (<div>) is “minimised” as default (I use javascript to hide it until a button is clicked). But these tables are still rendered in the background. What I really want is a way to block all of the div’s content until called. I tried using a php if loop, which worked, but the page needed refreshing, so gave that one up.

Any ideas please? I’ve been looking for ages now.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I did it using $.ajax and load()

    <html>
<body>

<div id="load-div" class="functions">
<span>Load</span>
<input type="submit" value="Go" id="load_basic" />
</div>

<div id="result"  class="functions">

</div>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $.ajaxSetup ({
        cache: false
    });
    var ajax_load = "<img class='loading' src='img/load.gif' alt='loading...' />";

//  load() functions
    var loadUrl = "page1.html";
    $("#load_basic").click(function(){
        $("#result").html(ajax_load).load(loadUrl);
    });


</script>
</body>
</html>
    • 0