| Server IP : 79.136.114.73 / Your IP : 18.219.194.82 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/appsrv.astacus.se/apps/school/www_old/Html/LevelA/Category2/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<title>Eggs under the hen</title>
<script type="text/javascript" src="../../../js/allScriptsForLessonsHtml.js"></script>
<style>
.style_Questions
{
padding-left: 10px;
text-align: left;
font-size: 24px;
font-family: "Arial Rounded MT Bold";
font-weight: bold;
color: #000;
}
.style_Answers
{
color: #F00;
}
.style_RemoveBorders
{
border-right: none;
border-left: none;
border-top: none
}
.style_borderNone
{
border:none;
border-collapse:collapse;
}
.style_padding_bottom_zero
{
padding-bottom: 0px;
}
</style>
<script>
function page_preLoad()
{
setPageImages();
shared_setHeaderTable('id_tblHeader', shared_title_page, shared_getSubTitle(Level.A, Category.No2, 10), 'Level A', true, true);
shared_setFooterTable('id_tblFooter', true, true, true, true, true);
}
function page_onLoad()
{
shared_set_debugInfo(Level.A, Category.No2);
shared_set_tblMainiPadBodyWidthHeight('id_tblMainiPadBody', 'id_meta');
for (var suffix = 1; suffix <= 25; suffix++)
{
var eEgg = document.getElementById('id_egg' + suffix);
eEgg.isClicked = false;
}
}
function setPageImages()
{
var imagesPath = "../../../img/LevelA/Category2/LevelACat2Lesson10/";
shared_setImageSource('id_hen1', imagesPath, 'imgHen2.gif');
shared_setImageSource('id_hen2', imagesPath, 'imgHen2.gif');
shared_setImageSource('id_hen3', imagesPath, 'imgHen2.gif');
shared_setImageSource('id_hen4', imagesPath, 'imgHen2.gif');
shared_setImageSource('id_hen5', imagesPath, 'imgHen2.gif');
}
function btnPrevious_click()
{
window.location = "LevelACat2Lesson9.html";
}
function btnNext_click()
{
window.location = "LevelACat2Lesson11.html";
}
function btnHome_click()
{
shared_btnHomeCategories_click('LevelA');
}
function drawEgg_click(id_egg)
{
var eEgg = document.getElementById(id_egg);
var fillColor = (eEgg.isClicked) ? 'tan' : 'gold';
eEgg.style.setProperty('fill', fillColor);
eEgg.isClicked = !(eEgg.isClicked);
}
function btnValidate_click()
{
var nClicksSet1 = getNoOfClicks(1, 5);
var eTdHen = document.getElementById('id_hen1');
eTdHen.style.backgroundColor = (nClicksSet1 == 4) ? shared_colorGreen : shared_colorRed;
var nClicksSet2 = getNoOfClicks(6, 10);
var eTdHen = document.getElementById('id_hen2');
eTdHen.style.backgroundColor = (nClicksSet2 == 2) ? shared_colorGreen : shared_colorRed;
var nClicksSet3 = getNoOfClicks(11, 15);
var eTdHen = document.getElementById('id_hen3');
eTdHen.style.backgroundColor = (nClicksSet3 == 5) ? shared_colorGreen : shared_colorRed;
var nClicksSet4 = getNoOfClicks(16, 20);
var eTdHen = document.getElementById('id_hen4');
eTdHen.style.backgroundColor = (nClicksSet4 == 3) ? shared_colorGreen : shared_colorRed;
var nClicksSet5 = getNoOfClicks(21, 25);
var eTdHen = document.getElementById('id_hen5');
eTdHen.style.backgroundColor = (nClicksSet5 == 1) ? shared_colorGreen : shared_colorRed;
if (nClicksSet1 == 4 && nClicksSet2 == 2 && nClicksSet3 == 5 && nClicksSet4 == 3 && nClicksSet5 == 1)
{
shared_show_claps_animation('shared_id_div_claps_image');
}
}
function getNoOfClicks(idSuffixStart, idSuffixEnd)
{
var nClicks = 0;
for (var idStart = idSuffixStart; idStart <= idSuffixEnd; idStart++)
{
var eEgg = document.getElementById('id_egg' + idStart);
if (eEgg.isClicked)
{
nClicks++;
}
}
return (nClicks);
}
</script>
</head>
<body onload="page_onLoad()">
<div id="shared_id_div_claps_image">
</div>
<table id="id_tblMainiPadBody" border="1px" cellspacing="0" cellpadding="0">
<tr height="5%">
<td>
<header height="100%">
<div id="id_tblHeader" align="center"></div>
</header>
</td>
</tr>
<tr height="*" data-role="page"> <!-- for swiping left and right especially for Android device -->
<td>
<table class="style_borderNone" width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table class="style_borderNone" width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="5%">
<td class="style_borderNone">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="5" style="border-left: none; border-right: none; border-top: none">
<tr>
<td width="100%" class="style_Questions" style="padding-left:10px; border: none"><u>Click eggs under the <span class="style_Answers"><u>hen.</u></span></u>
</td>
</tr>
</table>
</td>
</tr>
<tr height="*">
<td>
<table class="style_borderNone" width="100%" height="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td class="style_padding_bottom_zero" align="center">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="*" align="center" style="border:none">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr height="*">
<td style="text-align: center">
<img id="id_hen1" width="30%" height="100%">
</td>
</tr>
<tr height="20%">
<td style="text-align: center; background-color: tan">
<svg height="30" width="100%" style="background-color:tan; text-align: center">
<ellipse id="id_egg1" cx="130" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg1')" isClicked="false"/>
<ellipse id="id_egg2" cx="190" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg2')"isClicked="false"/>
<ellipse id="id_egg3" cx="250" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg3')"isClicked="false"/>
<ellipse id="id_egg4" cx="310" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg4')"isClicked="false"/>
<ellipse id="id_egg5" cx="370" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg5')"isClicked="false"/>
</svg>
</td>
</tr>
</table>
</td>
<td id="id_BoxForMan1" class="style_Questions" width="25%" style="text-align: center;">
4 eggs
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="style_padding_bottom_zero" align="center">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="*" align="center" style="border:none">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr height="*">
<td style="text-align: center">
<img id="id_hen2" width="30%" height="100%">
</td>
</tr>
<tr height="20%">
<td style="text-align: center; background-color: tan">
<svg height="30" width="100%" style="background-color: tan; text-align: center">
<ellipse id="id_egg6" cx="130" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg6')" isClicked="false"/>
<ellipse id="id_egg7" cx="190" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg7')"isClicked="false"/>
<ellipse id="id_egg8" cx="250" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg8')"isClicked="false"/>
<ellipse id="id_egg9" cx="310" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg9')"isClicked="false"/>
<ellipse id="id_egg10" cx="370" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg10')"isClicked="false"/>
</svg>
</td>
</tr>
</table>
</td>
<td id="id_BoxForMan2" class="style_Questions" width="25%" style="text-align: center;">
2 eggs
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="style_padding_bottom_zero" align="center">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="*" align="center" style="border:none">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr height="*">
<td style="text-align: center">
<img id="id_hen3" width="30%" height="100%">
</td>
</tr>
<tr height="20%">
<td style="text-align: center; background-color: tan">
<svg height="30" width="100%" style="background-color: tan; text-align: center">
<ellipse id="id_egg11" cx="130" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg11')" isClicked="false"/>
<ellipse id="id_egg12" cx="190" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg12')"isClicked="false"/>
<ellipse id="id_egg13" cx="250" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg13')"isClicked="false"/>
<ellipse id="id_egg14" cx="310" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg14')"isClicked="false"/>
<ellipse id="id_egg15" cx="370" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg15')"isClicked="false"/>
</svg>
</td>
</tr>
</table>
</td>
<td id="id_BoxForMan3" class="style_Questions" width="25%" style="text-align: center; ">
5 eggs
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="style_padding_bottom_zero" align="center">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="*" align="center" style="border:none">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr height="*">
<td style="text-align: center">
<img id="id_hen4" width="30%" height="100%">
</td>
</tr>
<tr height="20%">
<td style="text-align: center; background-color: tan">
<svg height="30" width="100%" style="background-color: tan; text-align: center">
<ellipse id="id_egg16" cx="130" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg16')" isClicked="false"/>
<ellipse id="id_egg17" cx="190" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg17')"isClicked="false"/>
<ellipse id="id_egg18" cx="250" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg18')"isClicked="false"/>
<ellipse id="id_egg19" cx="310" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg19')"isClicked="false"/>
<ellipse id="id_egg20" cx="370" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg20')"isClicked="false"/>
</svg>
</td>
</tr>
</table>
</td>
<td id="id_BoxForMan4" class="style_Questions" width="25%" style="text-align: center; ">
3 eggs
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="*" align="center" style="border:none">
<table class="style_borderNone" width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
<tr height="*">
<td style="text-align: center">
<img id="id_hen5" width="30%" height="100%">
</td>
</tr>
<tr height="20%">
<td style="text-align: center; background-color: tan">
<svg height="30" width="100%" style="background-color: tan; text-align: center">
<ellipse id="id_egg21" cx="130" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg21')" isClicked="false"/>
<ellipse id="id_egg22" cx="190" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg22')"isClicked="false"/>
<ellipse id="id_egg23" cx="250" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg23')"isClicked="false"/>
<ellipse id="id_egg24" cx="310" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg24')"isClicked="false"/>
<ellipse id="id_egg25" cx="370" cy="15" rx="25" ry="15" style="fill:tan;stroke:gold;stroke-width:1" onClick="drawEgg_click('id_egg25')"isClicked="false"/>
</svg>
</td>
</tr>
</table>
</td>
<td id="id_BoxForMan5" class="style_Questions" width="25%" style="text-align: center; ">
1 egg
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr height="5%">
<td>
<footer height="100%">
<div id="id_tblFooter" align="center"></div>
</footer>
</td>
</tr>
</table>
<script>
page_preLoad();
</script>
</body>
</html>