Hallo zusammen,
ich möchte auf einer meiner Seitene meinen Besucher eine 64 mal 64 Felder große Matrix anbieten, die selbiger per Mausklick mit einer Farbe "bemalen" darf. Also z.Bsp, zum vorstellen jetzt, ein Div-feld mit 64x64 6x6-Pixel großen Divs. Klickt der Besucher auf eins der Divs, ändert es einmal die Farbe.
Es kommt mir auf diese Matrix an, wie ich es realisiere, ist relativ wurscht. Ich habe es bisher so versucht:
-
wie oben beschrieben. Dynamisch 64x64 Divs auf den Bildschirm gebracht (ergibt 4096) - Nachteil: der Aufbau des Feldes dauert extrem lange.
-
auf der (noch divleeren) Matrixfläche die Mauskoordinaten überprüft und erst beim mausklick an der entsprechenden Stelle ein eingefärbtes Div gesetzt. - Nachteil: ab einer Anzahl von ca 100 Divs (also 100 eingefärbten Stellen) wird der Browser immer langsamer.
-
mehr aus Scherz die Div-Idee verworfen und das feld aus images zusammengebaut. Code ich die image-Tags direkt ins Dokument und lasse (bitte keinen Schreck bekommen) alt, border und höhen-breitenangaben weg, wird die datei satte 200 kb gross ;-))
-
Schreibe die die images dynamisch, dauerst wieder sehr lange.
_______
Nun komme ich zu den Schluß, daß mit meinen Tesafilmmethoden ich da nicht weiter komme, Zumal so etwas ja auch das ideale Anwendungsgebiet für ein Java-aplet wäre, aber ich scheue mich, vor allem mit Hinblick auf meinen vollen Schreitisch und einer endlosen todo-Liste, jetzt noch Java zu lernen, nur um eine 64x64 große matrix zu bekommen, auf der meine Besucher per Mausklicks die Flächen mit maximal zwei Farbe einfärben können.
Hat jemand noch eine krumme Idee, wie man so eine Matrix realisieren könnte?
Chräcker