Artikel über Checkboxen auswählen

Hier können Artikel (Bilder) ausgewählt werden die bestimmte Kriterien der Checkboxen erfüllen.

CSV-Datei für die Daten

Die Daten sind in einer externen CSV-Datei gespeichert artikel.csv und können individuell geändert werden. Als Trennzeichen zwischen den Spalten wurde hier der Strichpunkt verwendet.

Das auslesen und sortieren der Daten erfolgt über eine PHP-Datei auswahlform_ausgabe.php, die aber je nach Anzahl der Spalten angepasst werden muss.

David Brittain;250;Ölgemälde;60x120cm;187-1287;img_1287.jpg
Shuichiro Inomata;250;Ölgemälde;50x100cm;187-2245;img_2245.jpg
Mohomodou Houssouba;350;Aquarell;55x80cm;187-4477;img_4477.jpg
David Brittain;450;Aquarell;70x130cm;187-5822;img_5822.jpg
Shuichiro Inomata;250;Ölgemälde;80x60cm;187-6891;img_6891.jpg
Margaret  Melton;350;Aquarell;40x30cm;187-7120;img_7120.jpg
Margaret  Melton;250;Aquarell;50x85cm;187-8611;img_8611.jpg
David Brittain;450;Ölgemälde;75x90cm;187-9356;img_9356.jpg
Margaret  Melton;450;Ölgemälde;60x90cm;187-3581;img_3581.jpg
Ruslan Belkin;350;Aquarell;60x90cm;187-5286;img_5286.jpg
Margaret  Melton;250;Ölgemälde;60x70cm;187-4533;img_4533.jpg
Mohomodou Houssouba;450;Aquarell;70x90cm;187-9781;img_9781.jpg
Shuichiro Inomata;350;Ölgemälde;60x50cm;187-5641;img_5641.jpg
Mohomodou Houssouba;450;Aquarell;60x100cm;187-7697;img_7698.jpg
Ruslan Belkin;250;Ölgemälde;80x90cm;187-5527;img_5527.jpg

➥ Damit die Daten nicht doppelt aufgelistet werden, darf jedes Bild nur einmal in der Liste vorhanden sein.

Herunterladen: checkboxen_auswaehlen.zip

Viel Spaß damit!

Tipps

Diashow

Die Diashow liest Bilder aus einem Verzeichnis aus (mit PHP), und zeigt diese mit Hilfe von JavaScript an.

Zeitansage in JavaScript

Dieses JavaScript gibt die aktuelle Uhrzeit in Worten aus.

Bilder in den Browser laden per File API

Wenn Bilder hoch geladen werden sollen, ist es für dem Benutzer wissenswert welche Bilder er überhaupt ausgewählt hat. Diese JavaScript-Funktion zeigt Bilder vor dem hochladen im Browser an.