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

Seiten druckfrisch gestalten

Mancher Besucher einer Website möchte eine bestimmte Seite ausdrucken, auf dem Papier stören dann Elemente wie Werbung, Navigationsleisten, großflächige Design-Elemente oder andere Elemente. Wie Sie diese vor dem drucken "wegzaubern" erfahren Sie hier.

Audio-Player

Mit diesem Audio-Player kann man Audio-Dateien über JavaScript steuern.

Berechnungen mit dem Datum

Feiertage, Mondphase, Wochentag, Sonnenaufgang und Sonnenuntergang, Julianisches Datum, Sternzeichen, ...