Klikací mapa- náhled
Klikací mapa- náhled
v naší škole se opravdu málokdo orientuje ve smyslu kde jaká třída je a pak jsou z toho problémy, tak jsem dostal nápad vytvořit interaktivní mapku školy. Mapu školy nakreslím, klikací mapu z toho udělám, na to to co si pamatuju z hodin tvorby www stačí, ale napadlo mě že by bylo fajn, kdyby jednotlivé segmenty mapy po najetí myši změnily barvu a taky kdyby se po najetí myší na třídu objevil náhled jejich rozvrhu, ale na to už bohužel moje znalosti nestačí. Nebyl by prosím někdo tak ochotný aby mě někam přesměroval nebo dokonce mi sem hodil vzorek toho zdrojáku?
CPU i5-6600k
ASUS Z170 Pro Gaming
GeForce 8800GT 512MB 256bit DDR3
2x 8000MB RAM
ASUS Z170 Pro Gaming
GeForce 8800GT 512MB 256bit DDR3
2x 8000MB RAM
- Kenapuc
- Level 1
- Příspěvky: 68
- Registrován: srpen 09
- Bydliště: Lázně Bohdaneč
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Klikací mapa- náhled
Nevím jak tu mapku máš udělanou, takže ti neporadím, co bude nejlepší, ale z toho co vím, by to šlo udělat přes CSS, nebo přes javascript.
CSS řešení:
v html dáš u každého políčka třeba class="trida", takže něják takto:
<td class="trida"> Třída 1 </td>
<td class="trida"> Třída 2 </td>
a v css napíšeš:
.trida{
background-color: barva1;
}
.trida:hover{
background-color: barva2;
}
Javascript řešení:
S javascriptem skoro nedělám, takže nevím, jak se přebarvuje pozadí, ale to bys to někde vyoogloval
Bylo by to ale něco na způsob:
<td onmouseover="this.barva='modra'" onmouseout="this.barva='zluta'>Třída 1</td>
CSS řešení:
v html dáš u každého políčka třeba class="trida", takže něják takto:
<td class="trida"> Třída 1 </td>
<td class="trida"> Třída 2 </td>
a v css napíšeš:
.trida{
background-color: barva1;
}
.trida:hover{
background-color: barva2;
}
Javascript řešení:
S javascriptem skoro nedělám, takže nevím, jak se přebarvuje pozadí, ale to bys to někde vyoogloval
Bylo by to ale něco na způsob:
<td onmouseover="this.barva='modra'" onmouseout="this.barva='zluta'>Třída 1</td>
Potrebuji pomoc!: http://www.pc-help.cz/viewtopic.php?f=7&t=44065
> Intel Core 2 Duo E8400 (3.0GHz)
> ATI Radeon HD4870 Toxic 1GB
> 2x 2GB DDRII Patriot 1066MHz (CL5)
> Intel Core 2 Duo E8400 (3.0GHz)
> ATI Radeon HD4870 Toxic 1GB
> 2x 2GB DDRII Patriot 1066MHz (CL5)
- Nodon
- Level 3.5
- Příspěvky: 725
- Registrován: březen 08
- Bydliště: Olomouc
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Klikací mapa- náhled
Skytý div který by se při události určité události objevil a zase zmizel... podle počasí bych ti to mohl o výkedndu napsat.
Re: Klikací mapa- náhled
Neporadil by mi ještě někdo jak udělat ty náhledy prosím? Změnu barvy může vzít klidně ďas, ale ty náhledy by mi pomohly moc.
CPU i5-6600k
ASUS Z170 Pro Gaming
GeForce 8800GT 512MB 256bit DDR3
2x 8000MB RAM
ASUS Z170 Pro Gaming
GeForce 8800GT 512MB 256bit DDR3
2x 8000MB RAM
Zpět na “Programování a tvorba webu”
Kdo je online
Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 25 hostů