| Server IP : 79.136.114.73 / Your IP : 216.73.216.37 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_old2/Html/LevelC/Category3/ |
Upload File : |
<!doctype html>
<html>
<head>
<title>Write the color.</title>
<script type="text/javascript" src="../../../js/allScriptsForLessonsHtml.js"></script>
<style type="text/css">
.style_Td
{
text-align:center;
font-size: 24px;
font-family: "Arial Rounded MT Bold";
}
.style_Options
{
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
text-align: left;
font-size: 24px;
font-family: "Arial Rounded MT Bold";
font-weight: bold;
}
.style_Questions
{
padding-left: 10px;
text-align: left;
font-size: 24px;
font-family: "Arial Rounded MT Bold";
font-weight: bold;
color: #000;
}
.style_padding_bottom_zero
{
padding-bottom: 0px;
}
.style_borderNone
{
border:none;
border-collapse:collapse;
}
</style>
<script>
function page_preLoad()
{
setPageImages();
shared_setHeaderTable('id_tblHeader', shared_title_page, shared_getSubTitle(Level.C, Category.No3, 6), true, true);
shared_setFooterTable('id_tblFooter', true, true, false, true, true);
}
function page_onLoad()
{
shared_set_debugInfo(Level.C, Category.No3);
shared_set_tblMainiPadBodyWidthHeight('id_tblMainiPadBody', 'id_meta');
}
function setPageImages()
{
var imagePath = '../../../img/LevelC/Category3/LevelCCat3Lesson6/';
shared_setImageSource('id_imgIndianFlag', imagePath, 'indianFlag.png');
shared_setImageSource('id_imgTrafficSignal', imagePath, 'trafficSignal.png');
}
function btnPrevious_click()
{
window.location = 'LevelCCat3Lesson5.html';
}
function btnNext_click()
{
window.location = 'LevelCCat3Lesson7.html';
}
function btnHome_click()
{
shared_btnHomeCategories_click('LevelC');
}
function DragDrop(id_dropBox)
{
shared_setTextAndBackgroundColorToGreenByTrimmingText(shared_currentDropingId, id_dropBox);
isAllInfosMovedShowClapsAnimation();
}
function isAllInfosMovedShowClapsAnimation()
{
var allElementIdsArray = ['id_spanSet1Orange', 'id_spanSet1White', 'id_spanSet1Green', 'id_spanSet2Red', 'id_spanSet2Yellow', 'id_spanSet2Green'];
shared_is_all_infos_moved_show_claps_animation(allElementIdsArray, 'shared_id_div_claps_image');
}
</script>
</head>
<body onLoad="page_onLoad()">
<div id="shared_id_div_claps_image">
</div>
<table id="id_tblMainiPadBody" border="1" 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 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_borderNone" style="padding-left:10px">Look at the following. Say and write the colours in them:
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="5">
<tr height="40%">
<td class="style_padding_bottom_zero">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border:none">
<tr height="15%">
<td style="border-bottom:none">
<table id="id_tblOptionsSet1" width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="*" class="style_Options" style="color:blue">Options:</td>
<td class="style_Td" width="25%" style="color:red"><span id="id_spanSet1Orange" class="cls_spanSet1Orange" draggable="true" ondragstart="shared_dragStart(event)">orange</span></td>
<td class="style_Td" width="25%" style="color:red"><span id="id_spanSet1White" class="cls_spanSet1White" draggable="true" ondragstart="shared_dragStart(event)">white</span></td>
<td class="style_Td" width="25%" style="color:red"><span id="id_spanSet1Green" class="cls_spanSet1Green" draggable="true" ondragstart="shared_dragStart(event)">green</span></td>
</tr>
</table>
</td>
</tr>
<tr height="80%">
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="*">
<td class="style_Questions" style="text-align: left">
<img id="id_imgIndianFlag">
</td>
</tr>
<tr height="15%">
<td class="style_Questions" style="padding-left:10px">This is our National Falg.</td>
</tr>
<tr height="15%">
<td class="style_Questions" style="padding-left:10px">Our National Flag has three colours.</td>
</tr>
<tr height="15%">
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" class="style_Questions" style="padding-left:10px">They are</td>
<td width="12%" id="id_tdBoxForSet1Orange" class="cls_tdBoxForSet1Orange" style="text-align: center; font-size: 24px; font-weight: bold" ondrop="DragDrop('id_tdBoxForSet1Orange')" ondragover="shared_allowDrop(event)">_____</td>
<td width="2%" class="style_Questions" style="vertical-align: bottom">, </td>
<td width="10%" id="id_tdBoxForSet1White" class="cls_tdBoxForSet1White" style="text-align: center; font-size: 24px; font-weight: bold" ondrop="DragDrop('id_tdBoxForSet1White')" ondragover="shared_allowDrop(event)">_____</td>
<td width="2%" class="style_Questions">and </td>
<td width="10%" id="id_tdBoxForSet1Green" class="cls_tdBoxForSet1Green" style="text-align: center; font-size: 24px; font-weight: bold" ondrop="DragDrop('id_tdBoxForSet1Green')" ondragover="shared_allowDrop(event)">_____</td>
<td width="*" class="style_Questions">. </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr height="*">
<td>
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border:none">
<tr height="15%">
<td style="border-bottom:none">
<table id="id_tblOptionsSet2" width="100%" height="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="*" class="style_Options" style="padding-left:10px; color:blue">Options:</td>
<td class="style_Td" width="25%" style="color:red"><span id="id_spanSet2Red" class="cls_spanSet2Red" draggable="true" ondragstart="shared_dragStart(event)"><strong>red</strong></span></td>
<td class="style_Td" width="25%" style="color:red"><span id="id_spanSet2Yellow" class="cls_spanSet2Yellow" draggable="true" ondragstart="shared_dragStart(event)"><strong>yellow</strong></span></td>
<td class="style_Td" width="25%" style="color:red"><span id="id_spanSet2Green" class="cls_spanSet2Green" draggable="true" ondragstart="shared_dragStart(event)"><strong>green</strong></span></td>
</tr>
</table>
</td>
</tr>
<tr height="80%">
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="*">
<td class="style_Questions" style="text-align: left">
<img id="id_imgTrafficSignal">
</td>
</tr>
<tr height="12%">
<td class="style_Questions" style="padding-left:10px">It is trafficSignal.</td>
</tr>
<tr height="12%">
<td class="style_Questions" style="padding-left:10px">It has three colours.</td>
</tr>
<tr height="12%">
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" class="style_Questions" style="padding-left:10px">They are</td>
<td width="10%" id="id_tdBoxForSet2Red" class="cls_tdBoxForSet2Red" style="text-align: center; font-size: 24px; font-weight: bold" ondrop="DragDrop('id_tdBoxForSet2Red')" ondragover="shared_allowDrop(event)">____</td>
<td width="2%" class="style_Questions">, </td>
<td width="10%" id="id_tdBoxForSet2Yellow" class="cls_tdBoxForSet2Yellow" style="text-align: center; font-size: 24px; font-weight: bold" ondrop="DragDrop('id_tdBoxForSet2Yellow')" ondragover="shared_allowDrop(event)">____</td>
<td width="2%" class="style_Questions">and </td>
<td width="10%" id="id_tdBoxForSet2Green" class="cls_tdBoxForSet2Green" style="text-align: center; font-size: 24px; font-weight: bold" ondrop="DragDrop('id_tdBoxForSet2Green')" ondragover="shared_allowDrop(event)">____</td>
<td width="*" class="style_Questions">. </td>
</tr>
</table>
</td>
</tr>
<tr height="12%">
<td class="style_Questions" style="padding-left:10px">Red says <span style="color:red">Stop</span>.</td>
</tr>
<tr height="12%">
<td class="style_Questions" style="padding-left:10px">Yellow says <span style="color:yellow">Ready</span>.</td>
</tr>
<tr height="12%">
<td class="style_Questions" style="padding-left:10px">Green says <span style="color:green">Go</span>.</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();
new webkit_draggable('id_spanSet1Orange', {revert : true, scroll : false, onStart : function(){shared_currentDropingId = 'id_spanSet1Orange'}});
new webkit_draggable('id_spanSet1White', {revert : true, scroll : false, onStart : function(){shared_currentDropingId = 'id_spanSet1White'}});
new webkit_draggable('id_spanSet1Green', {revert : true, scroll : false, onStart : function(){shared_currentDropingId = 'id_spanSet1Green'}});
new webkit_draggable('id_spanSet2Red', {revert : true, scroll : false, onStart : function(){shared_currentDropingId = 'id_spanSet2Red'}});
new webkit_draggable('id_spanSet2Yellow', {revert : true, scroll : false, onStart : function(){shared_currentDropingId = 'id_spanSet2Yellow'}});
new webkit_draggable('id_spanSet2Green', {revert : true, scroll : false, onStart : function(){shared_currentDropingId = 'id_spanSet2Green'}});
webkit_drop.add('id_tdBoxForSet1Orange', {accept:["cls_spanSet1Orange", "cls_spanSet1White", "cls_spanSet1Green"], onDrop : function(){DragDrop('id_tdBoxForSet1Orange')}});
webkit_drop.add('id_tdBoxForSet1White', {accept:["cls_spanSet1Orange", "cls_spanSet1White", "cls_spanSet1Green"], onDrop : function(){DragDrop('id_tdBoxForSet1White')}});
webkit_drop.add('id_tdBoxForSet1Green', {accept:["cls_spanSet1Orange", "cls_spanSet1White", "cls_spanSet1Green"], onDrop : function(){DragDrop('id_tdBoxForSet1Green')}});
webkit_drop.add('id_tdBoxForSet2Red', {accept:["cls_spanSet2Red", "cls_spanSet2Yellow", "cls_spanSet2Green"], onDrop : function(){DragDrop('id_tdBoxForSet2Red')}});
webkit_drop.add('id_tdBoxForSet2Yellow', {accept:["cls_spanSet2Red", "cls_spanSet2Yellow", "cls_spanSet2Green"], onDrop : function(){DragDrop('id_tdBoxForSet2Yellow')}});
webkit_drop.add('id_tdBoxForSet2Green', {accept:["cls_spanSet2Red", "cls_spanSet2Yellow", "cls_spanSet2Green"], onDrop : function(){DragDrop('id_tdBoxForSet2Green')}});
</script>
</body>
</html>