In der GoogleMaps Api V3 gibt es einen Bug, der dafür sorgt, das gesetzte Marker verschwinden(Insbesondere SVG-Icons). Im Netz kursieren diverse Workarounds die z.B. darauf aufbauen, das Zoom-Level zu verändern und gleich wieder zurück zu zoomen… Es gibt aber noch eine einfache Lösung: In den Marker-Optionen optimized: false setzen!
Archiv der Kategorie: JavaScript
JS Date Time Picker
Aufbauend auf dem jQuery UI DatePicker eine Erweiterung um eine Zeitauswahl:
http://trentrichardson.com/examples/timepicker/
http://www.blogrammierer.de/jquery-jquery-ui-datepicker-zu-einem-datetimepicker-upgraden/
oder ein jQueryDatepicker PlugIn dass die Zeitauswahl schon mitdrin hat:
http://xdsoft.net/jqplugins/datetimepicker/
Internet Explorer 9+ Sliding Box-Shadow Bugfix
Problem:
Elemente die z.B. via JQuery auf- und zu sliden bzw. ihre größe dynamisch ändern und einen box-shadow haben, hinterlassen im IE9+ unschöne Spuren beim Sliden, die dauerhaft sichtbar bleiben.
Lösung:
#element {
overflow: hidden;
}
#element:after {
content: “ „;
font-size: 1px;
display: inline;
line-height: 0;
overflow: hidden;
}
Select-Boxen mit JS
http://brianreavis.github.io/selectize.js/
http://ivaynberg.github.io/select2/
http://www.bulgaria-web-developers.com/projects/javascript/selectbox/
Loader / Spinner Creator
Cool gemachter Editor zum erstellen von Loader / Spinner – Elementen:
JS Plugin Underscore.js
http://epeli.github.com/underscore.string/
sieht aus als wäre das manchmal ganz shcön nützlich mit solchen funktionen wie: capitalize, clean, includes, count, escapeHTML, unescapeHTML, insert, splice, startsWith, endsWith, titleize, trim, truncate
https://github.com/epeli/underscore.string#readme
A Fix for the iOS Orientationchange Zoom Bug
http://filamentgroup.com/lab/a_fix_for_the_ios_orientationchange_zoom_bug/
https://github.com/scottjehl/iOS-Orientationchange-Fix
HTML 5 Video Player
VideoJS:
http://videojs.com/
j-media element:
http://www.protofunc.com/jme/
Schöne jquery selector Beispiele
Formulare validieren
Formulare, die mit dem plugin jquery.validate validiert werden, lassen sich auch mit einem Link anstatt eines Submit Buttons abschicken:
{code type=html}
<a class=“check“>link</a>
{/code}
{code type=“javascript“}
$(„.check“).click(function(){
$(„#myForm“).validate();
if ($(„#myForm“).valid()) {
document.myform.submit();
}
});
{/code}