Tema: obtener coordenadas de mysql con javascript
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/02/2017, 21:01
dairo65
 
Fecha de Ingreso: abril-2011
Mensajes: 168
Antigüedad: 13 años, 7 meses
Puntos: 5
Respuesta: obtener coordenadas de mysql con javascript
gracias por responder petit89

tengo este codigo no he mostrado el mapa por que lo estoy probando con la conexion pero me dice que no se ha definido la variable query no se que tenga mal

Código PHP: 
Ver original
  1. <?php
  2.  
  3. include "../conex.php";
  4. if(!empty($_POST)){
  5.  
  6.     $pattern = $_POST['pattern'];
  7.  
  8.  
  9.   $sql1 = "SELECT * FROM coordenadas WHERE titulo LIKE '".$pattern."%' or titulo LIKE '".$pattern."%';";
  10.  
  11. $result = mysqli_query($conexion, $sql1) or die ("Error: ".mysqli_error($conexion));
  12. $row_cnt = mysqli_num_rows($result);
  13.  
  14.  
  15. $query = $conexion->query($sql1);
  16. }
  17. ?>
  18.  
  19. <?php if($query->num_rows>0):?>
  20. <table class="table table-bordered table-hover">
  21. <thead>
  22.   <th>titulo</th>
  23.   <th>cx</th>
  24.   <th>cy</th>
  25.   
  26.  
  27.  
  28.   
  29. </thead>
  30. <?php while ($r=$query->fetch_array()):?>
  31. <tr>
  32.  
  33.   <td><?php echo $r["titulo"]; ?></td>
  34.   <td><?php echo $r["cx"]; ?></td>
  35.   <td><?php echo $r["cy"]; ?></td>
  36.   
  37.      
  38.     
  39.  
  40.   </td>
  41. </tr>
  42. <?php endwhile;?>
  43.  
  44. <?php else:?>
  45.  
  46. <?php endif;?>
  47.  
  48. <!--<html>
  49. <head>
  50. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  51. <title>Mapa</title>
  52. <script src="http://maps.google.com/maps?file=api&v=3&key=ABQIAAAAp9wVclPicp2HGB4QNX-LLRTqx4D3bS478d-1w1nVZmw5mBzr_hTd8Hb4lXsLPv7hW7mRH6_tkUmJ3g" type="text/javascript"></script>
  53. <script type="text/javascript">
  54. -->
  55.  
  56.  
  57. <body onLoad="load();"  onunload="GUnload();"> 
  58. <center>
  59. <div align="center" id="map" style="height: 425px; width: 425px;">
  60.  
  61. <script src="/myopen/ojo/js/main.js"></script>
  62.  
  63. <form>
  64.  
  65. <input type="search" placeholder="Buscar" id="buscar" name="s">
  66. <button type="submit" class="btn btn-default" ><i class="material-icons">search</i></button>
  67. <div id="datos"></div>
  68. </form>
  69. </div>
  70. </center> 
  71. </body>
  72. </html>

este el js

Código Javascript: 
Ver original
  1. function buscar(){
  2.  
  3.     var pattern = document.getElementById('buscar').value;
  4.     var solicitud = new XMLHttpRequest();
  5.     var data  = new FormData();
  6.     var url = '../php/busqueda.php';
  7.  
  8.  
  9.  
  10.     data.append("pattern", pattern);
  11.     solicitud.open('POST',url, true);
  12.     solicitud.send(data);
  13.  
  14.     solicitud.addEventListener('load', function(e){
  15.         var cajadatos = document.getElementById('datos');
  16.         cajadatos.innerHTML = e.target.responseText;
  17.          
  18. }, false);
  19. }
  20.  
  21. window.addEventListener('load', function(){
  22.  
  23.     document.getElementById('buscar').addEventListener('input', buscar, false);
  24.  
  25. }, false);

desde ya gracias