StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Here the content of an exemple file of google maps file_map.php.....</p> <pre><code><?php include_once($_SERVER['DOCUMENT_ROOT'] . "/config.php"); require_once($lib_path."mysql.class.php"); require_once($lib_path."document.php"); require_once $lib_path . "userAccount.php"; require_once($lib_path."adsearch_class.php"); ?> <!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=------------------------------------" type="text/javascript"></script> <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(37.4419, -122.1419), 13); map.setUIToDefault(); } } </script> </head> <body onload="initialize()" onunload="GUnload()"> <div id="map_canvas" style="width: 500px; height: 300px"></div> </body> </html> </code></pre> <p>this file is work well without jQuery... but no result when i call it with the jQuery..</p> <p>the index.php file is here </p> <pre><code><?php include_once($_SERVER['DOCUMENT_ROOT'] . "/config.php"); require_once($lib_path."mysql.class.php"); require_once($lib_path."document.php"); require_once $lib_path . "userAccount.php"; require_once($lib_path."adsearch_class.php"); $per_page = 5; //getting number of rows and calculating no of pages $rsd=new db_publish; $rsd->connect(); $sql = "SELECT *FROM `table` LIMIT 0 , 30"; $rsd->query($sql); $counteur = $rsd->count(); $pages = ceil($counteur/$per_page); ?> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //Display Loading Image function Display_Load() { $("#loading").fadeIn(900,0); $("#loading").html("<img src='img/bigLoader.gif' />"); } //Hide Loading Image function Hide_Load() { $("#loading").fadeOut('slow'); }; //Default Starting Page Results $("#pagination li:first").css({'color' : '#FF0084'}).css({'border' : 'none'}); Display_Load(); $("#content").load("file_map.php"); //Pagination Click $("#pagination li").click(function(){ Display_Load(); //CSS Styles $("#pagination li") .css({'border' : 'solid #dddddd 1px'}) .css({'color' : '#0063DC'}); $(this) .css({'color' : '#FF0084'}) .css({'border' : 'none'}); //Loading Data var pageNum = this.("#pagination li").id; $("#content").load("file_map.php?page=" + pageNum); }); }); </script> <style> body { margin: 0; padding: 0; font-family:Verdana; font-size:15px } a { text-decoration:none; color:#B2b2b2; } a:hover { color:#DF3D82; text-decoration:underline; } #loading { width: 100%; position: absolute; } #pagination { text-align:center; margin-left:120px; } li{ list-style: none; float: left; margin-right: 16px; padding:5px; border:solid 1px #dddddd; color:#0063DC; } li:hover { color:#FF0084; cursor: pointer; } </style> <div align="center"> <div id="loading" ></div> <div id="content" ></div> <table width="800px"> <tr><Td> <ul id="pagination"> <?php //Show page links for($i=1; $i<=$pages; $i++) { echo '<li id="'.$i.'">'.$i.'</li>'; } ?> </ul> </Td></tr></table> </div> </code></pre> <p>as i tell you on the first time this exemple is work well just with google maps the content can't load.... on the result page i have just </p> <pre><code><div id="map_canvas" style="width: 500px; height: 300px"></div> </code></pre> <p>without the maps content inside</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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