regoch Posted July 25, 2011 Share Posted July 25, 2011 I got a map center problem. I try a 7 java script and every have same error. when I put embed google map on first tab works normally, on any other tab is not centered. I search and find that iframe must be in another html file via ajax but that didn't help, I got same error repeating. work for this 5 days and no answer, anybody got idea? http://www.exclusivetours.hr/en/accommodation/apartments/710/apartmani-andrejka-app-2+1 here is a link! <!--start tab --> <style> dl {display:block; vertical-align:top; margin-top: 5px; width:444px; } dl dt {height:30px; width:200px; display:block; float:left; text-align:left; border-right:1px dotted #333; margin-right:10px; padding-right:10px; } dl dd {height:30px; display:block; clear:right; text-align:left; } dl dt em { float: left; display:inline; font-style:normal; font-weight:normal;} dl dd em { float: left; display:inline; font-style:normal; font-weight:normal;} dl dt img { float: right; display:inline; } dl dd img { float: right; display:inline; } dl dt strong { float: right; display:inline; font-style:normal; font-weight:normal; } dl dd strong { float: right; display:inline; font-style:normal; font-weight:normal; } .stars { float: right; display:inline; } .stars img { float:none; } /* ----------------------------------------------------------- */ #smjestajhead:hover { cursor:hand; cursor:pointer; } #opremahead:hover { cursor:hand; cursor:pointer; } #udaljenostihead:hover { cursor:hand; cursor:pointer; } #cjenikhead:hover { cursor:hand; cursor:pointer; } #mapahead:hover { cursor:hand; cursor:pointer; } </style> <script> function ShowWeur(oznaka) { n1 = document.getElementById('smjestaj'); n2 = document.getElementById('oprema'); n3 = document.getElementById('udaljenosti'); n4 = document.getElementById('cjenik'); n5 = document.getElementById('mapa'); n11 = document.getElementById('smjestajhead'); n22 = document.getElementById('opremahead'); n33 = document.getElementById('udaljenostihead'); n44 = document.getElementById('cjenikhead'); n55 = document.getElementById('mapahead'); color_mark = "#FF6600"; color_none = "#FFFBE5"; font_color_none = "#333333"; font_color_mark = "#FFFFFF"; if(oznaka == "smjestaj") { n1.style.display = "block"; n11.bgColor = color_mark; n11.style.color = font_color_mark; n2.style.display = "none"; n22.bgColor = color_none; n22.style.color = font_color_none; n3.style.display = "none"; n33.bgColor = color_none; n33.style.color = font_color_none; n4.style.display = "none"; n44.bgColor = color_none; n44.style.color = font_color_none; n5.style.display = "none"; n55.bgColor = color_none; n55.style.color = font_color_none; } else if(oznaka == "oprema") { n1.style.display = "none"; n11.bgColor = color_none; n11.style.color = font_color_none; n2.style.display = "block"; n22.bgColor = color_mark; n22.style.color = font_color_mark; n3.style.display = "none"; n33.bgColor = color_none; n33.style.color = font_color_none; n4.style.display = "none"; n44.bgColor = color_none; n44.style.color = font_color_none; n5.style.display = "none"; n55.bgColor = color_none; n55.style.color = font_color_none; } else if(oznaka == "udaljenosti") { n1.style.display = "none"; n11.bgColor = color_none; n11.style.color = font_color_none; n2.style.display = "none"; n22.bgColor = color_none; n22.style.color = font_color_none; n3.style.display = "block"; n33.bgColor = color_mark; n33.style.color = font_color_mark; n4.style.display = "none"; n44.bgColor = color_none; n44.style.color = font_color_none; n5.style.display = "none"; n55.bgColor = color_none; n55.style.color = font_color_none; } else if(oznaka == "cjenik") { n2.style.display = "none"; n22.bgColor = color_none; n11.style.color = font_color_none; n1.style.display = "none"; n11.bgColor = color_none; n22.style.color = font_color_none; n3.style.display = "none"; n33.bgColor = color_none; n33.style.color = font_color_none; n4.style.display = "block"; n44.bgColor = color_mark; n44.style.color = font_color_mark; n5.style.display = "none"; n55.bgColor = color_none; n55.style.color = font_color_none; } else { n2.style.display = "none"; n22.bgColor = color_none; n11.style.color = font_color_none; n1.style.display = "none"; n11.bgColor = color_none; n22.style.color = font_color_none; n3.style.display = "none"; n33.bgColor = color_none; n33.style.color = font_color_none; n4.style.display = "none"; n44.bgColor = color_none; n44.style.color = font_color_none; n5.style.display = "block"; n55.bgColor = color_mark; n55.style.color = font_color_mark; } return false; } </script> <table border="0" cellpadding="0" cellspacing="0" width="450"> <tr> <td id="smjestajhead" class="text-info" onclick="ShowWeur('smjestaj'); return false;" align="center" bgcolor="#FF6600" width="160" height="25" style="color:#fff;">{LNG.accomodation.group.about_object}</td> <td width="1"></td> <td id="opremahead" class="text-info" onclick="ShowWeur('oprema'); return false;" align="center" bgcolor="#FFFBE5" width="100" height="25">{LNG.accomodation.group.equipment}</td> <td width="1"></td> <td id="udaljenostihead" class="text-info" onclick="ShowWeur('udaljenosti'); return false;" align="center" bgcolor="#FFFBE5" width="110" height="25">{LNG.accomodation.group.distances}</td> <td width="1"></td> <td id="cjenikhead" class="text-info" onclick="ShowWeur('cjenik'); return false;" align="center" bgcolor="#FFFBE5" width="90" height="25">{LNG.accomodation.group.price_list}</td> <td width="1"></td> <td id="mapahead" class="text-info" onclick="ShowWeur('mapa'); return false;" align="center" bgcolor="#FFFBE5" width="90" height="25">{LNG.accomodation.group.mapa}</td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="280"> <tr> <td height="5" bgcolor="#FF6600"></td> </tr> <tr> <td bgcolor="#FFFBE5"> <table id="smjestaj" style="display: block;" align="center" border="0" cellpadding="10" cellspacing="0" width="464"> <tr> <td align="left" valign="top"> <dl> {tabs.about_object} </dl> </td> </tr> </table> <table id="oprema" style="display: none;" align="center" border="0" cellpadding="10" cellspacing="0" width="464"> <tr> <td align="left" valign="top"> <dl> {tabs.equipment} </dl> </td> </tr> </table> <table id="udaljenosti" style="display: none;" align="center" border="0" cellpadding="10" cellspacing="0" width="464"> <tr> <td align="left" valign="top"> <dl> {tabs.distances} </dl> </td> </tr> </table> <table id="cjenik" style="display: none;" align="center" border="0" cellpadding="10" cellspacing="0" width="464"> <tr> <td align="left" valign="top"> {CIJENE} </td> </tr> </table> <table id="mapa" style="display: none;" align="center" border="0" cellpadding="10" cellspacing="0" width="464"> <tr> <td align="center" valign="top"> {podaci.mapa} </td> </tr> </table> </td> </tr> <tr> <td height="15"></td> </tr> </table> Link to comment https://forums.phpfreaks.com/topic/242759-google-maps-in-tabs-not-centered/ Share on other sites More sharing options...
regoch Posted July 25, 2011 Author Share Posted July 25, 2011 ups,instead od podaci.mapa it's <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?msa=0&ie=UTF8&t=h&msid=207450623227831231014.0004a8c49deb050e279b4&source=embed&z=15&output=embed"></iframe><br /><small>View <a href="http://maps.google.com/maps/ms?msa=0&ie=UTF8&t=h&msid=207450623227831231014.0004a8c49deb050e279b4&source=embed&ll=43.907014,15.504284&spn=0.005411,0.00912" style="color:#0000FF;text-align:left">Apartmani Andrejka</a> in a larger map</small> Link to comment https://forums.phpfreaks.com/topic/242759-google-maps-in-tabs-not-centered/#findComment-1247017 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.