Autor Zpráva
Unzoned55
Profil *
Zdravím vás,
řeším takový větší problém. Mé znalosti jazyka HTML jsou naprosto minimální a u jiných prog. jazyků to není o moc lepší. Těm de facto nerozumím vůbec. Ale k mému problému.

Mám plánek školy (je na něm jednotlivé rozmístění tříd) a potřebuji, aby po najetí kurzorem na nějakou třídu se u kurzoru nebo někde na zobrazovce zobrazila k tomu místu přirazená mapka. Doufám, že mi rozumíte a zároveň věřím, že mi s mým problémem poradíte. Díky moc.
Beavis
Profil
Řešil bych to přes Javascript ;) Nejprve bych "rozřezal" obrázek na jednotlivé třídy, poté pomocí onmouseout & onmouseover volal přes JS daný obrázek. Ale jelikož JS moc neovládám, doporučuji ti něco si přečíst a počkat na další odpověď.
SwimX
Profil
Unzoned55:
řešil bych to podobně jako: http://sportovni-arealy.miradix.cz/cs/soustredeni/fotbal/ (mapka zrovna nefunguje, protože v databázi není žádná společnost)
pomocí tagu map se nadefinují souřadnice, čímž se vymezí tvoje stěny tvé třídy. Co se stane ve funkci flipOn/Off je na tobě, todle mění obrázek, čímž zvýrazní vybraný kraj.
<map name='map' id='map'>
  <area shape='poly' coords='89,123,127,121,133,116,136,122,134,133,165,150,162,155,141,154,137,172,110,185,78,155' href='/cs/redir-from-menu/1/3/' alt='Jihočeský kraj' title='Jihočeský kraj' onmouseover='flipOn("jihocesky")'>
</map>
<img src='/style/fotbal/mapka.gif' width='332' height='198' alt='Mapa ČR  - ' usemap='#map' ismap='ismap' id='mapkacr' onmouseout='flipOff(); this.src="/style/fotbal/mapka.gif"'>


+JS
function flipOn(foo) {
    foos = eval(foo + ".src");
    if (document.images) {
	document.getElementById('mapkacr').src = foos;
    }
}

function flipOff() {
    if (document.images) {
	document.getElementById('mapkacr').src = mapka.src;
    }
}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: