| Server IP : 79.136.114.73 / Your IP : 216.73.216.191 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_old10/Html/LevelG/Category2/ |
Upload File : |
<!doctype html>
<html>
<head>
<title>Match materials and underline manmade or natural material</title>
<script type="text/javascript" src="../../../js/allScriptsForLessonsHtml.js"></script>
<script>
function page_preLoad()
{
s_setDeviceTypeLevelCategoryLastLesson(Level.G, Category.No2);
s_set_tblMainiPadBodyWidthHeight('id_tblMainiPadBody', 'id_meta');
s_setHeaderTable('id_tblHeader', s_title_page, s_getSubTitle(Level.G, Category.No2, 16), true, true);
s_setFooterTable('id_tblFooter', true, true, true, true, true);
var ids_headings = ['id_td_heading1', 'id_td_heading2'];
var ids_boxes = ['id_dropBox_rubberRexine', 'id_dropBox_brass', 'id_dropBox_silver', 'id_dropBox_clearPlastic'];
var ids_options = ['id_td_silver', 'id_td_clearPlastic', 'id_td_rubberRexine', 'id_td_brass'];
var ids_spans = ['id_span_silver', 'id_span_clearPlastic', 'id_span_rubberRexine', 'id_span_brass'];
var ids_texts = new Array();
for (var textId = 1; textId <= 21; textId++)
{
ids_texts.push('id_td_text' + textId);
}
var ids_tds = new Array();
for (var tdId = 1; tdId <= 16; tdId++)
{
ids_tds.push('id_td' + tdId);
}
var ids_All = ids_headings.concat(ids_options, ids_boxes, ids_texts, ids_tds);
s_adjust_fontSize_for_ids_all_devices(ids_All, 80);
s_init_dropBox_tds_with_drag_here(ids_boxes);
s_init_dropping_spans(ids_spans);
}
function page_onLoad()
{
getAllGroupsCanvasIdsArray();
drawUnderline();
}
function getAllGroupsCanvasIdsArray()
{
var set1IdsArray = ['id_td1', 'id_td2'];
var set2IdsArray = ['id_td3', 'id_td4'];
var set3IdsArray = ['id_td5', 'id_td6'];
var set4IdsArray = ['id_td7', 'id_td8'];
var set5IdsArray = ['id_td9', 'id_td10'];
var set6IdsArray = ['id_td11', 'id_td12'];
var set7IdsArray = ['id_td13', 'id_td14'];
var set8IdsArray = ['id_td15', 'id_td16'];
s_allGroupsIdsArrayInArray = [set1IdsArray, set2IdsArray, set3IdsArray, set4IdsArray, set5IdsArray, set6IdsArray, set7IdsArray, set8IdsArray];
}
function drawUnderline()
{
for (var id = 1; id <= 16; id++)
{
s_draw_underline('id_td' + id);
}
}
function td_click(id_td)
{
s_showHideUnderlineOfCorrespondingGroup(id_td, s_allGroupsIdsArrayInArray);
}
function btnPrevious_click()
{
window.location = 'LevelGCat2Lesson15.html';
}
function btnNext_click()
{
window.location = 'LevelGCat2Lesson17.html';
}
function btnHome_click()
{
s_btnHomeCategories_click('LevelG');
}
function DragDrop(id_dropBox, ids_array)
{
if (s_isMovingElementIdInTheArraySetIsFilledTrue(id_dropBox, ids_array))
{
s_setTextAndBackgroundColorToGreenAndIsMovedTrue(s_currentDropingId, id_dropBox);
s_set_currentDropingId_draggbleToFalse();
}
else
{
s_resetCurrentDroppingPosition(id_dropBox);
}
}
function btnValidate_click()
{
var ids_boxes = ['id_dropBox_rubberRexine', 'id_dropBox_brass', 'id_dropBox_silver', 'id_dropBox_clearPlastic'];
var isAllBoxesFilled = s_isAllInfosFilled(ids_boxes);
var correctTdIdsArray = ['id_td1', 'id_td3', 'id_td5', 'id_td7', 'id_td9', 'id_td12', 'id_td14', 'id_td16'];
var nCorrectTds = s_validate_tds(s_allGroupsIdsArrayInArray, correctTdIdsArray);
if ((nCorrectTds == 8) && isAllBoxesFilled)
{
s_show_claps_animation('s_id_div_message');
}
}
</script>
</head>
<body onload="page_onLoad()">
<div id="s_id_div_message"></div>
<table id="id_tblMainiPadBody" border="1" cellspacing="0" cellpadding="0">
<tr height="8%">
<td>
<div id="id_tblHeader"></div>
</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>
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="2%">
<tr height="40%">
<td style="padding-bottom: 0px">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse">
<tr height="20%">
<td align="center" style="border:none">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border:none">
<tr>
<td id="id_td_heading1" class="s_style_heading" style="border:none">
<u>Some materials look alike but different in qualities</u>:<br>
<u>Match looks alike materials</u>.</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="border-top: none; border-bottom: none">
<table id="id_tblSection1" width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="*">
<td width="65%" style="border-left: 0px">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse; border-left: 0px; border-right: 0px; border-bottom: none">
<tr>
<td width="50%" style="border-left: 0px; border-right: 0px; border-bottom:none">
<table width="100%" height="100%" border="0" cellspacing="2%" cellpadding="0" style="padding-top: 1%; padding-bottom: 1%">
<tr id="id_tr_dropBox_rubberRexine" height="25%"
ondragover="s_highlight('id_dropBox_rubberRexine'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_dropBox_rubberRexine')"
ondrop="DragDrop('id_dropBox_rubberRexine', ['id_span_rubberRexine'])">
<td id="id_td_text1" class="s_style_textBlack" width="50%" align="center" valign="middle">
Leather
</td>
<td id="id_dropBox_rubberRexine" class="s_style_droppable_dash" width="*" align="center">
</td>
</tr>
<tr id="id_tr_dropBox_brass" height="25%"
ondragover="s_highlight('id_dropBox_brass'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_dropBox_brass')"
ondrop="DragDrop('id_dropBox_brass', ['id_span_brass'])">
<td id="id_td_text2" class="s_style_textBlack" width="50%" align="center" valign="middle">
Gold
</td>
<td id="id_dropBox_brass" class="s_style_droppable_dash" width="*" align="center">
</td>
</tr>
<tr id="id_tr_dropBox_silver" height="25%"
ondragover="s_highlight('id_dropBox_silver'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_dropBox_silver')"
ondrop="DragDrop('id_dropBox_silver', ['id_span_silver'])">
<td id="id_td_text3" class="s_style_textBlack" width="50%" align="center" valign="middle">
Steel
</td>
<td id="id_dropBox_silver" class="s_style_droppable_dash" width="*" align="center">
</td>
</tr>
<tr id="id_tr_dropBox_clearPlastic" height="*"
ondragover="s_highlight('id_dropBox_clearPlastic'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_dropBox_clearPlastic')"
ondrop="DragDrop('id_dropBox_clearPlastic', ['id_span_clearPlastic'])">
<td id="id_td_text4" class="s_style_textBlack" width="50%" align="center" valign="middle">
Glass
</td>
<td id="id_dropBox_clearPlastic" class="s_style_droppable_dash" width="*" align="center">
</td>
</tr>
</table>
</td>
<td id="id_td_text5" width="1%" style="border-left: 0px; border-right: 0px; border-bottom:none"> </td>
</tr>
</table>
</td>
<td width="*">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse; border-bottom:none; border-right:none">
<tr>
<td style="border-right: 0px; border-bottom:none">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="25%">
<td id="id_td_silver" align="center" class="s_style_draggable_text" draggable="true" ondragstart="s_dragStartNew(event)">
<span id="id_span_silver">silver</span>
</td>
</tr>
<tr height="25%">
<td id="id_td_clearPlastic" align="center" class="s_style_draggable_text" draggable="true" ondragstart="s_dragStartNew(event)">
<span id="id_span_clearPlastic">clear plastic</span>
</td>
</tr>
<tr height="25%">
<td id="id_td_rubberRexine" align="center" class="s_style_draggable_text" draggable="true" ondragstart="s_dragStartNew(event)">
<span id="id_span_rubberRexine">rubber / rexine</span>
</td>
</tr>
<tr height="*">
<td id="id_td_brass" align="center" class="s_style_draggable_text" draggable="true" ondragstart="s_dragStartNew(event)">
<span id="id_span_brass">brass</span>
</td>
</tr>
</table>
</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-collapse:collapse">
<tr height="15%">
<td id="id_td_heading2" class="s_style_heading"><u>Underline whether the following are manmade or natural material</u> [<span class="s_style_heading_part_text_4">click to underline</span>]:</td>
</tr>
<tr height="*">
<td style="border-top:0px; padding-left:2%">
<table width="100%" height="100%" border="0" cellspacing="2%" cellpadding="0">
<tr>
<td id="id_td_text6" class="s_style_textBlack_without_bold" width="25%" align="left">Plastic is</td>
<td id="id_td1" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td1')">manmade</td>
<td id="id_td2" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td2')">natural</td>
<td id="id_td_text7" width="*"> </td>
</tr>
<tr>
<td id="id_td_text8" class="s_style_textBlack_without_bold" width="25%" align="left">Leather is</td>
<td id="id_td3" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td3')">manmade</td>
<td id="id_td4" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td4')">natural</td>
<td id="id_td_text9" width="*"> </td>
</tr>
<tr>
<td id="id_td_text10" class="s_style_textBlack_without_bold" width="25%" align="left">Fabric is</td>
<td id="id_td5" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td5')">manmade</td>
<td id="id_td6" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td6')">natural</td>
<td id="id_td_text11" width="*"> </td>
</tr>
<tr>
<td id="id_td_text12" class="s_style_textBlack_without_bold" width="25%" align="left">Glass is</td>
<td id="id_td7" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td7')">manmade</td>
<td id="id_td8" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td8')">natural</td>
<td id="id_td_text13" width="*"> </td>
</tr>
<tr>
<td id="id_td_text14" class="s_style_textBlack_without_bold" width="25%" align="left">Ceramic is</td>
<td id="id_td9" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td9')">manmade</td>
<td id="id_td10" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td10')">natural</td>
<td id="id_td_text15" width="*"> </td>
</tr>
<tr>
<td id="id_td_text16" class="s_style_textBlack_without_bold" width="25%" align="left">Wood is</td>
<td id="id_td11" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td11')">manmade</td>
<td id="id_td12" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td12')">natural</td>
<td id="id_td_text17" width="*"> </td>
</tr>
<tr>
<td id="id_td_text18" class="s_style_textBlack_without_bold" width="25%" align="left">Stone is</td>
<td id="id_td13" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td13')">manmade</td>
<td id="id_td14" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td14')">natural</td>
<td id="id_td_text19" width="*"> </td>
</tr>
<tr>
<td id="id_td_text20" class="s_style_textBlack_without_bold" width="25%" align="left">Gold is</td>
<td id="id_td15" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td15')">manmade</td>
<td id="id_td16" class="s_style_textBlack" width="25%" align="center" onClick="td_click('id_td16')">natural</td>
<td id="id_td_text21" width="*"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr height="8%">
<td>
<div id="id_tblFooter"></div>
</td>
</tr>
</table>
<script>
page_preLoad();
new webkit_draggable('id_span_silver', {handle : 'id_td_silver', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_clearPlastic', {handle : 'id_td_clearPlastic', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_rubberRexine', {handle : 'id_td_rubberRexine', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_brass', {handle : 'id_td_brass', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
webkit_drop.add('id_tr_dropBox_silver', {onOver : function(){s_highlight('id_dropBox_silver')}, onOut : function(){s_un_highlight('id_dropBox_silver')}, onDrop : function(){DragDrop('id_dropBox_silver', ['id_span_silver'])}});
webkit_drop.add('id_tr_dropBox_clearPlastic', {onOver : function(){s_highlight('id_dropBox_clearPlastic')}, onOut : function(){s_un_highlight('id_dropBox_clearPlastic')}, onDrop : function(){DragDrop('id_dropBox_clearPlastic', ['id_span_clearPlastic'])}});
webkit_drop.add('id_tr_dropBox_rubberRexine', {onOver : function(){s_highlight('id_dropBox_rubberRexine')}, onOut : function(){s_un_highlight('id_dropBox_rubberRexine')}, onDrop : function(){DragDrop('id_dropBox_rubberRexine', ['id_span_rubberRexine'])}});
webkit_drop.add('id_tr_dropBox_brass', {onOver : function(){s_highlight('id_dropBox_brass')}, onOut : function(){s_un_highlight('id_dropBox_brass')}, onDrop : function(){DragDrop('id_dropBox_brass', ['id_span_brass'])}});
</script>
</body>
</html>