JSFiddle

  • Weg anzeigen v02

    jQuery 1.9.1, HTML, CSS, JavaScript

            var directionsDisplay;
            var directionsService = new google.maps.DirectionsService();
            var map;
            var mylocationpoint = new google.maps.LatLng(47.377423, 8.517704 ...
  • Set Marker via Input Field

    jQuery 1.9.1, HTML, CSS, JavaScript

    var map;
    var center;
    var myLatlng;
    var lat, lng, button;
    
    function initialize() {
        var coordinates = document.getElementById("txtLatLng").value.split(/[,:]/);
        console ...
  • Sorted List date (data-attribute) #4 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    (function($){
        var container = $(".sort-list");
        var items = $(".sort-item");
        
        items.each(function() {
           // Convert the string in 'data-event-date' attribute to a more
           // standardized ...
  • List Sorted by data attribute

    jQuery 1.9.1, HTML, CSS, JavaScript

    $('.container').sort(function (a, b) {
      return $(a).find('.terminal').data('price') - $(b).find('.terminal').data('price');
    }).each(function (_, container ...
  • Sort Distance (computeDistanceBetween) #11 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    var home = ['London', new google.maps.LatLng(51.5, -0.1167)];
    
    var pts = [
            ['Prague', new google.maps.LatLng(50.08 ...
  • isotope with lazy #4 is the latest revision

    problem, lazy not responding

    // For Ajax testing
    var json = [{
        "width": "200",
        "height": "300",
        "image": "http://images2.wookmark.com/266707_tumblr_moaebdyiek1sqmj1zo1_500.jpg"
    }, {
        "width": "200",
        "height": "200 ...
  • Maps API v3 SVG markers increase in size #1 is the latest revision

    Increate marker icon size every time a marker is added to the map

    var map;
    var polyLine;
    var polyOptions;
    var iconSize = 0.5;
    
    function initialize() {
        
        var mapOptions = {
            zoom: 5,
            mapTypeId: google.maps.MapTypeId ...
  • Test Spinner spin.js

    spin.js

    function createEl(t,e){var i,n=document.createElement(t||"div");for(i in e)n[i]=e[i];return ...
  • Calculated Typo CSS

    No-Library (pure JS), HTML, CSS, JavaScript

    <div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam ...</div>
  • flickr json feed

    Search tags without API Key

    (function() {
      var flickerAPI = "https://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
      $.getJSON( flickerAPI, {
        tags: "Z├╝rich,See",
        tagmode: "all",
        content_type ...