JSFiddle

  • jQuery Mobile 2-page Base Fiddle #1 is the latest revision

    jQuery 1.6, HTML, CSS, JavaScript

    $(document).ready(function(){
        $("#p1 [data-role=listview]").append('<li class="ui-li ui-li-static ui-btn-up-c ui-first-child"><div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c"><input  class="ui-input-text ui-body-c" type="time" /></div></li>');
        $("#p1 [data-role=listview]").listview("refresh");
    });
  • jQM Template

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(document).on('pagebeforecreate', '#p1', function(){ 
        $("[data-role='listview']").append('<li><input type="time"/></li>');
    });
  • jQM - Dynamic checkbox/radio DEMO

    jQuery 1.8.3, HTML, CSS, JavaScript

    $(document).on('pagebeforeshow', '#index', function(){    
        $(".custom").attr("checked",false).checkboxradio("refresh");
    });
  • jQM - Photoswipe custom button #6 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

    $( document ).ready(function() {    
        var url = "https://api.flickr.com/services/rest/?method=flickr.people.getPhotos&api_key=008f6dbb151fa0d6afdacea3ff6ef51f&user_id=125323824@N04";
        var src;
        $.getJSON(url + "&format=json&jsoncallback=?", function(data){
            $.each(data.photos.photo, function(i,item){
                src = "http://farm"+ item.farm +".static.flickr.com/"+ item.server +"/"+ item.id   +"_"+ item.secret +"_s.jpg";
                srcc ...
  • jQ - #43 is the latest revision

    jQuery 1.9.1, HTML, CSS, JavaScript

        $(document).ready(function() {
            //alert(new Date().format("m/d/Y"));
            array1 = ["6/5/2014", "6/14/2014", "6/21/2014 ...
  • jQ - #22 is the latest revision

    jQuery 1.10.1, HTML, CSS, JavaScript

    $(document).ready( function(){	
        // buttons for next and previous item						 
        var buttons = { previous:$('#jslidernews1 .button-previous') ,
                       next:$('#jslidernews1 .button-next') };			
        $('#jslidernews1').lofJSidernews( { interval ...
  • jQ - #3 is the latest revision

    jQuery 1.10.1, HTML, CSS, JavaScript

    $( document ).ready(function() {
    
    });
  • Posao

    jQuery 1.10.1, HTML, CSS, JavaScript

    <div style="width:700px; height:50px; min-height:50px; height:auto !important;">
        <div style="width:180px; height:500px; min-height:500px; height:auto !important;display:inline-block; position:relative;">
            <table style="font-family: arial; font-size: 14px; font-weight: bold;">
                <tr><td style="height: 20px;width: 100%;">&nbsp;</td></tr>
                <tr><td style="height: 20px;width: 100%;">Godina:</td></tr>
                <tr><td style="height: 20px;width: 100%;">Društvo:</td></tr>
                <tr><td style="height: 20px;width: 100%;">OIB vlasnika:</td></tr>
                <tr><td style="height: 20px;width: 100%;">Ime vlasnika:</td></tr>
                <tr><td style="height: 20px;width: 100%;">Prezime/naziv vlasnika:</td></tr>
                <tr><td style="height: 20px;width: 100%;">OIB vozača:</td></tr>
                <tr><td style="height: 20px;width: 100%;">Ime vozača:</td></tr>
                <tr><td style="height: 20px;width: 100%;">Prezime/naziv vozača:</td></tr>
                <tr><td style="height: 20px;width: 100%;">Reg. oznaka:</td></tr>
                <tr><td style="height: 20px;width: 100%;">Šasija:</td></tr>
                <tr><td style="height: 20px;width: 100%;">Prem ...</td></tr></table></div></div>
  • jQM Template

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(document).on('pagebeforeshow', '#index', function(){ 
        $(document).on('click', '#click-me', function(){ 
            $.mobile.changePage( "#RestoreFromBackup", {
                transition: "pop",
                role: "dialog"
            });
        });
    });
  • jQM - Dynamically populate listview from XML #7 is the latest revision

    jQuery 1.8.3, HTML, CSS, JavaScript

    $(document).on('pagebeforeshow','#index',function(e,data){    
        $('#cars-data').empty();
        $.ajax({
            type: "POST",
            url: "/echo/xml/",
            dataType: "xml",
            data: {
                xml: "<Root><Row><Emri>Abide ...</emri></row></root>