Witam,
głowię się już dwa dni. Przeszykuje sieć ale niestety efektów brak. Mianowicie mam kod java script:

  1. <script>
  2. $(function() {
  3. var projects = [
  4. <?php
  5. include('settings.php');
  6. $zapytanie_silownia = mysql_query("SELECT * FROM silownia");
  7. $wyk_zap_sil = mysql_num_rows($zapytanie_silownia);
  8. if($wyk_zap_sil!=0){
  9. $i=1;
  10. while($rekord_silownia = mysql_fetch_array($zapytanie_silownia)){
  11. $id_silownia = $rekord_silownia[0];
  12. $miasto = $rekord_silownia[1];
  13. $adres = $rekord_silownia[3];
  14. $szer = $rekord_silownia[4];
  15. $wys = $rekord_silownia[5];
  16. $miasto_ = ''.'"'.$miasto.'",'.'';
  17. $adres_ = ''.'"'.$adres.'",'.'';
  18. $szer_ = ''.'"'.$szer.'",'.'';
  19. $wys_ = ''.'"'.$wys.'",'.'';
  20. ?>
  21. {
  22. value: <?php print $miasto_; ?>
  23. label: <?php print $miasto_; ?>
  24. desc: <?php print $adres_; ?>
  25. szer: <?php print $szer_; ?>
  26. wys: <?php print $wys_; ?>
  27. },
  28. <?php
  29. $i++;
  30. }
  31. }
  32. ?>
  33. {
  34. value: "Nysa",
  35. label: "Nysa",
  36. desc: "ul. Poniatowskiego 3",
  37. szer: "50.480135",
  38. wys: "17.324307"
  39. }
  40. ];
  41. $( "#project" ).autocomplete({
  42. minLength: 2,
  43. source: projects,
  44. focus: function( event, ui ) {
  45. $( "#project" ).val( ui.item.label );
  46. return false;
  47. },
  48. select: function( event, ui ) {
  49. $( "#project" ).val( ui.item.label );
  50. $( "#project-id" ).val( ui.item.value );
  51. $( "#project-description1" ).html( ui.item.szer );
  52. $( "#project-description2" ).html( ui.item.wys );
  53. return false;
  54. }
  55. })
  56. .data( "ui-autocomplete" )._renderItem = function( ul, item ) {
  57. return $( "<li>" )
  58. .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
  59. .appendTo( ul );
  60. };
  61. });
  62. </script>


który pobiera wszystkie rekordy i wrzuca je do zmiennych (value, label tip). po wybraniu danej miejscowości wyświetla 2 zmienne szer i wys.

  1. <div id="cala">
  2. <div id="project-label">Wpisz miasto:</div>
  3.  
  4. <input id="project" />
  5.  
  6. <input type="hidden" id="project-id" />
  7.  
  8. <p id="project-description1"></p>
  9. <p id="project-description2"></p>
  10.  
  11. <ul id="locations">
  12. <?php
  13. $szero = "50.480162";
  14. $wyso = "17.324162";
  15. ?>
  16. <li data-geo-lat="<?php print $szero; ?>" data-geo-long="<?php print $wyso; ?>">
  17. <h3>Nysa</h3>
  18. <p>Parys Studio Sport</p>
  19. </li>
  20. </ul>
  21.  
  22. <div id="map_canvas"></div>
  23. </div>


Kod wyżej wyświela mapę, ople do wpisania miejscowości oraz szerokosc i wysokosc w zależności od wybranego miasta.

Nie mogę zrobić jednej opcji mianowicie, podmieniania wartości dla $szer i $wys, oczywiście bez przeładowania strony.

Z Javascript jestem słaby a wręcz beznadziejny.
Dzięki za odpowiedzi.
Pozdrawiam