implement javascript objects

Siis esimerkki JavaScript moduulipatternista.

lumikki.image = {

    data: {
        imageAnimationDuration: 300,
        imageSize: {width:0, height:0} // natural image size
    },

    dom: {
        image: null
    },

    init: function () {
       dom.image = $('#imageId');
   }

}

ja sitten document readyssa kutsut lumikki.image.init(). Näin syntyy 
laajennettavampaa javascriptiä.

Tabeihin sopii paremmin lähtestymitapa, jossa jokainen alasivu on 
testattavissa omana html:nään. Tabimalli, jota lumikki käyttää luo ison 
html-dokumentin. Sen voi splitata erillisiin html-tiedostoihin käyttämällä 
jquery-ui-komponentteja. Näin ei ehkä tarvitsisi tehdä uutta 
index.html:ää, kun tehdään jotain muuta. 

    <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/lumikki.css">
</head>
<body>

<div>
    <div id="banner">
    </div>
    <div id="tabs">
        <ul>
            <li><a href="tensile.html">Tensile</a></li>

Original issue reported on code.google.com by jhkoi...@gmail.com on 29 Mar 2012 at 2:42

jhkoivis / lumikki

implement javascript objects #37