Web aplikacije, web servisi i software Frameworks, web servisi, programi, plugin-ovi, ekstenzije korisni za razvoj web sajtova. Sponzor: |
|
Alati teme | Način prikaza |
|
17. 06. 2011. | #1 |
banned
Professional
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
|
Pokušaj sa sledećim JavaScript kodom:
Kôd:
var customIcons = { restaurant: { icon: 'http://kuponik.adriamart.com/icon3.png', shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' }, bar: { icon: 'http://kuponik.adriamart.com/icon3.png', shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' } }; var markerGroups = { "restaurant": [], "bar": []}; function load() { var dialog = $('<div>').dialog({autoOpen:false}); var map = new google.maps.Map(document.getElementById("map"), { center: new google.maps.LatLng(44.83, 20.41), zoom: 12, mapTypeId: 'roadmap' }); var infoWindow = new google.maps.InfoWindow; // Change this depending on the name of your PHP file downloadUrl("phpsqlajax_genxml.php", function(data) { var xml = data.responseXML; var markers = xml.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { var name = markers[i].getAttribute("name"); var address = markers[i].getAttribute("address"); var type = markers[i].getAttribute("type"); var totolink = markers[i].getAttribute("totolink"); var point = new google.maps.LatLng( parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); var html = '<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td colspan="2" valign="top"><div align="center">' + name + '</div></td></tr><tr><td width="50%" valign="top"><img src="' + address + '" alt="" width="150" border="0" /><br></td><td width="50%" align="center" valign="middle"><a href="' + totolink + '"><img src="buy_btn.png" width="70" height="30" border="0" /></a></td></tr><tr><td colspan="2" valign="top" bgcolor="#999999"><div align="center">BETA!</div></td></tr></table>'; var icon = customIcons[type] || {}; var marker = new google.maps.Marker({ map: map, position: point, icon: icon.icon, shadow: icon.shadow }); //bindInfoWindow(marker, map, infoWindow, html); google.maps.event.addListener(marker, 'click', dial(html)); if(typeof markerGroups[type] !== 'undefined') { markerGroups[type].push(marker); } } }); } function dial(html){ return function(){ dialog = $('<div>').dialog({autoOpen:false}); dialog.html(html).dialog('open'); } } function toggleGroup(type) { for (var i = 0; i < markerGroups[type].length; i++) { var marker = markerGroups[type][i]; if(marker.getVisible()) { marker.setVisible(false); } else { marker.setVisible(true); } } } function downloadUrl(url, callback) { var request = window.ActiveXObject ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest; request.onreadystatechange = function() { if (request.readyState == 4) { request.onreadystatechange = doNothing; callback(request, request.status); } }; request.open('GET', url, true); request.send(null); } function doNothing() {} A što se tiče bordera pokušaj sa sledećim CSS kodom: Kôd:
.ui-dialog-content table td { border: 0 !important; }
__________________
Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with bul*s**t.” |
|
|