SVG klikací mapa ČR -> nefungují odkazy

Webdesign, HTML, CSS, Flash, PHP, ASP, .NET, JavaScript. Kritika www stránek na Smetišti.

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod StenlyWeb 29. 10. 2017 18:26

Dobrý den, prosím o radu. dělám klikací mapu na web. Mapu mám v SVG vše je OK jen mám problém s odkazy jednotlivých krajů.

mapu mám vloženou do stránek pomocí
<object>
<embed src="mapaCR.svg">
</object>

a přímo v SVG jsem obalil danou oblast "kraj" <path> do <a xlink:href="http://www.odkaz.cz" > </a>

po načtení stránky a kliknutí na danou oblast mi mapa ze stránek ale zmizí a nikde se nic nepřesměřuje... hledal jsem na netu řešení ale podstatě by to mělo fungovat. Mám něco špatně? Moc díky

-- 29. 10. 2017 19:31 --

můj index.html:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html;charset=windows-1250">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<link rel="stylesheet" href="stylTS.css" type="text/css">
<title>animace loga TS</title>
</head>
<body>
<object>
<embed src="mapaCR.svg">
</object>
</body>
</html>

-- 29. 10. 2017 19:35 --

a takto vypadá kousek SVG s prvním odkazem (body vykreslení jsem umazal)

<svg version="1.1" id="svgmapy" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 215 120" style="enable-background:new 0 0 215 120;" xml:space="preserve">

<style type="text/css">
.st0{fill:#EEEEEE;stroke:#222222;}
#moravskoslezsky-kraj{
fill:red;
}
</style>
<g id="mapasvg-cesko">
<a xlink:href="http://www.seznam.cz" >
<path id="moravskoslezsky-kraj" class="st0" d="M197,75.4c-0.3-0 ..."/>
</a>

-- 29. 10. 2017 20:22 --

trochu jsem pokročil.. místo <a xlink:href="http://www.seznam.cz" > v svg souboru jsem použil <a href=href="http://www.seznam.cz" target="_top"> -> bohužel tohle sice funguje na chrome ale safari to nebere..
StenlyWeb
Kolemjdoucí

Odeslat příspěvekod StenlyWeb 29. 10. 2017 19:27

VYŘEŠENO: <a xlink:href= "http://www.odkaz.cz/" target="_top"> běží všude :-)
StenlyWeb
Kolemjdoucí


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků