Activity Stream
93,432 MEMBERS
50 ONLINE
Gideon Sundback zipper doodle javascript Gideon Sundback zipper doodle javascript Gideon Sundback zipper doodle javascript Gideon Sundback zipper doodle javascript Gideon Sundback zipper doodle javascript
Results 1 to 6 of 6
  1.    Tweet this post   Share This Post On Facebook Share This Post On Google+
    #1
    Special Member
    Senior Poster
    Mobile_Guru's Avatar
    Gideon Sundback zipper doodle javascript

    Devil Gideon Sundback zipper doodle javascript

    The latest animated Google Doodle honors engineer Gideon Sundback's 132nd birthday. Today, when you visit Google.com (or other Google.TLDs) on April 24th, you will see a huge zipper down the middle of the Google of the logo -- giving an impression as if Google's letter stitched.

    If you click on the zipper, the zip begin opening up revealing the google.com search results page with a pre-entered search query [Gideon Sundback] in the search box.

    Gideon Sundbäck (April 24, 1880 - June 21, 1954) was a Swedish-American electrical engineer. Gideon Sundbäck is most commonly associated with his work in the development of the zipper. In 1905 he immigrated to the United States and in 1917 he issued the patent for the zipper, being awarded the patent in 1914.

    It uses the <canvas> tag
    Here is the Google Zipper Doodle Source Code :

    Source Code : 
    (function () {
        var 
    = !0,
            
    = !1;
        try {
            
    window.google || (window.google = {});
            
    google.doodle || (google.doodle = {});
            var 
    google.doodle,
                
    hjklmn0,
                
    23,
                
    qrsuvwx142,
                
    356,
                
    311,
                
    0,
                
    0,
                
    30,
                
    15,
                
    d,
                
    Gd,
                
    d,
                
    = {
                    
    back: {
                        
    src"/logos/2012/sundback12-hp-s.png",
                        
    height31,
                        
    width24,
                        
    x0,
                        
    y0
                    
    },
                    
    s: {
                        
    src"/logos/2012/sundback12-hp-l.jpg",
                        
    height120,
                        
    width186,
                        
    x0,
                        
    y0
                    
    },
                    
    F: {
                        
    src"/logos/2012/sundback12-hp-l.jpg",
                        
    height120,
                        
    width186,
                        
    x186,
                        
    y0
                    
    },
                    
    i: {
                        
    src"/logos/2012/sundback12-hp-s.png",
                        
    height60,
                        
    width28,
                        
    x24,
                        
    y0
                    
    },
                    
    top: {
                        
    src"/logos/2012/sundback12-hp-s.png",
                        
    height23,
                        
    width8,
                        
    x52,
                        
    y0
                    
    },
                    
    G: {
                        
    src"/logos/2012/sundback12-hp-s.png",
                        
    height7,
                        
    width15,
                        
    x60,
                        
    y0
                    
    },
                    
    B: {
                        
    src"/logos/2012/sundback12-hp-s.png",
                        
    height7,
                        
    width15,
                        
    x75,
                        
    y0
                    
    }
                },
                
    = function () {
                    
    google.psy && google.nav && google.nav.go google.nav.go("/search?q=Gideon+Sundback&ct=sundback12-hp&oi=ddle") : window.location.href "/search?q=Gideon+Sundback&ct=sundback12-hp&oi=ddle"
                
    },
                
    = function (abgie) {
                    
    a.beginPath();
                    
    a.moveTo(bg);
                    
    a.lineTo(ie);
                    
    a.stroke()
                },
                
    = function (abg) {
                    var 
    document.createElement("canvas"),
                        
    i.getContext("2d"),
                        
    j.createLinearGradient(000g);
                    
    t.addColorStop(0"#f5f5f5");
                    
    t.addColorStop(1"#f1f1f1");
                    
    e.fillStyle t;
                    
    e.fillRect(1122);
                    
    e.lineWidth 1;
                    
    e.strokeStyle "#d0d0d0";
                    
    L(e1010);
                    
    L(eb1b1);
                    
    L(e1g1g);
                    
    L(e0101);
                    
    e.fillStyle "#444";
                    
    e.textAlign "center";
                    
    e.font "bold 11px Arial,sans-serif";
                    
    e.fillText(a23);
                    return 
    i
                
    },
                
    = function (ab) {
                    var 
    document.createElement("canvas"),
                        
    g.getContext("2d");
                    
    i.fillStyle "#fff";
                    
    i.fillRect(00b29);
                    
    i.lineWidth 1;
                    
    i.strokeStyle "#c0c0c0";
                    
    L(i00b0);
                    
    i.strokeStyle "#d9d9d9";
                    
    L(i029b29);
                    var 
    b;
                    
    L(ie0e29);
                    return 
    g
                
    },
                
    "move,-ie-grabbing,-moz-grabbing,-o-grabbing,-webkit-grabbing,grabbing".split(","),
                
    aa "move,-ie-grab,-moz-grab,-o-grab,-webkit-grab,grab".split(","),
                
    = function (ab) {
                    if (
    a) for (var g in ba.style.cursor b[g]
                },
                
    ba = function (a) {
                    if (!
    && !Q()) {
                        
    c;
                        
    google.listen(window"mouseup"R);
                        
    google.listen(window"mousemove"S);
                        
    h.style.zIndex "2000";
                        
    P(hO);
                        
    && P(kO);
                        
    l.q.blur();
                        
    google.psy && K();
                        
    T();
                        
    S(a)
                    }
                },
                
    = function () {
                    if (!
    && H) {
                        
    c;
                        
    d;
                        
    h.style.cursor "auto";
                        if (
    kk.style.cursor "auto";
                        
    ca()
                    }
                },
                
    = function (a) {
                    if (
    F) {
                        
    a.stopPropagation && a.stopPropagation() : window.event.cancelBubble c;
                        
    a.preventDefault a.preventDefault() : a.returnValue d;
                        
    || window.event;
                        
    = !? [00] : [(a.clientX || a.targetTouches && a.targetTouches[0] && a.targetTouches[0].clientX || 0) + (document.body.scrollLeft || document.documentElement.scrollLeft || 0), (a.clientY || a.targetTouches && a.targetTouches[0] && a.targetTouches[0].clientY || 0) + (document.body.scrollTop || document.documentElement.scrollTop || 0)];
                        
    B;
                        
    Math.max(0G[1] - 30 J.i.height);
                        if (
    f.0) {
                            
    f.z--;
                            var 
    a;
                            
    Math.abs(b) > 50 && (0.25)
                        }
                        
    U()
                    }
                },
                
    = function () {
                    var 
    document.getElementById("mgmhppd");
                    
    a.offsetHeight 0;
                    
    30;
                    
    h.style.top "px";
                    var 
    document.getElementById("ftby");
                    if (
    && b.parentNodeb.parentNode.offsetHeight;
                    
    h.height document.body.clientHeight - (+ (30 p));
                    var 
    833,
                        
    document.getElementById("gbqf");
                    
    && (Math.max(bg.offsetWidth));
                    
    h.width Math.max(bdocument.body.clientWidth);
                    
    2;
                    
    || (= [00]);
                    
    G[0] = w;
                    if (
    k) {
                        
    k.style;
                        
    b.top h.style.top;
                        
    b.left 236 "px";
                        if (
    lb.height google.style.getPageOffsetTop(l) - "px"
                    
    }
                    
    da();
                    
    U()
                },
                
    = function (a) {
                    
    a.addColorStop(0"rgba(255,255,255,0)");
                    
    a.addColorStop(0.01"#eee");
                    
    a.addColorStop(0.55"#fff");
                    
    a.addColorStop(0.58"#b1b1b1");
                    
    a.addColorStop(0.68"#dedede");
                    
    a.addColorStop(0.98"#dedede");
                    
    a.addColorStop(0.99"rgba(255,255,255,0)")
                },
                
    da = function () {
                    
    1;
                    
    C;
                    
    42;
                    
    42
                
    },
                
    = function () {
                    if (
    j) {
                        
    j.clearRect(00vx);
                        var 
    B,
                            
    B;
                        
    j.fillStyle "#fff";
                        
    f.|| j.fillRect(00vx);
                        
    j.beginPath();
                        
    j.moveTo(00);
                        
    j.lineTo(a0);
                        
    j.arc(aB21, -Math.PI 20d);
                        
    j.lineTo(sx);
                        
    j.lineTo(0x);
                        
    j.lineTo(00);
                        
    j.fill();
                        
    j.beginPath();
                        
    j.moveTo(v0);
                        
    j.lineTo(b0);
                        
    j.arc(bB21, -Math.PI 2Math.PIc);
                        
    j.lineTo(ux);
                        
    j.lineTo(vx);
                        
    j.lineTo(v0);
                        
    j.fill();
                        
    W(J.s, -42yc);
                        
    W(J.F, -42yd);
                        if (
    H) {
                            
    W(J.v0Ac);
                            
    W(J.w0Ad)
                        }
                        if (
    H) {
                            var 
    = !|| l.q.dir != "rtl";
                            
    W(J.search, -57zg);
                            
    W(J.C, -57z, !g)
                        }
                        
    j.createRadialGradient(aBBaB42);
                        
    V(g);
                        
    j.fillStyle g;
                        
    j.fillRect(a042B);
                        
    j.createRadialGradient(bBBbB42);
                        
    V(a);
                        
    j.fillStyle a;
                        
    j.fillRect(r042B);
                        
    j.createLinearGradient(s0q0);
                        
    V(a);
                        
    j.fillStyle a;
                        
    j.fillRect(sB42B);
                        
    j.createLinearGradient(u0r0);
                        
    V(a);
                        
    j.fillStyle a;
                        
    j.fillRect(rB42B);
                        
    J.B.height 5;
                        for (
    0xa) {
                            
    W(J.G32c);
                            
    W(J.B3bd)
                        }
                        
    50;
                        
    Math.min(1, (- (50)) / a);
                        if (
    && 0) {
                            
    j.save();
                            
    j.globalAlpha a;
                            
    W(J.v0Ac);
                            
    W(J.w0Ad);
                            
    j.restore()
                        }
                        
    X(J.backJ.back.width 2B);
                        
    j.save();
                        
    0;
                        
    && (Math.atan((G[0]) / J.i.height));
                        
    j.translate(612 Math.abs(a) * 6);
                        
    j.rotate(a);
                        
    X(J.iJ.i.width 20);
                        
    j.restore();
                        
    X(J.topJ.top.width 25)
                    }
                },
                
    = function (abg) {
                    
    h.width || h.height || j.drawImage(a.aa.xa.ya.widtha.heightbga.widtha.height)
                },
                
    = function (abgi) {
                    var 
    r;
                    if (
    B) {
                        
    a.width b;
                        
    X(aeg)
                    } else {
                        var 
    0;
                        
    != && (= (g) / B);
                        
    42 b;
                        if (
    i) {
                            
    a.width;
                            
    42 Math.cos(t) * b
                        
    } else 42 Math.cos(t) * b;
                        
    j.save();
                        
    j.translate(eMath.sin(t) * b);
                        
    j.rotate(Math.PI + (? -t));
                        
    X(a00);
                        
    j.restore()
                    }
                },
                
    ea = function () {
                    
    google.psy || Y()
                },
                
    = function (a) {
                    var 
    document.getElementById("hplogo-i");
                    if (
    bb.style.display "" "none"
                
    },
                
    = function (a) {
                    
    window.clearTimeout(f.A);
                    if (
    && mn.style.position m.style.position "";
                    if (
    && (!|| !google.psy && google.browser.product.FIREFOX)) h.style.display "none";
                    if (
    kk.style.display "none";
                    
    Z(c);
                    
    google.unlisten(window"resize"T);
                    
    google.unlisten(window"mouseup"R);
                    
    google.unlisten(window"mousemove"S)
                },
                
    fa = function () {
                    if (
    google.msg) {
                        
    f.&& google.msg.unlisten(40f.o);
                        
    f.= function () {
                            
    || Y();
                            
    f.c;
                            
    google.msg.unlisten(40f.o);
                            
    f.Y() : U();
                            return 
    c
                        
    };
                        
    google.msg.listen(40f.o);
                        
    f.&& google.msg.unlisten(64f.k);
                        
    f.= function () {
                            
    T();
                            
    google.msg.unlisten(64f.k);
                            return 
    c
                        
    };
                        
    google.msg.listen(64f.k);
                        
    f.&& google.msg.unlisten(67f.n);
                        
    f.= function () {
                            
    || Y();
                            
    google.msg.unlisten(67f.n);
                            return 
    c
                        
    };
                        
    google.msg.listen(67f.n)
                    }
                },
                
    = function () {
                    var 
    window.location.href;
                    return 
    a.indexOf("#") > -&& /[^a-z]q=/.test(a) ? d
                
    },
                $ = function () {
                    if (!
    f.&& google.dstr && google.rein) {
                        
    f.c;
                        
    google.dstr.push(ea);

    [Login or Register to remove this advertisement]

                        
    google.rein.push($)
                    }
                    
    f.cpDestroy Y;
                    
    f.cpInit = $;
                    
    a: {
                        for (var 
    document.forms= ["f""gs""tsf""gbqf"], 0ib[g++];) if (a[i]) {
                            
    i;
                            break 
    a
                        
    }
                        
    null
                    
    }
                    
    l.btnK;
                    
    l.btnI;
                    if (!(
    = !l)) if (!(= !l.q)) if (!(l.q.value.length 0)) if (!(Q())) {
                        
    document.getElementById("hplogo-z");
                        if (!
    h) {
                            
    document.createElement("canvas");
                            
    document.body.appendChild(h)
                        }
                        if (
    h.getContext) {
                            
    h.getContext("2d");
                            
    Z(d);
                            
    h.id "hplogo-z";
                            
    h.style;
                            
    a.left "0";
                            
    a.position "absolute";
                            
    a.display "";
                            
    a.visibility "";
                            
    a.zIndex "-1";
                            if (
    document.getElementById("hplogo-c")) {
                                
    k.onmouseover U;
                                
    k.onmousedown ba;
                                
    k.ontouchstart ba;
                                
    k.style.display "";
                                
    P(kaa)
                            }
                            
    c
                        
    } else d;
                        
    = !a
                    
    }
                    if (
    aZ(c);
                    else {
                        
    window.clearTimeout(f.A);
                        
    0;
                        
    15;
                        
    30;
                        
    d;
                        
    f.d;
                        
    f.d;
                        
    f.5;
                        
    f.d;
                        
    fa();
                        for (var 
    e in J) {
                            
    J[e];
                            if (
    a.src) {
                                
    a.= new Image;
                                
    a.a.onload U;
                                
    a.a.src a.src
                            
    }
                        }
                        if (
    && && m) {
                            
    J.search = {
                                
    aM(m.innerText || m.textContent || m.valuem.offsetWidthm.offsetHeight),
                                
    heightm.offsetHeight,
                                
    widthm.offsetWidth,
                                
    x0,
                                
    y0
                            
    };
                            
    J.= {
                                
    aM(n.innerText || n.textContent || n.valuen.offsetWidthn.offsetHeight),
                                
    heightn.offsetHeight,
                                
    widthn.offsetWidth,
                                
    x0,
                                
    y0
                            
    };
                            
    Math.floor(google.style.getWidth(l.q) / 2);
                            
    J.= {
                                
    aN(ce),
                                
    height29,
                                
    widthe,
                                
    x0,
                                
    y0
                            
    };
                            
    J.= {
                                
    aN(de),
                                
    height29,
                                
    widthe,
                                
    x0,
                                
    y0
                            
    }
                        }
                        
    google.listen(window"resize"T);
                        
    T();
                        
    Math.max(0google.style.getPageOffsetTop(l) - 15 J.s.height 30);
                        
    google.style.getPageOffsetTop(m) - 30;
                        
    google.style.getPageOffsetTop(l) - 30;
                        if (
    && && m) {
                            
    google.style.getWidth(n) - google.style.getWidth(m);
                            
    42;
                            
    b;
                            
    l.q.dir != "rtl";
                            
    n.style.position m.style.position "relative";
                            
    n.style["left" "right"] = "px";
                            
    m.style["right" "left"] = "px"
                        
    }
                        
    U()
                    }
                },
                
    ca = function () {
                    
    D;
                    
    2;
                    
    G[0] = G[0] + (G[0]) * 0.3;
                    if (
    x) {
                        
    E;
                        
    5;
                        
    da()
                    }
                    
    U();
                    if (
    wf.window.setTimeout(ca30);
                    else {
                        
    G[0] = w;
                        
    f.c;
                        if (
    google.psy && f.gY();
                        else {
                            
    Y(c);
                            
    K()
                        }
                    }
                };
            
    google.google.x({
                
    id"DOODLE"
            
    }, $) : $()
        } catch (
    ga) {
            
    google.ml(gad, {
                
    cause"DOODLE"
            
    })
        };
    })(); 


    Compile Ur HTML , CSS , JAVASCRIPT code online

    [Only Registered and Activated users can see Content.
    Click Here To Register..
    ]
    Mobile_Guru Reviewed by Mobile_Guru on . Gideon Sundback zipper doodle javascript The latest animated Google Doodle honors engineer Gideon Sundback's 132nd birthday. Today, when you visit Google.com (or other Google.TLDs) on April 24th, you will see a huge zipper down the middle of the Google of the logo -- giving an impression as if Google's letter stitched. If you click on the zipper, the zip begin opening up revealing the google.com search results page with a pre-entered search query in the search box. Gideon Sundbäck (April 24, 1880 - June 21, 1954) was a Rating: 5

  2.   Advertisements

  3.    Tweet this post   Share This Post On Facebook Share This Post On Google+
    #2
    Please, it's possible to know how to implement it in a html page?
    I tried it, but it doesn't work.
    Note that i have changed urls like
    src: "/logos/2012/sundback12-hp-s.png"
    in
    src: "http://www.google.com/logos/2012/sundback12-hp-s.png"
    or after i download it, i've changed in
    src: "/images/sundback12-hp-s.png"

  4. The Following 1 Users Say Thank You to miregistro For This Useful Post:
    [ Click to Expand ]

    Mobile_Guru (4th May 2012)

  5.    Tweet this post   Share This Post On Facebook Share This Post On Google+
    #3
    Special Member
    Senior Poster
    Mobile_Guru's Avatar
    Gideon Sundback zipper doodle javascript
    Oops! i have forgot to mention that src location is [Only Registered and Activated users can see Content.
    Click Here To Register..
    ]


    thanks for remind mate

  6.    Tweet this post   Share This Post On Facebook Share This Post On Google+
    #4
    I also have no idea how to implement this source code... Could you please post an example in an html document?

  7.    Tweet this post   Share This Post On Facebook Share This Post On Google+
    #5

  8.    Tweet this post   Share This Post On Facebook Share This Post On Google+
    #6
    Thank you very much

Thread Information

Users Browsing this Thread

There Are Currently 1 Users Browsing This Thread. (0 Members and 1 Guests)

Similar Threads

  1. Zipper 1.9.9.7
    By king of hell in forum Android OS Applications
    Replies: 0
    Last Post: 27th February 2014, 05:13 AM
  2. JavaScript - Get Cookies
    By Xcode in forum JavaScript
    Replies: 0
    Last Post: 17th March 2013, 03:52 PM
  3. [THEME] Zipper Lock Leather Collection v1.0
    By NightmareMan in forum Android OS Themes/Wallpapers/Skins
    Replies: 0
    Last Post: 20th July 2012, 06:20 AM
  4. Javascript to JSP
    By dk007 in forum JavaScript
    Replies: 1
    Last Post: 29th April 2012, 03:09 PM
  5. Is something undefined in JavaScript?
    By Xcode in forum JavaScript
    Replies: 1
    Last Post: 14th March 2012, 09:20 PM

Tags for this Thread

BE SOCIAL
Gideon Sundback zipper doodle javascript Gideon Sundback zipper doodle javascript Gideon Sundback zipper doodle javascript Gideon Sundback zipper doodle javascript Gideon Sundback zipper doodle javascript