[bergmann]

Hallo, ich möchte gerne folgendes erstellen:
Es gibt einen Plan den ich mittels Klick auf einen Link partiell umfärben möchte. Generell sind alle Farbflächen grau, nur wenn man den dazugehörigen Link anklickt wird die Fläche farbig (wie im Bild zu sehen). Ich dachte dabei an CSS, jedoch ohne :hover-Funktion, da die ja bei mobilen Geräten nicht geht. Evtl. auch mit Javascript?

[qualidat]

Das geht bei JS einfach mit dem Austausch von Grafiken (graue gegen farbige Version), ähnlich, wie man das bei dem klassischen Rollover-Effekt macht bzw. gemacht hat. Da ändert man den src-Prameter von <img ...>. Wenn die Teilgrafiken transparente Zonen enthalten (GIF oder PNG), können sie ja auch getrost ganz oder teilweise übereinander liegen.

[Rareer]

Wenn es sich um einfache Flächen handelt, welche man mit CSS Eigenschaften einfärben kann, dann sollte man das auf jedenfall nicht mit Bildern machen, sondern eben mit CSS und Javascript. Du kannst z.B. verschiedene Klassen definieren, welche jeweils die background-color enthalten:

.rot{
background-color:#ff0000;
}
.gruen{
background-color:#00ff00;
}

und dann weist du mit Javascript (z.B. unter verwendung von jQuery) einfach die Klassen zu:

$('#element1').addClass('rot');

Alternativ kannst du natürlich auch die Farbwerte direkt mit Javascript definieren:

$('#element1').css({
'backgroundColor':'#ff0000'
});