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..