Listen als Standard Controls von Libs/Templates?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anwendung
auftauchen
beschreibung
datenbank
datum
eingabe
eintrag
erweiterung
kleines web
konzentrieren
liste
listen
plazieren
projekt
schlagwort
setzen
standard
stellen
string
suche
-
Hi,
Ich will wieder versuchen ein kleines Web Projekt um zu setzen, und wollt euch da auch um Hilfe bitten
Und zwar suche ich nach einer Möglichkeit standard GUI elemente einfach per HTML/CSS/JS in eine website ein zu bauen.
(um das zu verstehen, ich kenne das von c#+WPF wo ich Standard GUI Controls einfach auf der Anwendung platzieren kann und dann auch mit Daten direkt befüllen ... bei Listen z.B. Mit collections und man gibt an welche Properties angezeigt werden … )
Für mein Projekt suche ich nach der Möglichkeit ein Paar Daten aus einer Datenbank in Listen dar zu stellen.
1) Eine Liste die Namen darstellt + ein Icon Daneben (immer dasselbe)
wobei ein Klick auf den Namen einen Link öffnet
ein Klick auf das Icon einen anderen
2) Eine Liste die einen String darstellt
wenn ich einen Eintrag auswähle soll in einem zugehörigen Bereich weitere Info (Titel, Beschreibung, Link) auftauchen
3) Außerdem sollten beide Listen filterbar sein … also mit einer TextBox, die bei Eingabe dafür sorgt das Einträge in der Liste die den Text nicht enthalten nicht angezeigt werden…on the fly
Gibt es für sowas gute Libraries/frameworks/Templats?
Um den vielen Code um diese Standard Funktion zu implementieren zu sparen. und man sich nur auf den Rest konzentrieren kann?
Bzw nach welchen Schlagworten sollte ich suchen?
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wie holst du dir die Daten aus der Datenbank? AJAX, PHP ...
(1) kannst du etwa mit PHP lösen, indem du die Daten aus der Datenbank zeilenweise ausliest und dabei in die Tabelle schreibst, zusammen mit dem Icon und dem Link um das Icon.
(2) Entweder nutzt du jQuery, oder du schreibst es selbst in JS. Wenn es ausgewählt ist (onFocus, onClick ...) änderst du für den <div> mit der weiteren Info visibility:hidden zu visibility:visible um sie anzuzeigen.
(3) Ist möglich. Dafür ist jQuery dein Freund und Erweiterungen dafür. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage