<?php function ST(tagid) { mapka.clearOverlays(); getMarkers('/ajax/miejscatag/'+tagid,mapka); var objLayer = document.getElementById("ListaMiejsc"); if(objLayer.style.display == "none"){ ToggleSidebar(); } else{ // ToggleSidebar(); } } function strrep(m) { m = m.replace(/[[a]]/g,"Ä…"); m = m.replace(/[[A]]/g,"Ä„"); m = m.replace(/[[c]]/g,"ć"); m = m.replace(/[[C]]/g,"Ć"); m = m.replace(/[[e]]/g,"Ä(tm)"); m = m.replace(/[[E]]/g,"Ę"); m = m.replace(/[[l]]/g,"Ĺ‚"); m = m.replace(/[[L]]/g,"Ĺ�"); m = m.replace(/[[n]]/g,"Ĺ„"); m = m.replace(/[[N]]/g,"Ĺƒ"); m = m.replace(/[[o]]/g,"Ăł"); m = m.replace(/[[O]]/g,"Ă“"); m = m.replace(/[[s]]/g,"Ĺ›"); m = m.replace(/[[S]]/g,"Ĺš"); m = m.replace(/[[z]]/g,"Ĺź"); m = m.replace(/[[Z]]/g,"Ĺť"); m = m.replace(/[[x]]/g,"Ĺş"); m = m.replace(/[[X]]/g,"Ĺš"); return m; } function ToggleSidebar(){ var showhidelist = document.getElementById("showhidelist") var objLayer = document.getElementById("ListaMiejsc"); var objMap = document.getElementById("mapa"); if(objLayer.style.display == "none"){ showhidelist.innerHTML = '<h1><a href="javascri:ToggleSidebar();">ukryj listÄ(tm) miejsc</a></h1>'; objLayer.style.display = "inline"; objMap.style.width = "70%"; mapka.checkResize(); } else{ showhidelist.innerHTML = '<h1><a href="javascri:ToggleSidebar();">pokaĹź listÄ(tm) miejsc</a></h1>'; objLayer.style.display = "none"; objMap.style.width = "100%"; mapka.checkResize(); } } function PokazMiejsce(ident){ mapka.setCenter(markereczki[ident].getPoint()); markereczki[ident].openInfoWindowHtml(markereczki[ident].infowindow); } function getMarkers(url,mapa) { if (GBrowserIsCompatible()) { var icon = new GIcon(); icon.image = "ht://labs.google.com/ridefinder/images/mm_20_red.png"; icon.shadow = "ht://labs.google.com/ridefinder/images/mm_20_shadow.png"; icon.iconSize = new GSize(12, 20); icon.shadowSize = new GSize(22, 20); icon.iconAnchor = new GPoint(6, 20); icon.infoWindowAnchor = new GPoint(5, 1); GDownloadUrl(url, function(data,responseCode) { var xml = GXml.parse(data); var markers = xml.documentElement.getElementsByTagName("m"); markereczki = markery; var lajer = document.getElementById("ListaMiejsc"); lajer.innerHTML = ''; for (var i = 0; i < markers.length; i++) { punkty[i] = new GLatLng(parseFloat(markers[i].getAttribute("la")), parseFloat(markers[i].getAttribute("ln"))); markery[i] = new GMarker(punkty[i],icon); var nazwa = markers[i].getAttribute("n"); var id = markers[i].getAttribute("i"); var adres = markers[i].getAttribute("a"); nazwa = strrep(nazwa); adres = strrep(adres); markery[i].infowindow = '<div id="chmurka"><h3><a href="/miejsca/pokaz/'+id+'">'+nazwa+'</a></h3>'+adres+'</div>'; mapa.addOverlay(markery[i]); lajer.innerHTML += '<img src="/images/guzik.gif" alt="*" /> <a href="javascri:PokazMiejsce('+i+');">'+nazwa+'</a><br />'; } }); } } //]]> </script> ?>
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:
<?php getMarkers('/ajax/miejscatag/'+tagid,mapka); ?>
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:
<?php <script type="text/javascript"> <!-- function ShowHide(id) { var status = document.getElementById(id).style.display; var obiekt = document.getElementById(id); document.getElementById("rozrywka").style.display = 'none'; document.getElementById("informator").style.display = 'none'; document.getElementById("sport").style.display = 'none'; document.getElementById("zakupy").style.display = 'none'; document.getElementById("edukacja").style.display = 'none'; document.getElementById("kultura").style.display = 'none'; document.getElementById("turystyka").style.display = 'none'; document.getElementById("gastronomia").style.display = 'none'; document.getElementById("inne").style.display = 'none'; if(status == "block"){ obiekt.style.display = 'none'; } else { obiekt.style.display = 'block'; } } --> </script> <span onclick="javascri:ST('')" style="cursor: pointer; color:#396A9F; font-si: 12px;"> <img src="/images/guzik.gif" alt="g" /> wyczyść wybrane miejsca </span> <div id="head"><img src="/images/icons/miejsca_rozrywka.gif" alt="" /> <h1><a href="javascri: ShowHide('rozrywka');">Rozrywka</a></h1></div> <div id="rozrywka" style="displ: none;"> <div id="tagi2"> <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 and 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;">kÄ…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 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> (...) </div> </div> <p><br /></p> <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> <div id="head"><img src="/images/icons/remont2.gif" id="img_special" alt="" /> <h1><a href="/remonty">Remonty we WrocĹ‚awiu</a></h1></div> ?>
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
