diff options
| author | Bryan Berry <bryan@olenepal.org> | 2010-01-21 11:39:38 (GMT) |
|---|---|---|
| committer | Bryan Berry <bryan@olenepal.org> | 2010-01-21 11:39:38 (GMT) |
| commit | a7e89334e449ed2630e4fbf0a87a16d459e2f65e (patch) | |
| tree | e5dfb5ce16506fca5fa293713ce93b40e1831ea3 /examples | |
| parent | c83a8031853670682420bd4a9bd65030c5a9e398 (diff) | |
basic template works for header and footer
Diffstat (limited to 'examples')
| -rwxr-xr-x | examples/English_Animal_Identification/index.html | 47 | ||||
| -rwxr-xr-x | examples/English_Animal_Identification/js/lesson.js | 6 |
2 files changed, 32 insertions, 21 deletions
diff --git a/examples/English_Animal_Identification/index.html b/examples/English_Animal_Identification/index.html index 87e7600..5ca983b 100755 --- a/examples/English_Animal_Identification/index.html +++ b/examples/English_Animal_Identification/index.html @@ -6,43 +6,45 @@ <link type="text/css" rel="stylesheet" href="css/lesson.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link type="image/ico" rel="icon" href="../../assets/image/favicon.ico" />
- <link rel="stylesheet" type="text/css"
- href="../../css/ui.all.css" />
- <link type="text/css" rel="stylesheet" href="../../css/ui.scoreboard.css" />
<link type="text/css" rel="stylesheet" href="../../css/karma.css" />
<script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../../js/ui.core.js"></script>
+ <script type="text/javascript" src="../../js/ui.resizable.js"></script>
+ <script type="text/javascript" src="../../js/ui.draggable.js"></script>
+ <script type="text/javascript" src="../../js/ui.dialog.js"></script>
<script type="text/javascript" src="../../js/ui.scoreboard.js"></script>
<script type="text/javascript" src="../../js/karma.js"></script>
<script type="text/javascript" src="js/lesson.js"></script>
</head>
<body>
<div id="kHeader">
- <div id="lesson_title">
- <div id="topbtn_left">
- <div id="linkBack"><a href="http://olenepal.org"></a>
- </div>
+ <div id="kHeaderBackBtn" class="left">
+ <a href="../../list.html">
+ <div class="kHeaderBtn">
+ <!--<img src='../../css/epaath_images/btn_back.png' alt=""/>-->
+ </div>
+ </a>
</div>
- <div id="lesson_title">
- <img src="./epaath_images/title_block_lt.png" width="33" height="89" align="absmiddle" alt="" />
- English Prepositions<span id="currentTitle"></span>
- <img src="./epaath_images/title_block_rt.png" width="33" height="89" align="absmiddle" />
+ <div id="kHeaderLessonTitle" class="left">
+ Animal Identification
</div>
- <div id="topbtn_right">
- <a href="#">
- <div id="linkHelp">
+ <div id="kHeaderHelpBtn" class="right">
+ <a>
+ <div class="kHeaderBtn">
</div>
</a>
</div>
- <div id="topbtn_right">
- <a href="http://olenepal.org">
- <div id="linkOle">
- </div>
- </a>
- </div>
- </div>
+ <div id="kHeaderOleBtn" class="right">
+ <a href="http://olenepal.org" title="साझा शिक्षा ई-पाटी">
+ <div id="linkOle" class="kHeaderBtn">
+ </div>
+ </a>
+ </div>
+ <!-- Put the help text here -->
+ <div id="kHeaderHelp" title="Help Me!">foobar</div>
</div>
+
<div id="gameArea">
<div id="questionBox">What is this?</div>
<img class = "imageBox" id="imgObject" src="" alt=""/>
@@ -62,6 +64,9 @@ </div>
</div>
<div id="kFooter">
+ <div id="kFooterCopyright">
+ Copyright OLE Nepal 2009, MIT License
+ </div>
<div id="scoreArea">
</div>
</div>
diff --git a/examples/English_Animal_Identification/js/lesson.js b/examples/English_Animal_Identification/js/lesson.js index f261596..65ad4a6 100755 --- a/examples/English_Animal_Identification/js/lesson.js +++ b/examples/English_Animal_Identification/js/lesson.js @@ -22,6 +22,12 @@ $(document).ready( var t; var current_image; + var $help = $('#kHeaderHelp').dialog({ + position:[ 650, 50], modal:'true',autoOpen:false + }); + + $('#kHeaderHelpBtn').click(function(){ $help.dialog('open');}); + var scoreboard = $('#scoreArea').scoreboard({'winningScore': 6}); scoreboard.bind('scoreboardWinGame', function(){ |