Hallo zusammen,
ich brauche Hilfe bei einem kleinen Softwareprojekt, an dem ich mich gerade versuche. Und zwar kurz zum "SOLL-Zustand":
Ich brauche ein Programm/eine Weboberfläche/wie auch immer, wo ich 4x4 Kreise sehe, auf die ich Klicken kann. Wenn ich sie angeklickt habe, sollen sie die Farbe wechseln (oder irgendwie erkennbar machen, dass sie geklickt wurden). Und wenn ich nochmal klicke, sollen sie wieder in den Ursprungszustand zurück.
Die Kreise sollen übrigens LEDs darstellen! Jede LED hat eine bestimmte Bezeichnung (z.b. LED 1, Ebene 1). Diese Bezeichnung soll nun wenn ich eine LED anklicke noch in ein Textdokument geschrieben werden. Wenn ich die nächste anklicke, soll diese Bezeichnung einfach unten drunter geschrieben werden, usw.
Diese 4x4 LEDs gibts noch dazu 4 Mal, eben in 4 "Ebenen".
Ich hab schon mehrere Ansätze, aber komm einfach nicht weiter!
Erst habe ichs mit HTML und Javascript versucht (kleiner Ausschnitt aus meinem Code):
<map name="ebene1">
<area shape="circle" coords="18,20,20" onclick="LED1()" alt="LED 1, Ebene 1" title="LED 1, Ebene 1">
<area shape="circle" coords="94,20,20" onclick="LED2()" alt="LED 2, Ebene 1" title="LED 2, Ebene 1">
usw...
Hab im Hintergrund einfach eine schematische Grafik gemappt ... Bei onclick rufe ich eine Funktion auf, allerdings kann Javascript leider ja nicht auf ein Dateisystem zugreifen?! Und die Kreise verändern kann ich ja auch nicht direkt ... oh mann
Dann hab ichs noch mit HTML/CSS versucht, hab einfach pro LED einen Verweis auf "#" gemacht mit dem Zeichen '°'. In CSS dann eben formatiert dass visited anders aussieht als der normale Link .. aber das ist ja ne total bescheuerte Lösung, und in eine Datei schreiben .. nuja
Im Angang mal ein Screenshot von der Javascript-Lösung, so in etwa stell ich mir das halt vor vom optischen her ...
Hoffe ihr versteht mein Anliegen und könnt mir ein paar Tipps und Vorschläge geben! Danke schonmal im Vorraus!