Witam,
Mam problem z uciekającą mapką w skrypcie google maps. Na stronie http://hestia.slupsk.pl/kontakt.aspx mam mapkę z google maps i jest ona wyświetlana OK. Ale ta strona jest trochę przeładowana, dlatego chciałem mapkę i adres ukryć i dać userowi możliwość pokazywania jej. W tym celu divovi który trzyma skrypt googl'a i adres przypisałem:
class="niewidoczny"
.niewidoczny
{
display: none;
}
A skrypt który steruje pokazywaniem i chowaniem wygląda tak:
<asp:LinkButton Text="Pokaż adres i mapkę dojazdu" OnClientClick="javascript:return UkryjPokaz();" runat="server" />
function UkryjPokaz()
{
var element = document.getElementById('ImageJantar');
if (element.getAttribute("class") == "niewidoczny" || element.getAttribute("className") == "niewidoczny")
{
element.setAttribute("class", "");
element.setAttribute("className", "");
}
else
{
element.setAttribute("class", "niewidoczny");
element.setAttribute("className", "niewidoczny");
}
return false; //żeby się PostBack nie zrobił
}
Efekt można zobaczyć na stronie testowej: http://hestia.slupsk.pl/test.aspx
Jak widać mapka przesuwa się trochę na prawo i w dół. Nie wiem dlaczego i jak temu zaradzić. Jedyna różnica między stronami to wyżej wymienione elementy.