$(document).find

JavaScript performance comparison

Test case created by pg

Preparation code


<!DOCTYPE html>
<!--[if IE 7]>         <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html lang="en" class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <title>spl_scratchcard_lobby</title>
                <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <script src="/js/libs/debug/modernizr-2.6.2.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/spl/head/spl-head.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            window.SPL.staticFilesPath = "";
            window.SPL.contextPath = "/web";
            window.SPL.statisticsToLoad = ""
        </script>
        <link href="css/compiled/spl.css" rel="stylesheet" >

        <!--[if lt IE 9]>
       <link rel="stylesheet" href="css/compiled/ie7.css" type="text/css" media="screen" title="no title" charset="utf-8">
       <![endif]-->

        <!--[if IE 9]>
       <link rel="stylesheet" href="css/compiled/ie9.css" type="text/css" media="screen" title="no title" charset="utf-8">
       <![endif]-->

        <!-- Le fav and touch icons -->
        <link rel="shortcut icon" href="/favicon.ico">
        <meta name="apple-mobile-web-app-title" content="PostkodLott">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">    </head>
    <body class="start"  data-constants='{"UNSUPPORTED_DEVICE_URL": "//www.acceptance.postkodlotteriet.se/devices.htm"}'>
        <div id="mobileMenu">
        <div class="mobileLogIn">
        <div class="content">
                <h3>Logga in</h3>
                <form class="loggain">
                        <div class="field">
                                <input type="text" placeholder="E-Post adress" />
                        </div>
                        <div class="field">
                                <input type="password" placeholder="Lösenord" />
                        </div>
                        <button type="submit" class="button green">Logga in</button>
                        <ul class="actions">
                                <li><a>Glömt lösenord?</a></li>
                        </ul>
                </form>
        </div>
        <div class="action">
                <h3>Dy som gar en PostkodLott</h3>
                <button type="submit" class="button white blue-variant">Logga in</button>
        </div>
        <div class="action">
                <h3>Dy som gar en PostkodLott</h3>
                <button type="submit" class="button white blue-variant">Logga in</button>
        </div>
</div></div>

<div id="mobileMainMenu">
        <ul class="leftMobileMenu">
                <li>
                        <a>Sätt in pengar <span class="show-more"></span></a>
                        <ul>
                                <li><a> Level 2 <span class="show-more"></span></a>
                                        <ul>
                                                <li><a> Level 3</a></li>
                                                <li><a> Level 3</a></li>
                                                <li><a> Level 3</a></li>
                                                <li><a> Level 3</a></li>
                                                <li><a> Level 3</a></li>
                                                <li><a> Level 3</a></li>
                                        </ul>
                                </li>
                                <li><a> Level 2</a></li>
                                <li><a> Level 2</a></li>
                                <li><a> Level 2</a></li>
                                <li><a> Level 2</a></li>
                                <li><a> Level 2</a></li>
                        </ul>
                </li>
                <li>
                        <a>Rätta lott <span class="show-more"></span></a>
                        <ul>
                                <li><a> Level 2</a></li>
                                <li><a> Level 2</a></li>
                                <li><a> Level 2</a></li>
                                <li><a> Level 2</a></li>
                                <li><a> Level 2</a></li>
                                <li><a> Level 2</a></li>
                        </ul>
                </li>
                <li>
                        <a>Köp lott</a>
                </li>
                <li>
                        <a>Mina sidor</a>
                </li>
                <li>
                        <a>Logga ut</a>
                </li>
        </ul>
       
</div>        <div class="viewport">
            <div class="wrapper">
                <div class="mobile-menu">
        <div class="container">
        <div class="menuGutter mobileMenu-handler button white green-variant" data-element="#mobileMenu">
                <span class="fick"></span>
        </div>
        <div class="login-information">
                Tester Testsson<br/>
                <span>500 kr</span>
        </div>
                <div class="mainMenuGutter mobileMenu-handler button white red-variant" data-element="#mobileMainMenu" data-direction="right">
                Meny
        </div>
        </div>
</div>                <div id="dropdown-overlay" class="floating-panel-wrapper">

</div>

<!-- PANELS -->
<div style="display: none;">
        <div id="loginTopPanel">
                <div id="login" class="login container">
                        <div class="login-left">
                                <div class="wrapper-login-left">
                                        <div>
                                                <div>
                                                        <h1 class="welcome">Välkommen tillbaka</h1>
                                                </div>
                                                <div>
                                                        <p>
                                                                Haven't upgraded yet? not to worry..
                                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vel enim nec lectus laoreet viverra.
                                                                Donec eget neque et eros posuere laoreet at eu ligula. Donec convallis, magna a pharetra scelerisque,
                                                                lorem lorem bibendum sem, quis hendrerit quam arcu nec sem. Duis vitae mi enim, non fermentum ipsum.
                                                        </p>
                                                </div>
                                        </div>
                                        <form class="login-form-left" action="#">
                                                <h3 class="your-info">Dina uppgifter<span class="help"> </span></h3>
                                                <div class="login-form clear">
                                                        <div class="span">
                                <div class="field">
                                    <label for="personal_number">Personnummer</label>
                                    <input type="text" id="personal_number" class="login-text" placeholder="ÅÅÅÅMMDDXXXX"/>
                                </div>
                                                        </div>
                                                        <div class="span2 login-form-custumerNumber">
                                <div class="field">
                                    <label for="customer_number">Kundnummer</label>
                                    <input type="text" id="customer_number" class="login-customerNumber" placeholder=""/>
                                </div>
                                                        </div>
                                                </div>
                                                <a href="#">Mejla mig mitt kundnummer tack!</a>
                                                <button type="submit" class="login-btn button white blue-variant">
                                                        Logga in
                                                </button>
                                        </form>
                                </div>
                        </div>
                        <div class="login-right">
                                <form action="#" class="login-form-right">
                                        <div class="wrapper-login-right">
                                                <h3 class="log-in"><span class="lock"> </span>Logga in på ditt konto</h3>
                        <div class="field">
                            <label for="email">E-post</label>
                            <input type="text" id="email" class="login-text" />
                        </div>
                        <div class="field">
                            <label for="password">Lösenord</label>
                            <input type="password" id="password" class="login-text" />
                                                </div>
                        <a href="#">Glömt lösenord?</a>
                                                <button type="submit" class="login-btn button white blue-variant">
                                                        Logga in
                                                </button>
                                        </div>
                                </form>
                        </div>
                </div>
        <div class="halfCircleBottom">
            <span class="close-message">STÄNG</span>
            <span class="close-system-message closePanel"> </span>
        </div>
        </div>


    <!--<div id="depositMoney" class="depositMoney" data-url="/partials/deposit.php?step=1">
       <div class="container">
           <div class="waiting">
               <h2>Transaction in progress</h2>
           </div>

           <div class="js_depositFormContainer"></div>

       </div>
       <div class="halfCircleBottom">
           <span class="close-message">STĄNG</span>
           <span class="close-system-message js_closePanel"> </span>
       </div>
   </div>-->
   
    <div class="page-notification" class="page-notification">
        <div class="notification container">
            <p>Info.... Lorem ipsum....</p>
        </div>
    </div>
</div>
                <div style="display: none;">
        <div class="notification_blueprint">
                <span class="icon"></span>
                <span class="close"></span>
                <p class="message"></p>
        </div>
</div>

<div id="header" >
    <div class="container no-gutter">
        <a href="#" class="logo"> Example</a>
        <div class="header-actions">
            <ul class="nav-left-to-right">
                <li><div><a href="/ratta_lott.php" class="nav-link gray-variant">Rätta lott</a></div></li>
                <li><div><a href="/overlay-test.html" class="nav-link green-variant js-load-overlay">Gå med</a></div></li>
                <li><div><a href="/partials/loginDropdown2.html" class="nav-link blue-variant js-load-overlay" >Logga in</a></div></li>
            </ul>
        </div>
    </div>
</div>
                                <div class="scratch-navigation">
                    <div class="container">
                        <nav id="mainNavigation">
                        <ul class="nav-left-to-right">
                            <li>
                                <a class="nav-link active">Hem</a>
                            </li>
                            <li>
                                <a class="nav-link">Lotten</a>
                            </li>
                            <li>
                                <a class="nav-link">Bingo</a>
                            </li>
                            <li>
                                <a class="nav-link">Skraplott</a>
                            </li>
                            <li>
                                <a class="nav-link">Mina sidor</a>
                            </li>
                            <!--
                           <li class="searchfunction">
                               <div class="advancedsearch">
                                   <span class="left"></span>
                                   <span class="icon-search"></span>
                                   <input type="text">
                                   <span class="right"></span>
                               </div>
                           </li>
                           -->
                        </ul>
                </nav>                    </div>
                </div>
                <div class="scratchcampaign">
                    <div class="container">
                        <div class="row-fluid ">
    <div class="span8">
        <h1 class="campaign-header">Hej Martin, denna vecka har vi lagt till extra vinster i Turskrapet.</h1>
        <p>
            Och vi har även höjt jackpotten till 2.000.000 kr
            <br/>
            <a class="btn-floating-panel" data-target="#depositMoney">Sätt in pengar</a> och pröva lyckan.
        </p>
    </div>
    <div class="span4 ">
        <div class="campaign-TopRight hidden-phone hidden-tablet">
            <img src="img/campaign.png" alt="Image"/>
        </div>
    </div>
</div>                    </div>
                </div>
                <div class="scratchgames">
                    <div class="wrapper">
                        <div class="container">
                            <div class="badge green first">
    VÅRA SKRAPLOTTER
</div>
<div class="row-fluid bingocards">
    <div class="span4">
        <div class="bingocard">
            <div class="front genericbox">
                <div class="image">
                    <img src="test_images/bingo_card.png" width="298" height="192" alt="Image"/>
                </div>
                <div class="tag">
                    <img src="img/tags/lotten.png" alt="Lotten"/>
                </div>
                <div class="wrapper">
                    <h3>Introducing our new bingo</h3>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor.
                    </p>
                    <a class="more">
                        More
                    </a>
                    <button class="button green right">Köp lott</button>
                </div>

            </div>
            <div class="back genericbox">
                <div class="wrapper">
                    <div class="tag">
                        <img src="img/tags/lotten.png" alt="Lotten"/>
                    </div>
                    <h3>Next month, you can win...</h3>

                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc
                        molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam
                        vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.
                    </p>
                    <a class="return">
                        Back
                    </a>
                </div>

            </div>
        </div>
    </div>
    <div class="span4">
        <div class="bingocard">
            <div class="front genericbox">
                <div class="image">
                    <img src="uploaded_images/bingo_card2.png" width="298" height="192" alt="Image"/>
                </div>
                <div class="tag">
                    <img src="img/tags/bingo.png" alt="Lotten"/>
                </div>
                <div class="wrapper">
                    <h3>Introducing our new bingo</h3>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor.
                    </p>
                    <a class="more">
                        More
                    </a>
                    <a class="button green right js-check-device-support js-open-game" href="/web/show/id=91842/langid=43?gameId=29002" data-game='{"url": "/web/show/id=91842/langid=43?gameId=29002", "title": "Lyckosjuan", "height": 505}'>SPELA LOTT</a>
                </div>

            </div>
            <div class="back genericbox">
                <div class="wrapper">
                    <div class="tag">
                        <img src="img/tags/bingo.png" alt="Lotten"/>
                    </div>
                    <h3>Next month, you can win...</h3>

                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc
                        molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam
                        vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.
                    </p>
                    <a class="return">
                        Back
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="span4">
        <div class="bingocard">
            <div class="front genericbox">
                <div class="image">
                    <img src="img/bingo_scratch.png" width="298" height="192" alt="Image"/>
                </div>
                <div class="tag">
                    <img src="img/tags/skrap.png" alt="Lotten"/>
                </div>
                <div class="wrapper">
                    <h3>Introducing our new bingo</h3>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor.
                    </p>
                    <a class="more">
                        More
                    </a>
                    <button class="button green right">Köp lott</button>
                </div>

            </div>
            <div class="back genericbox">
                <div class="wrapper">
                    <div class="tag">
                        <img src="img/tags/skrap.png" alt="Lotten"/>
                    </div>
                    <h3>Next month, you can win...</h3>

                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc
                        molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam
                        vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.
                    </p>
                    <a class="return">
                        Back
                    </a>
                </div>

            </div>
        </div>
    </div>
</div>
<hr class="hr-fade"/>
<div class="badge green">
    VÅRA SINGELBINGO SPEL
</div>
<div class="row-fluid bingocards">
    <div class="span4">
        <div class="bingocard">
            <div class="front genericbox">
                <div class="image">
                    <img src="test_images/bingo_card.png" width="298" height="192" alt="Image"/>
                </div>
                <div class="tag">
                    <img src="img/tags/lotten.png" alt="Lotten"/>
                </div>
                <div class="wrapper">
                    <h3>Introducing our new bingo</h3>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor.
                    </p>
                    <a class="more">
                        More
                    </a>
                    <button class="button green right">Köp lott</button>
                </div>

            </div>
            <div class="back genericbox">
                <div class="wrapper">
                    <div class="tag">
                        <img src="img/tags/lotten.png" alt="Lotten"/>
                    </div>
                    <h3>Next month, you can win...</h3>

                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc
                        molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam
                        vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.
                    </p>
                    <a class="return">
                        Back
                    </a>
                </div>

            </div>
        </div>
    </div>
    <div class="span4">
        <div class="bingocard">
            <div class="front genericbox">
                <div class="image">
                    <img src="uploaded_images/bingo_card2.png" width="298" height="192" alt="Image"/>
                </div>
                <div class="tag">
                    <img src="img/tags/bingo.png" alt="Lotten"/>
                </div>
                <div class="wrapper">
                    <h3>Introducing our new bingo</h3>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor.
                    </p>
                    <a class="more">
                        More
                    </a>
                    <button class="button green right">Köp lott</button>
                </div>

            </div>
            <div class="back genericbox">
                <div class="wrapper">
                    <div class="tag">
                        <img src="img/tags/bingo.png" alt="Lotten"/>
                    </div>
                    <h3>Next month, you can win...</h3>

                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc
                        molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam
                        vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.
                    </p>
                    <a class="return">
                        Back
                    </a>
                </div>

            </div>
        </div>
    </div>
    <div class="span4">
        <div class="bingocard">
            <div class="front genericbox">
                <div class="image">
                    <img src="img/bingo_scratch.png" width="298" height="192" alt="Image"/>
                </div>
                <div class="tag">
                    <img src="img/tags/skrap.png" alt="Lotten"/>
                </div>
                <div class="wrapper">
                    <h3>Introducing our new bingo</h3>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor.
                    </p>
                    <a class="more">
                        More
                    </a>
                    <button class="button green right">Köp lott</button>
                </div>

            </div>
            <div class="back genericbox">
                <div class="wrapper">
                    <div class="tag">
                        <img src="img/tags/skrap.png" alt="Lotten"/>
                    </div>
                    <h3>Next month, you can win...</h3>

                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>

                    <p>
                        Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc
                        molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam
                        vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.
                    </p>
                    <a class="return">
                        Back
                    </a>
                </div>

            </div>
        </div>
    </div>
</div>                        </div>
                    </div>
                </div>
                <div class="scratch3" style="background-image: url('/img/winners-background.jpg');">
                    <div class="container with_badge">
                        <hr class="hr-fade">
                        <div class="badge red">
                            VÅRA VINNARE
                        </div>
                        <div class="row-fluid">
                            <div class="span6">
                                <div class="latest-winnings">
        <div class="latest-lottery-winnings">
        <div class="row-fluid">
                <div class="span6">
                        <h3>Senaste Skrap&spel vinnare</h3>
                </div>
        </div>
        <div class="row-fluid">
                <div class="winning-wrapper span12">
                        <ul class="winnings-list">
                                <li class="winning">
                                                <div class="image">
                                                        <img src="test_images/kate.png" alt="Image"/>
                                                </div>
                                                <div class="text">
                                                        Lorem Ipsum vann precis 200 000 på <a href="#">PostkodLotteriet</a>
                                                </div>
                                </li>
                                <li class="winning">
                       <div class="image">
                           <img src="test_images/kate.png" alt="Image"/>
                       </div>
                       <div class="text">
                           Lorem Ipsum vann precis 200 000 på <a href="#">PostkodLotteriet</a>
                       </div>
               </li>
               <li class="winning">
                       <div class="image">
                           <img src="test_images/kate.png" alt="Image"/>
                       </div>
                       <div class="text">
                           Lorem Ipsum vann precis 200 000 på <a href="#">PostkodLotteriet</a>
                       </div>
               </li>
                        </ul>
                </div>
        </div>
</div>  <div class="latest-top-winnings">
        <div class="row-fluid">
                <div class="span6">
                        <h3>Veckans högsta onlinespels vinster</h3>
                </div>
        </div>
        <div class="row-fluid">
                <div class="winning-wrapper span12">
                        <ul class="winnings-list">
                                <li>
                                        <div class="image">
                                                <img src="img/games/turskrapet.png" alt="Image"/>
                                        </div>
                                        <div class="text">
                                                Lorem Ipsum vann precis 200 000 på <a href="#">TurSkrapet</a>
                                        </div>
                                </li>
                                <li>
                   <div class="image">
                       <img src="img/games/miniskrapet.png" alt="Image"/>
                   </div>
                   <div class="text">
                       Lorem Ipsum vann precis 200 000 på <a href="#">Miniskrapet</a>
                   </div>
               </li>
               <li>
                   <div class="image">
                       <img src="img/games/turskrapet.png" alt="Image"/>
                   </div>
                   <div class="text">
                       Lorem Ipsum vann precis 200 000 på <a href="#">TurSkrapet</a>
                   </div>
               </li>
                        </ul>
                </div>
        </div>
</div></div>
                           </div>
                           <div class="span6">
                               <div class="video-section-wrapper">
        <div class="row-fluid">
                <div class="span12">
                        <div class="video-container">
                                <div class="video-placeholder"  data-flash-url="vms.api.qbrick.com/rest/v3/player.smil?cid=E0040F0A&assetId=43B4137B" data-image-url="http://qstream-down.qbrick.com/05890/thumbs/2012-02-23/MV_Frillesas_MASTER_Qbrick_l_01_5866110a.jpg" data-iphone-url="//www0.c05890.dna.qbrick.com/05890/od/2012-02-23/MV_Frillesas_MASTER_Qbrick_5866110a/MV_Frillesas_MASTER_Qbrick_iphone_vod_5866110a.m3u8" data-ipad-url="www0.c05890.dna.qbrick.com/05890/od/2012-02-23/MV_Frillesas_MASTER_Qbrick_5866110a/MV_Frillesas_MASTER_Qbrick_iphone_vod_5866110a.m3u8" data-download-url="http://qstream-down.qbrick.com/05890/ncode/2012-02-23/MV_Frillesas_MASTER_Qbrick_aos_5866110a.mp4">
                   <img class="placeholder" src="http://qstream-down.qbrick.com/05890/thumbs/2012-02-23/MV_Frillesas_MASTER_Qbrick_l_01_5866110a.jpg" />
                                    <a class="play-btn"> </a>
               </div>
                        </div>
                </div>
        </div>
   <div class="row-fluid thumbnail-area">
                <div class="thumbnail-wrapper span3">
                        <a class="video-thumbnail" href="http://qstream-down.qbrick.com/05890/ncode/2012-02-23/MV_Frillesas_MASTER_Qbrick_aos_5866110a.mp4" data-flash-url="vms.api.qbrick.com/rest/v3/player.smil?cid=E0040F0A&assetId=43B4137B" data-image-url="http://qstream-down.qbrick.com/05890/thumbs/2012-02-23/MV_Frillesas_MASTER_Qbrick_l_01_5866110a.jpg" data-iphone-url="//www0.c05890.dna.qbrick.com/05890/od/2012-02-23/MV_Frillesas_MASTER_Qbrick_5866110a/MV_Frillesas_MASTER_Qbrick_iphone_vod_5866110a.m3u8" data-ipad-url="//www0.c05890.dna.qbrick.com/05890/od/2012-02-23/MV_Frillesas_MASTER_Qbrick_5866110a/MV_Frillesas_MASTER_Qbrick_iphone_vod_5866110a.m3u8" data-download-url="http://qstream-down.qbrick.com/05890/ncode/2012-02-23/MV_Frillesas_MASTER_Qbrick_aos_5866110a.mp4">
               <img src="http://qstream-down.qbrick.com/05890/thumbs/2012-02-23/MV_Frillesas_MASTER_Qbrick_l_01_5866110a.jpg" />
           </a>
                </div>
                <div class="thumbnail-wrapper span3">
           <a class="video-thumbnail" href="http://qstream-down.qbrick.com/05890/ncode/2012-08-16/Popkollo_Master_Qbrick_aos_f8af1dab.mp4" data-flash-url="vms.api.qbrick.com/rest/v3/player.smil?cid=E0040F0A&assetId=6065217F&playListItemId=121423" data-image-url="http://qstream-down.qbrick.com/05890/thumbs/2012-08-16/Popkollo_Master_Qbrick_l_01_f8af1dab.jpg" data-iphone-url="//www0.c05890.dna.qbrick.com/05890/od/2012-08-16/Popkollo_Master_Qbrick_f8af1dab/Popkollo_Master_Qbrick_iphone_vod_f8af1dab.m3u8" data-ipad-url="//www0.c05890.dna.qbrick.com/05890/od/2012-08-16/Popkollo_Master_Qbrick_f8af1dab/Popkollo_Master_Qbrick_ipad_vod_f8af1dab.m3u8" data-download-url="http://qstream-down.qbrick.com/05890/ncode/2012-08-16/Popkollo_Master_Qbrick_aos_f8af1dab.mp4">
               <img src="http://qstream-down.qbrick.com/05890/thumbs/2012-08-16/Popkollo_Master_Qbrick_l_01_f8af1dab.jpg" />
           </a>
                </div>
                <div class="span6">
                        <a href="#" class="button white gray-variant">Fler videor</a>
                </div>
        </div>
</div>
<!--
<div class="js-lazy-load">
<div class="video-section-wrapper">
   <div class="row-fluid">
       <div class="span12">
           <div class="video-container">
               <div class="video-placeholder"  data-flash-url="http://vms.api.qbrick.com/rest/v3/player.smil?cid=E0040F0A&assetId=43B4137B" data-image-url="http://qstream-down.qbrick.com/05890/thumbs/2012-02-23/MV_Frillesas_MASTER_Qbrick_l_01_5866110a.jpg" data-iphone-url="//www0.c05890.dna.qbrick.com/05890/od/2012-02-23/MV_Frillesas_MASTER_Qbrick_5866110a/MV_Frillesas_MASTER_Qbrick_iphone_vod_5866110a.m3u8" data-ipad-url="www0.c05890.dna.qbrick.com/05890/od/2012-02-23/MV_Frillesas_MASTER_Qbrick_5866110a/MV_Frillesas_MASTER_Qbrick_iphone_vod_5866110a.m3u8" data-download-url="http://qstream-down.qbrick.com/05890/ncode/2012-02-23/MV_Frillesas_MASTER_Qbrick_aos_5866110a.mp4">
                   <img class="placeholder" src="http://qstream-down.qbrick.com/05890/thumbs/2012-02-23/MV_Frillesas_MASTER_Qbrick_l_01_5866110a.jpg" />
                   <a class="play-btn"> </a>
               </div>
           </div>
       </div>
   </div>
</div>
</div>-->

                           </div>
                           <div class="clear"></div>
                           <div class="scratchlinks">
                               <h2>Läs mer</h2>
                               <ul class="links">
                                   <li>
                                       <a href="#">LINK</a>
                                   </li>
                                   <li>
                                       <a href="#">LINK</a>
                                   </li>
                                   <li>
                                       <a href="#">LINK</a>
                                   </li>
                                   <li>
                                       <a href="#">LINK</a>
                                   </li>
                                   <li>
                                       <a href="#">LINK</a>
                                   </li>
                                   <li>
                                       <a href="#">LINK</a>
                                   </li>
                               </ul>
                           </div>
                       </div>
                   </div>
               </div>
               <article class="charity-banner content-right" style="background-image: url('../uploaded_images/Charity_RaddaBarnen.jpg');">
    <div class="container">
        <div class="charity-content text-white">
            <div class="row">
                <div class="span6 offset6">
                    <div class="header-grp">
                        <h1 class="quote">
                            Alla våra spel genererar pengar till välgörenhet
                        </h1>
                        <h2 class="quoted-name">Susie, Amazon</h2>
                    </div>
                    <p>Sed ligula ante, pellentesque in pellentesque eu, varius sit amet sem. Nullam eros nibh, mollis vel suscipit eget, sollicitudin vitae justo. Mauris vulputate nisl id neque dictum porttitor. Cras adipiscing, justo non iaculis mollis, dolor nulla consequat orci, vitae tristique mauris lorem quis risus. Donec bibendum vehicula neque vitae ultricies. Sed vitae dui libero, sit amet ornare augue.</p>
                    <a href="#" class="button white gray-variant right">Läs mer</a>
                </div>
            </div>
        </div>
    </div>
</article>
<article class="charity-banner" style="background-image: url('../uploaded_images/Charity_Module_002.jpg');">
    <div class="container">
        <div class="charity-content text-white">
            <div class="row">
                <div class="span6">
                    <div class="header-grp">
                        <h1 class="quote">
                            Alla våra spel genererar pengar till välgörenhet
                        </h1>
                        <h2 class="quoted-name">Susie, Amazon</h2>
                    </div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec risus id nibh ornare faucibus ut quis elit. vel suscipit eget, sollicitudin vitae justo. Mauris vulputate nisl id neque dictum porttitor. Cras adipiscing, justo non iaculis mollis, dolor nulla consequat orci, vitae tristique mauris lorem quis risus. Donec bibendum vehicula neque vitae ultricies. Sed vitae dui libero, sit amet ornare augue.</p>
                    <a href="#" class="button white gray-variant right">Läs mer</a>
                </div>
            </div>
        </div>
    </div>
</article>                <div class="donors">
    <div class="container">
        <div class="row-fluid">
            <div class="span12 brandGallery">
                <div class="wrapper">
                    <ul>
                        <li><img src="img/brands/alzheimersfonden.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/amnesty.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/barncancerfonden.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/astma_och_allergi.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/diakonia.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/ecpat.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/fub.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/kooperation_utan_granser.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/bris.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/erikshjalpen.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/hjart_o_lungfonden.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/kvinna_till_kvinna.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/neurologiskt.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/friends.png" alt="Brand" />
                        </li>
                        <li><img src="img/brands/hunger_projektet.png" alt="Brand" />
                        </li>
                    </ul>
                </div>
                <div class="expand"></div>
            </div>
        </div>
    </div>
</div>                <footer id="footer">
        <div class="container">
                <div class="row-fluid footer-top-links">
                        <div class="span12">
                                <ul class="links">
                                        <li>

                        <a>Frågor och svar</a>
                                        </li>
                                        <li>
                        <a>Allmänna villkor</a>
                                        </li>
                                        <li>
                                                <a>Lotteritillstånd</a>
                                        </li>
                                        <li>
                                                <a>Spelansvar</a>
                                        </li>
                    <li>
                        <a>Kontakta oss</a>
                    </li>
                                </ul>
                        </div>
                </div>
        <div class="row-fluid ">
            <div class="span12 custommer-support">
                <h2>Kundservice: 0771-22 55 22, öppet vardagar 8-18</h2>
            </div>
        </div>

                <div class="simpleseparator"> </div>
                <div class="row-fluid bottomLinksWrapper">
                        <div class="span2 bottomLinks">
                                <div>
                                        <h4>Lotteriet</h4><span class="menuArrow"> </span>
                                </div>
                                <ul>
                                        <li>
                                                <a>Gå med</a>
                                        </li>
                                        <li>
                                                <a>Betalsätt</a>
                                        </li>
                                        <li>
                                                <a>Fakta om lotteriet</a>
                                        </li>
                                        <li>
                                                <a>Allmänna villkor</a>
                                        </li>
                                </ul>
                        </div>
                        <div class="span2 bottomLinks">
                                <div>
                                        <h4>Vinster</h4><span class="menuArrow"> </span>
                                </div>
                                <ul>
                                        <li>
                                                <a>Rätta din lott </a>
                                        </li>
                                        <li>
                                                <a>Extradragningar</a>
                                        </li>
                                        <li>
                                                <a>Tidigare dragningar</a>
                                        </li>
                                        <li>
                                                <a>Vinstkarta </a>
                                        </li>
                                        <li>
                                                <a>Vinststatestik </a>
                                        </li>
                                        <li>
                                                <a>Playkanal</a>
                                        </li>
                                </ul>
                        </div>
                        <div class="span2 bottomLinks">
                                <div>
                                        <h4>Välgörenhet</h4><span class="menuArrow"> </span>
                                </div>
                                <ul>
                                        <li>
                                                <a>Artiklar </a>
                                        </li>
                                        <li>
                                                <a>Alla organisationer </a>
                                        </li>
                                        <li>
                                                <a>Video </a>
                                        </li>
                                        <li>
                                                <a>Aktuellt</a>
                                        </li>
                                </ul>
                        </div>
                        <div class="span2 bottomLinks">
                                <div>
                                        <h4>Spel</h4><span class="menuArrow"> </span>
                                </div>
                                <ul>
                                        <li>
                                                <a>Aliquam id magna </a>
                                        </li>
                                        <li>
                                                <a>Congue fringilla</a>
                                        </li>
                                        <li>
                                                <a>Vivamus lectus </a>
                                        </li>
                                        <li>
                                                <a>Vitae velit</a>
                                        </li>
                                        <li>
                                                <a>Sollicitudin</a>
                                        </li>
                                </ul>
                        </div>
                        <div class="span2 bottomLinks">
                                <div>
                                        <h4>Om oss</h4><span class="menuArrow"> </span>
                                </div>
                                <ul>
                                        <li>
                                                <a>FAQ</a>
                                        </li>
                                        <li>
                                                <a>Logga in</a>
                                        </li>
                                        <li>
                                                <a>Kontakt</a>
                                        </li>
                                        <li>
                                                <a>Avsluta lott</a>
                                        </li>
                                        <li>
                                                <a>Spärra</a>
                                        </li>
                                        <li>
                                                <a>Reklamutskick</a>
                                        </li>
                                </ul>
                        </div>
                        <div class="span2 bottomLinks">
                                <div>
                                        <h4>Mina sidor</h4><span class="menuArrow"> </span>
                                </div>
                                <ul>
                                        <li>
                                                <a>Mitt konto</a>
                                        </li>
                                        <li>
                                                <a>Rätta lott</a>
                                        </li>
                                        <li>
                                                <a>Köp lott</a>
                                        </li>
                                        <li>
                                                <a>Spela bingo</a>
                                        </li>
                                        <li>
                                                <a>Köp skraplott</a>
                                        </li>
                                </ul>
                        </div>
                </div>
                <div class="row-fluid bottom-ribbon">
                        <div class="span2 gambling">
                <a href="https://www.stodlinjen.se/" class="gambling-support"></a>
                        </div>
                        <div class="span7 paymentmethods">
                                <img src="img/payment.png" alt="payment options"/>
                        </div>
                        <div class="span3">
                <h5>Följ oss</h5>
                <!-- AddThis Follow BEGIN -->
                <div class="addthis_toolbox addthis_32x32_style addthis_default_style">
                    <a class="addthis_button_facebook_follow" addthis:userid="PostkodLotteriet"></a>
                    <a class="addthis_button_twitter_follow" addthis:userid="PostkodLott"></a>
                    <a class="addthis_button_instagram_follow" addthis:userid="postkodlotteriet"></a>
                    <a class="addthis_button_linkedin_follow" addthis:usertype="company" addthis:userid="svenska-postkodlotteriet"></a>
                    <a class="addthis_button_youtube_follow" addthis:userid="SVPostkodLotteriet"></a>
                </div>

                <!-- AddThis Follow END -->
                        </div>
                </div>
        </div>
        <div class="notice">
                <div class="notice-content container">
                        <p>
                                &copy; 2012 Svenska PostkodLotteriet
                                <br/>Box 193. 101 23 Stockholm
                                <br/>Tel. 0771-22 55 22, Fax 08-662 58 70
                        </p>
                </div>
        </div>
</footer>            </div>
        </div>
        <!-- Jquery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js" type="text/javascript" charset="utf-8"></script>
<script>window.jQuery || document.write('<script src="js/libs/debug/jquery-1.7.2.js"><\/script>')</script>
<script src="js/plugins/debug/jquery-migrate-1.2.1.js" type="text/javascript" charset="utf-8"></script>

<!-- Overide constats -->
<script src="js/spl/dev/local-dev-overrides.js" type="text/javascript" charset="utf-8"></script>

<!-- Always load this before any code that could include console.log -->
<script src="js/spl/spl-console-catcher.js" type="text/javascript" charset="utf-8"></script>
<script src="js/spl/spl-native-prototype.js" type="text/javascript" charset="utf-8"></script>

<!-- Jquery plugins -->
<script src="js/plugins/debug/jquery-ui-1.10.2.custom.js" type="text/javascript" charset="utf-8"></script>
<script src="js/plugins/jquery.lazyload.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/plugins/jquery.placeholder.min.js" type="text/javascript" charset="utf-8"></script>

<script src="js/plugins/jquery-spl-general.js" type="text/javascript" charset="utf-8"></script>
<script src="js/plugins/jquery.ease.js" type="text/javascript" charset="utf-8"></script>
<script src="js/plugins/jquery.event.swipe.js" type="text/javascript" charset="utf-8"></script>

<script src="js/plugins/jquery.slideGallery.js" type="text/javascript" charset="utf-8"></script>
<script src="js/plugins/jquery.form.js" type="text/javascript" charset="utf-8"></script>
<script src="js/plugins/jquery.responsiveImages.js" type="text/javascript" charset="utf-8"></script>

<!-- bootstrap -->
<script src="js/plugins/bootstrap-tooltip.js" type="text/javascript" charset="utf-8"></script>
<script src="js/plugins/bootstrap-alert.js" type="text/javascript" charset="utf-8"></script>
<script src="js/plugins/bootstrap-popover.js" type="text/javascript" charset="utf-8"></script>
<script src="js/plugins/bootstrap-tab.js" type="text/javascript" charset="utf-8"></script>

<!-- SPL jquery plugins -->
<script src="js/spl/spl-cookies.js" type="text/javascript" charset="utf-8"></script>
<script src="js/spl/spl-countdownTimer.js" type="text/javascript" charset="utf-8"></script>
<script src="js/spl/spl-mobilemenu.js" type="text/javascript" charset="utf-8"></script>
<script src="js/spl/spl-windowloaded.js" type="text/javascript" charset="utf-8"></script>
<script src="js/spl/jquery.growl.js" type="text/javascript" charset="utf-8"></script>
<!-- END Jquery plugins -->


<!-- SPL Core -->
<script src="js/spl/interface.js" type="text/javascript" charset="utf-8"></script>
<script src="js/spl/spl-util-viewport.js" type="text/javascript" charset="utf-8"></script>
<!-- END SPL Core -->

<!-- SPL GX lib -->
<script src="gx/js/formutil.js" type="text/javascript" charset="utf-8"></script>
<script src="gx/js/formvalidation.js" type="text/javascript" charset="utf-8"></script>
<script src="gx/js/formvalidationbindings.js" type="text/javascript" charset="utf-8"></script>
<script src="gx/js/nyx_callback.js" type="text/javascript" charset="utf-8"></script>
<!-- END SPL GX lib -->

<script src="js/spl/main.js" type="text/javascript" charset="utf-8"></script>

<!-- Developer tools -->
<script src="js/reloadCSS.js" type="text/javascript" charset="utf-8"></script>
<!-- END Developer tools -->

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-507e72603b360102"></script>
<script>
    yepnope.injectJs('https://s.yimg.com/mi/ywa.js', function () {
                /*globals window, YWA */
                if (window.YWA) {
                    window.SPL.yahooTracking.init(window.YWA, 1000874803262);
                }
            }
    );
</script>    </body>
</html>

Preparation code output

spl_scratchcard_lobby

Logga in

Dy som gar en PostkodLott

Dy som gar en PostkodLott

STÄNG

Info.... Lorem ipsum....

Hej Martin, denna vecka har vi lagt till extra vinster i Turskrapet.

Och vi har även höjt jackpotten till 2.000.000 kr
Sätt in pengar och pröva lyckan.

Image
VÅRA SKRAPLOTTER
Image
Lotten

Introducing our new bingo

Fusce a augue placerat felis auctor iaculis eget vitae tortor.

More
Lotten

Next month, you can win...

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.

Back
Image
Lotten

Introducing our new bingo

Fusce a augue placerat felis auctor iaculis eget vitae tortor.

More SPELA LOTT
Lotten

Next month, you can win...

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.

Back
Image
Lotten

Introducing our new bingo

Fusce a augue placerat felis auctor iaculis eget vitae tortor.

More
Lotten

Next month, you can win...

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.

Back

VÅRA SINGELBINGO SPEL
Image
Lotten

Introducing our new bingo

Fusce a augue placerat felis auctor iaculis eget vitae tortor.

More
Lotten

Next month, you can win...

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.

Back
Image
Lotten

Introducing our new bingo

Fusce a augue placerat felis auctor iaculis eget vitae tortor.

More
Lotten

Next month, you can win...

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.

Back
Image
Lotten

Introducing our new bingo

Fusce a augue placerat felis auctor iaculis eget vitae tortor.

More
Lotten

Next month, you can win...

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fusce a augue placerat felis auctor iaculis eget vitae tortor. Ut elementum justo sed nunc molestie blandit. Suspendisse pharetra eros eget enim interdum ac accumsan felis blandit. Etiam vel orci sem. Nam neque justo, interdum eu tincidunt imperdiet, imperdiet nec felis.

Back

VÅRA VINNARE

Senaste Skrap&spel vinnare

Veckans högsta onlinespels vinster

Alla våra spel genererar pengar till välgörenhet

Susie, Amazon

Sed ligula ante, pellentesque in pellentesque eu, varius sit amet sem. Nullam eros nibh, mollis vel suscipit eget, sollicitudin vitae justo. Mauris vulputate nisl id neque dictum porttitor. Cras adipiscing, justo non iaculis mollis, dolor nulla consequat orci, vitae tristique mauris lorem quis risus. Donec bibendum vehicula neque vitae ultricies. Sed vitae dui libero, sit amet ornare augue.

Läs mer

Alla våra spel genererar pengar till välgörenhet

Susie, Amazon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec risus id nibh ornare faucibus ut quis elit. vel suscipit eget, sollicitudin vitae justo. Mauris vulputate nisl id neque dictum porttitor. Cras adipiscing, justo non iaculis mollis, dolor nulla consequat orci, vitae tristique mauris lorem quis risus. Donec bibendum vehicula neque vitae ultricies. Sed vitae dui libero, sit amet ornare augue.

Läs mer
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand
  • Brand

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
document.find
$(document).find('.js-load-overlay');
pending…
$()
$('.js-load-overlay');
pending…

You can edit these tests or add even more tests to this page by appending /edit to the URL.

Compare results of other browsers

0 comments

Add a comment