Note that there are some explanatory texts on larger screens.

plurals
  1. POCan't refresh HTML page
    primarykey
    data
    text
    <p>I have a problem. I have made a HTML and PHP page with jQuery, jQuery-ui, jQuery mobile, then kineticjs. When switching to another page, do not refresh the whole page. I also tried using <code>&lt;meta http-equiv="refresh" content="URL=aa.php"&gt;</code> but did not work. In that page I am also using php to get result from that PHP. Here is the code from my php page :</p> <pre><code>&lt;?php if ( isset($_POST['address']) &amp;&amp; isset($_POST['prefix']) &amp;&amp; isset($_POST['levels']) ) { require_once 'convert.php'; $network = new Network($ip, $prefix, $levels); print_html($network); exit(); } ?&gt; &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;meta http-equiv="refresh" content="URL=aa.php"&gt; &lt;title&gt;aa&lt;/title&gt; &lt;link rel="stylesheet" href="css/jquery-ui.css" /&gt; &lt;link rel="stylesheet" href="css/jquery.mobile-1.3.0.css" /&gt; &lt;script src="js/jquery-1.9.1.js"&gt;&lt;/script&gt; &lt;script src="js/jquery.mobile-1.3.0.js"&gt;&lt;/script&gt; &lt;script src="js/jquery-ui.js"&gt;&lt;/script&gt; &lt;script src="js/kinetic-v4.3.2-beta.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div data-role="page"&gt; &lt;div data-role="header"&gt; &lt;h3&gt;aa&lt;/h3&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;h3&gt;aa&lt;/h3&gt; &lt;br /&gt; &lt;div&gt; &lt;label for="address"&gt;Address:&lt;/label&gt; &lt;input type="text" id="address"&gt; &lt;select id="prefix"&gt; &lt;?php for ( $i = 49; $i &lt; 64; $i++ ) : ?&gt; &lt;option value="&lt;?php echo $i; ?&gt;"&gt;/&lt;?php echo $i; ?&gt;&lt;/option&gt; &lt;?php endfor; ?&gt; &lt;/select&gt; &lt;label for="subnet"&gt;Total Subnets: &lt;/label&gt; &lt;input type="text" id="subnets"&gt; &lt;button class="btn" id="build"&gt; Build It &lt;/button&gt; &lt;/div&gt; &lt;div id="network"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;script src="js/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(function(){ $("#build").click(function(){ var subnets = parseInt( $("#subnets").val() ); var address = $("#address").val(); var prefix = $("#prefix").val(); var levels = $("#subnets").val(); $.post("aa.php", {address:address, prefix:prefix, levels:levels}, function(response){ $("#network").html(response); $("#network &gt; .branch").show(); $("#network .open-children").click(function(){ $(this).text('-'); $(this).parent().children(".branch").toggle(); return false; }); }); }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>whether the problem comes from too many javascript?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload