Znalzałem w sieci taki skrypt i chciałem go wykorzystać:


  1. <?php
  2. function ST(tagid)
  3. {
  4.    mapka.clearOverlays();
  5.    getMarkers('/ajax/miejscatag/'+tagid,mapka);
  6.    var objLayer = document.getElementById("ListaMiejsc");
  7.    if(objLayer.style.display == "none"){
  8.        ToggleSidebar();
  9.    }
  10.    else{
  11. //        ToggleSidebar();
  12.    }    
  13. }
  14.  
  15. function strrep(m)
  16. {
  17.    m = m.replace(/[[a]]/g,"Ä…");
  18.    m = m.replace(/[[A]]/g,"Ä„");
  19.    m = m.replace(/[[c]]/g,"ć");
  20.    m = m.replace(/[[C]]/g,"Ć");
  21.    m = m.replace(/[[e]]/g,"Ä(tm)");
  22.    m = m.replace(/[[E]]/g,"Ę");
  23.    m = m.replace(/[[l]]/g,"Ĺ‚");
  24.    m = m.replace(/[[L]]/g,"Ĺ�");
  25.    m = m.replace(/[[n]]/g,"Ĺ„");
  26.    m = m.replace(/[[N]]/g,"Ĺƒ");
  27.    m = m.replace(/[[o]]/g,"Ăł");
  28.    m = m.replace(/[[O]]/g,"Ă“");
  29.    m = m.replace(/[[s]]/g,"Ĺ›");
  30.    m = m.replace(/[[S]]/g,"Ĺš");
  31.    m = m.replace(/[[z]]/g,"Ĺź");
  32.    m = m.replace(/[[Z]]/g,"Ĺť");
  33.    m = m.replace(/[[x]]/g,"Ĺş");
  34.    m = m.replace(/[[X]]/g,"Ĺš");
  35.    return m;
  36. }
  37.  
  38.  
  39. function ToggleSidebar(){
  40.    var showhidelist = document.getElementById("showhidelist")
  41.    var objLayer = document.getElementById("ListaMiejsc");
  42.    var objMap = document.getElementById("mapa");
  43.    var aWidth = new Array(468, 600);
  44.    if(objLayer.style.display == "none"){
  45.        showhidelist.innerHTML = '<h1><a href="javascri:ToggleSidebar();">ukryj listÄ(tm) miejsc</a></h1>';
  46.        objLayer.style.display = "inline";
  47.        objMap.style.width = "70%";
  48.        mapka.checkResize();
  49.    }
  50.    else{
  51.        showhidelist.innerHTML = '<h1><a href="javascri:ToggleSidebar();">pokaĹź listÄ(tm) miejsc</a></h1>';
  52.        objLayer.style.display = "none";
  53.        objMap.style.width = "100%";
  54.        mapka.checkResize();
  55.    }
  56. }
  57.  
  58.  
  59. function PokazMiejsce(ident){
  60.    mapka.setCenter(markereczki[ident].getPoint());
  61.    markereczki[ident].openInfoWindowHtml(markereczki[ident].infowindow);
  62. }
  63.  
  64.  
  65. function getMarkers(url,mapa)
  66. {
  67.    if (GBrowserIsCompatible())
  68.    {
  69.    var icon = new GIcon();
  70.    icon.image = "ht://labs.google.com/ridefinder/images/mm_20_red.png";
  71.    icon.shadow = "ht://labs.google.com/ridefinder/images/mm_20_shadow.png";
  72.    icon.iconSize = new GSize(12, 20);
  73.    icon.shadowSize = new GSize(22, 20);
  74.    icon.iconAnchor = new GPoint(6, 20);
  75.    icon.infoWindowAnchor = new GPoint(5, 1);
  76.  
  77.    GDownloadUrl(url, function(data,responseCode)
  78.    {  
  79.    var xml = GXml.parse(data);
  80.    var markers = xml.documentElement.getElementsByTagName("m");
  81.    var markery = new Array(markers.length);
  82.    var punkty = new Array(markers.length);
  83.    
  84.    markereczki = markery;
  85.    
  86.    var lajer = document.getElementById("ListaMiejsc");
  87.    lajer.innerHTML = '';
  88.            
  89.    for (var i = 0; i < markers.length; i++)
  90.    {
  91.           punkty[i]  = new GLatLng(parseFloat(markers[i].getAttribute("la")),
  92.                            parseFloat(markers[i].getAttribute("ln")));
  93.        markery[i] = new GMarker(punkty[i],icon);
  94.        var nazwa = markers[i].getAttribute("n");
  95.        var id    = markers[i].getAttribute("i");
  96.           var adres = markers[i].getAttribute("a");
  97.        nazwa = strrep(nazwa);
  98.        adres = strrep(adres);
  99.        markery[i].infowindow = '<div id="chmurka"><h3><a href="/miejsca/pokaz/'+id+'">'+nazwa+'</a></h3>'+adres+'</div>';
  100.        mapa.addOverlay(markery[i]);
  101.        lajer.innerHTML += '<img src="/images/guzik.gif" alt="*" />&nbsp; <a href="javascri:PokazMiejsce('+i+');">'+nazwa+'</a><br />';
  102.    }
  103.    
  104.    });
  105.    
  106.    }
  107. }
  108.  
  109.  
  110. //]]>    
  111. </script>
  112. ?>



Niestety nie działa mi to jak ajax, tzn linki są tworzone, ale odpowieni content się nie wczytuje.
Napewno chodzi o ten kawałek kodu:

  1. <?php
  2. getMarkers('/ajax/miejscatag/'+tagid,mapka);
  3. ?>


Niestety do tych katalogów nie mam już dostępu, czy gdzieś znaleźć bibliotekę (czy coś co jest mi potrzebne) żeby ten skrypt zaczął działać ?
Poprzedni skrypt jest powiązany z takim kodem:

  1. <?php
  2. <script type="text/javascript">
  3. <!--
  4.  
  5. function ShowHide(id) {
  6.  
  7. var status = document.getElementById(id).style.display;
  8. var obiekt = document.getElementById(id);
  9.  
  10. document.getElementById("rozrywka").style.display = 'none';
  11. document.getElementById("informator").style.display = 'none';
  12. document.getElementById("sport").style.display = 'none';
  13. document.getElementById("zakupy").style.display = 'none';
  14. document.getElementById("edukacja").style.display = 'none';
  15. document.getElementById("kultura").style.display = 'none';
  16. document.getElementById("turystyka").style.display = 'none';
  17. document.getElementById("gastronomia").style.display = 'none';
  18. document.getElementById("inne").style.display = 'none';
  19.  
  20. if(status == "block"){
  21.    obiekt.style.display = 'none';
  22. }
  23. else
  24. {
  25.    obiekt.style.display = 'block';
  26. }
  27. }
  28.  
  29. -->
  30. </script>
  31.  
  32. <span onclick="javascri:ST('')" style="cursor: pointer; color:#396A9F; font-si: 12px;">
  33. <img src="/images/guzik.gif" alt="g" />&nbsp; wyczyĹ&#8250;ć wybrane miejsca
  34. </span>
  35.  
  36. <div id="head"><img src="/images/icons/miejsca_rozrywka.gif" alt="" /> <h1><a href="javascri: ShowHide('rozrywka');">Rozrywka</a></h1></div>
  37.  
  38. <div id="rozrywka" style="displ: none;">
  39. <div id="tagi2">
  40. <span onclick="javascri:ST('174')" style="font-si: 14px;">alternatywa</span> <span onclick="javascri:ST('83')" style="font-si: 15px;">bilard</span> <span onclick="javascri:ST('54')" style="font-si: 15px;">blues</span> <span onclick="javascri:ST('51')" style="font-si: 15px;">chillout</span> <span onclick="javascri:ST('43')" style="font-si: 15px;">dance</span> <span onclick="javascri:ST('314')" style="font-si: 14px;">disco</span> <span onclick="javascri:ST('166')" style="font-si: 14px;">downtempo</span> <span onclick="javascri:ST('47')" style="font-si: 14px;">drum&nbsp;and&nbsp;bass</span> <span onclick="javascri:ST('282')" style="font-si: 14px;">dyskoteka</span> <span onclick="javascri:ST('109')" style="font-si: 14px;">emo</span> <span onclick="javascri:ST('23')" style="font-si: 15px;">filmy</span> <span onclick="javascri:ST('672')" style="font-si: 14px;">fitness</span> <span onclick="javascri:ST('219')" style="font-si: 14px;">funky</span> <span onclick="javascri:ST('679')" style="font-si: 14px;">gimnastyka</span> <span onclick="javascri:ST('313')" style="font-si: 14px;">grill</span> <span onclick="javascri:ST('599')" style="font-si: 14px;">gry</span> <span onclick="javascri:ST('265')" style="font-si: 14px;">hip-hop</span> <span onclick="javascri:ST('50')" style="font-si: 14px;">hiphop</span> <span onclick="javascri:ST('42')" style="font-si: 15px;">house</span> <span onclick="javascri:ST('44')" style="font-si: 16px;">jazz</span> <span onclick="javascri:ST('76')" style="font-si: 14px;">juwenalia</span> <span onclick="javascri:ST('46')" style="font-si: 14px;">karaoke</span> <span onclick="javascri:ST('293')" style="font-si: 14px;">&#8230;pielisko</span> <span onclick="javascri:ST('22')" style="font-si: 15px;">kino</span> <span onclick="javascri:ST('34')" style="font-si: 22px;">klub</span> <span onclick="javascri:ST('377')" style="font-si: 14px;">klub&nbsp;muzyczny</span> <span onclick="javascri:ST('36')" style="font-si: 15px;">koncert</span> <span onclick="javascri:ST('3')" style="font-si: 15px;">koncerty</span> <span onclick="javascri:ST('281')" style="font-si: 14px;">krÄ(tm)gielnia</span> <span onclick="javascri:ST('41')" style="font-si: 14px;">latino</span> <span onclick="javascri:ST('635')" style="font-si: 14px;">lodowisko</span> <span onclick="javascri:ST('52')" style="font-si: 15px;">lounge</span> <span onclick="javascri:ST('636')" style="font-si: 14px;">Ĺ‚yĹźwy</span> <span onclick="javascri:ST('39')" style="font-si: 15px;">metal</span> <span onclick="javascri:ST('35')" style="font-si: 15px;">muzyka</span>
  41. (...)
  42.  
  43. </div>
  44. </div>
  45.  
  46. <p><br /></p>
  47.  
  48. <div id="head"><img src="/images/icons/miejsce_star.gif" id="img_special" alt="" /> <h1><a href="/mapa/miejscaprywatne">Zobacz mapÄ(tm) miejsc prywatnych</a></h1></div>
  49. <div id="head"><img src="/images/icons/remont2.gif" id="img_special" alt="" /> <h1><a href="/remonty">Remonty we WrocĹ&#8218;awiu</a></h1></div>
  50. ?>



Ogólnie jest to mapa google i chodzi o to że jak ktoś kliknie w bocznej ramce np w: kina to ma się pojawić na mapce lista kin z
bieżacej lokalizacji, oczywiście bez odświeżenia strony (po ajaxie)

Ma ktoś jakiś pomysł ?

Please sad.gif