php: lesen von dateinamen leicht gemacht

 

oft kommt es vor, dass man von einer datei nur den puren dateinamen oder die dateiendung benötigt. vergessen die komplizierte string-operationen mit zeichensuche: pathinfo nimmt uns die ganze arbeit ab!

weiter lesen

jquery: ein einfaches & schnelles ‘live-search’-suchfeld selber gemacht

 

jeder hat es bestimmt schon mal gesehen, man setzt den cursor in ein suchfeld, fängt an zu tippen und schon erscheinen ein paar suchvorschläge die man mit einem klick in das suchfeld übernehmen kann. warum das nicht einfach im eigenen projekt verwenden!? ein wenig code reicht schon aus…

weiter lesen

html5 & jquery: text von html-elementen direkt auf der webseite bearbeiten

 

damit man zum beispiel den text eines absatzes (p-element) direkt auf einer webseite ändern kann, gibt es seit html5 ein neues attribut mit dem namen “contenteditable”. ein kleines beispiel zeigt wie man texte direkt im element ändern und erneut ausgeben kann.

weiter lesen

jquery: zeilen einer html-tabelle nacheinander einblenden

 

mit jquery lassen sich nicht nur elemente wie div’s oder bilder sequenziell einblenden, sondern zum beispiel auch die zeilen einer normalen html-tabelle. ein schöner effekt der die darstellung etwas aufpeppt. und das mit gerade mal 4 bis 5 zeilen code! dazu ein mini-beispiel…

weiter lesen

javascript: aktuelle URL auslesen

 

das beispiel zeigt, wie man die aktuelle URL aus der adressleiste des browsers ausliest.

weiter lesen

css: gepunkteten rahmen bei links entfernen

 

das beispiel zeigt, wie man den rahmen eines geklickten links (a-element) über eine css-anweisung entfernt (firefox).

weiter lesen

jquery: auf tasten(kombinationen) der tastatur reagieren & aktionen ausführen

 

wenn man die hände eh schon an der tastatur hat, ist es hin und wieder praktisch aktionen auf einer webseite durch eine tastenkombination zu steuern. wie man mit hilfe von js/jquery tasten(komninationen) abfragt, zeigt dieses kleine beispiel. es lassen sich dann ganz normale funktionen wie bei einem klick aufrufen.

weiter lesen

jquery: ein html-formular per ajax versenden und eine hinweis-seite dynamisch nachladen & animiert anzeigen

 

das beispiel soll zeigen, wie man mit hilfe von jquery ein einfaches html-formular an ein php-skript abschicken kann und bei erfolg eine dynamisch nachgeladene seite als hinweis animiert einblendet. die nachgeladene seite ist dabei eine einfache separate html-seite mit einem text drin.

weiter lesen

jquery: tooltips (hinweistexte) für beliebige html-elemente aus xml-dateien laden & in einer infobox anzeigen

 

das beispiel zeigt, wie man hinweistexte (tooltips) für beliebige html-elemente auf seiner webseite mit jquery anzeigen lassen kann. das besondere dabei: die einzelnen tipps sind gesondert in einer xml-datei gespeichert!

weiter lesen

jquery: sequenzieller FadeIn von beliebigen html-elementen (nacheinander einblenden)

 

viele kennen die vorzüge von “each” beim durchlauf von elementen unter jquery. damit kann man zum beispiel das einblenden von elementen relativ leicht umsetzen. mit einer minimalen erweiterung, kann man das einblenden auch sequenziell mit einer zeitverzögerung realisieren. somit erscheinen die objekte oder z.b. bilder nacheinander. kommt richtig gut! dazu ein beispiel.

weiter lesen