Category Archives: JavaScript
JavaScript CSV Download – Excel + Umlaute
var downloadCsv = function(content, fileName) { var a = document.createElement(‚a‘); mimeType = mimeType || ‚application/octet-stream‘; var mimeType = ‚text/csv;encoding:utf-8‘; var BOM = „\uFEFF“; content = BOM + content; if (navigator.msSaveBlob) { // IE10 navigator.msSaveBlob(new Blob([content], { type: mimeType }), fileName); } else if (URL && ‚download‘ in a) { //html5 A[download] a.href = URL.createObjectURL(new Blob([content], […]

IsNull in JavaScript
In SQL gibt es die tolle Funktion, wenn ein Wert nicht null ist, dann nimm diesen, ansonsten nimm die Alternative. Die Syntax dazu ist IsNull(‚meinWert,’Alternative‘). Um z.B. dem Nutzer kein null in einer Textbox anzuzeigen, habe ich eine Funktion geschrieben, die im Prinzip das gleiche macht.
Get Rekursive Object
Mit der folgenden Funktion kann man rekursiv ein Objekt in Javascript nach einem bestimmten Attribut durchsuchen. Das ganze auch noch ziemlich performant.
Nützliche Javascript Bibliotheken
Ich mach hier mal eine kleine Sammlung von Javascript Bibliotheken, die ich vielleicht eines Tages gebrauchen kann. Forms Alternative Select Boxen https://select2.github.io/examples.html https://twitter.github.io/typeahead.js/ https://harvesthq.github.io/chosen/ http://rmm5t.github.io/jquery-flexselect/ http://loopj.com/jquery-tokeninput/ https://tympanus.net/codrops/2014/07/10/inspiration-for-custom-select-elements/ https://tympanus.net/Tutorials/CustomDropDownListStyling/index2.html# Multiple Select http://loudev.com/#demos Datepicker https://uxsolutions.github.io/bootstrap-datepicker/ http://amsul.ca/pickadate.js/ https://fullcalendar.io/ http://felicegattuso.com/projects/timedropper/ Daterange: http://www.daterangepicker.com/#examples http://rettica.com/caleran/docs/readme.html#caleran-date-range-picker Tables http://issues.wenzhixin.net.cn/bootstrap-table/ http://listjs.com/ Modal, PopUp http://dimsemenov.com/plugins/magnific-popup/ http://codeseven.github.io/toastr/demo.html http://likeastore.github.io/ngDialog/# http://qtip2.com/ List shortcuts: https://www.impressivewebs.com/demo-files/question-mark-js/ Treeview https://www.jstree.com/ Drag […]
JQuery Datepicker komplett in Deutsch mit Heute als Standard
Um den Datepicker komplett auf Deutsch nutzen zu können bedarf es einiger Änderungen es zunächst das Laden der CSS Datei:
dann das laden der JQuery files
dann im <script> </script>:
und zum Schluss den Textinput an sich:
OpenStreetMap, OpenLayers Map anzeigen, Marker setzen und Route hinzufügen
einfacher Open Layer Code, mit dem man eine Linie zwischen 2 Punkten erstellen kann. Diese bekommen am Anfangspunkt einen Marker, am Ende einen Marker und dazwischen einen. Dies könnte z.B. so Aussehen:
Login