PC-HELP.CZ

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?

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>

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.

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.