PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Jquery minimal Beispiel


alice.dj
2015-09-06, 21:02:51
Hallo,

kann mir jemand auf die Sprünge helfen mit jquery? Ich will ein z.b. 8x8 Raster (jedes Kästchen 10px breit/hoch) darstellen. Klickt man ein Kästchen an soll zwischen der Farbe weiss/rot toggeln.
Geht sowas nur mit jquery oder was braucht man noch?

Hat jemand ein kleines codebeispiel für sowas?

Sephiroth
2015-09-06, 22:55:02
Mit jQuery und dem Einsatz von CSS-Klassen brauchst du nur toggleClass (https://api.jquery.com/toggleClass/) - Beispiele findest du dort.

RattuS
2015-09-06, 23:49:56
Beispiel für dein Grid. (https://jsfiddle.net/nsxdxsop/)

Ectoplasma
2015-09-07, 08:21:07
Geht sowas nur mit jquery oder was braucht man noch?


Es muss sogar auch ohne jquery gehen. Überleg mal, was dass sonst für proprietäre javascript Bibliotheken bzw. Browser wären.

alice.dj
2015-10-06, 20:20:24
Hallo,

ich bins wieder. Das Beispiel von Rattus war ganz gut, ist ja eigentlich (jquery) easy.
Hab mich inzwischen etwas in das Thema eingearbeitet.

Hat jemand eine Idee wie man folgende Funktion umsetzen kann:

wie bekommt man die ganze Tabelle, also auch mit den angeklickten Feldern als ein BIld exportiert/umgewandelt?

ezzemm
2015-10-07, 07:02:30
Hallo,

ich bins wieder. Das Beispiel von Rattus war ganz gut, ist ja eigentlich (jquery) easy.
Hab mich inzwischen etwas in das Thema eingearbeitet.

Hat jemand eine Idee wie man folgende Funktion umsetzen kann:

wie bekommt man die ganze Tabelle, also auch mit den angeklickten Feldern als ein BIld exportiert/umgewandelt?

Ich würde jQuery den betreffenden DOM-Abschnitt in ein Objekt speichern lassen, via AJAX an ein PHP-Skript schicken und dort mittels imagepng (http://php.net/manual/de/function.imagepng.php) das Bild erzeugen.

Ob man das auch rein clientseitig lösen kann, würde mich auch interessieren ;)

HajottV
2015-10-07, 08:41:27
Beispiel für dein Grid. (https://jsfiddle.net/nsxdxsop/)

:up:

Sephiroth
2015-10-07, 19:03:05
Ich würde jQuery den betreffenden DOM-Abschnitt in ein Objekt speichern lassen, via AJAX an ein PHP-Skript schicken und dort mittels imagepng (http://php.net/manual/de/function.imagepng.php) das Bild erzeugen.

Ob man das auch rein clientseitig lösen kann, würde mich auch interessieren ;)
Ja, geht. Das html wird in ein canvas objekt gerendert [1 (https://developer.mozilla.org/de/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas)] und das kann als Bild gespeichert werden.

einfacher geht es mit html2canvas (http://html2canvas.hertzen.com/)

ezzemm
2015-10-08, 06:49:58
Ja, geht. Das html wird in ein canvas objekt gerendert [1 (https://developer.mozilla.org/de/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas)] und das kann als Bild gespeichert werden.

einfacher geht es mit html2canvas (http://html2canvas.hertzen.com/)

Top! :up: