| Server IP : 79.136.114.73 / Your IP : 3.133.59.209 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/LevelF/Category1/ |
Upload File : |
<!doctype html>
<html>
<head>
<title>Word sums and underline the correct spelling</title>
<script type="text/javascript" src="../../../js/allScriptsForLessonsHtml.js"></script>
<script>
function page_preLoad()
{
s_setDeviceTypeLevelCategoryLastLesson(Level.F, Category.No1);
s_set_tblMainiPadBodyWidthHeight('id_tblMainiPadBody', 'id_meta');
s_setHeaderTable('id_tblHeader', s_title_page, s_getSubTitle(Level.F, Category.No1, 11), true, true);
s_setFooterTable('id_tblFooter', true, true, true, true, true);
var ids_headings = ['id_td_heading1', 'id_td_heading2'];
var ids_options = ['id_options1', 'id_td_mouseTrap', 'id_td_household', 'id_td_township', 'id_td_downfall', 'id_td_mouthful'];
var ids_spans = ['id_span_mouseTrap', 'id_span_household', 'id_span_township', 'id_span_downfall', 'id_span_mouthful'];
var ids_boxes = ['id_dropbox_downfall', 'id_dropbox_township', 'id_dropbox_household', 'id_dropbox_mousetrap', 'id_dropbox_mouthful'];
var ids_texts = ['id_text1', 'id_text2', 'id_text3', 'id_text4', 'id_text5', 'id_text6', 'id_text7', 'id_text8', 'id_text9', 'id_text10', 'id_text11', 'id_text13', 'id_text15', 'id_text17', 'id_text19', 'id_text21', 'id_text23', 'id_text25', 'id_text27', 'id_text29', 'id_text31', 'id_text33', 'id_text35', 'id_td1', 'id_td2', 'id_td3', 'id_td4', 'id_td5', 'id_td6', 'id_td7', 'id_td8', 'id_td9', 'id_td10', 'id_td11', 'id_td12'];
var ids_All = ids_headings.concat(ids_options, ids_texts, ids_boxes);
s_adjust_fontSize_for_ids_all_devices(ids_All, 70);
s_init_dropBox_tds_withOUT_drag_here(ids_boxes);
s_init_dropping_spans(ids_spans);
var id_tables_array = ['id_table1', 'id_table2'];
s_border_collapse_for_tables_except_android(id_tables_array);
}
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'];
s_allGroupsIdsArrayInArray = [set1IdsArray, set2IdsArray, set3IdsArray, set4IdsArray, set5IdsArray, set6IdsArray];
}
function drawUnderline()
{
for (var id = 1; id <= 12; id++)
{
s_draw_underline('id_td' + id);
}
}
function td_click(id_td)
{
s_showHideUnderlineOfCorrespondingGroup(id_td, s_allGroupsIdsArrayInArray);
}
function btnHome_click()
{
s_btnHomeCategories_click('LevelF');
}
function btnPrevious_click()
{
window.location = 'LevelFCat1Lesson10.html';
}
function btnNext_click()
{
window.location = 'LevelFCat1Lesson12.html';
}
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_downfall', 'id_dropbox_township', 'id_dropbox_household', 'id_dropbox_mousetrap', 'id_dropbox_mouthful'];
var isAllBoxesFilled = s_isAllInfosFilled(ids_boxes);
var correctTdIdsArray = ['id_td2', 'id_td3', 'id_td5', 'id_td8', 'id_td9', 'id_td12'];
var nCorrectTds = s_validate_tds(s_allGroupsIdsArrayInArray, correctTdIdsArray);
if (isAllBoxesFilled && nCorrectTds == 6)
{
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="1px" 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" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" height="100%" border="0" cellpadding="2%" cellspacing="0">
<tr height="50%">
<td style="padding-bottom:0px">
<table id="id_table1" width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr height="10%">
<td id="id_td_heading1" class="s_style_heading">Word sums:
</td>
</tr>
<tr height="20%">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="id_options1" class="s_style_heading_options" width="15%">Options:</td>
<td width="*">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr height="50%">
<td id="id_td_mouseTrap" class="s_style_draggable_text" width="33%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
<span id="id_span_mouseTrap">mousetrap</span>
</td>
<td id="id_td_household" class="s_style_draggable_text" width="33%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
<span id="id_span_household">household</span>
</td>
<td id="id_td_township" class="s_style_draggable_text" width="*" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
<span id="id_span_township">township</span>
</td>
</tr>
<tr height="50%">
<td id="id_td_downfall" class="s_style_draggable_text" width="33%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
<span id="id_span_downfall">downfall</span>
</td>
<td id="id_td_mouthful" class="s_style_draggable_text" width="33%" align="center" draggable="true" ondragstart="s_dragStartNew(event)">
<span id="id_span_mouthful">mouthful</span>
</td>
<td id="id_text1" width="*"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr height="*">
<td style="padding-left:5%">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="2%">
<tr id="id_tr_dropbox_downfall" height="20%"
ondragover="s_highlight('id_dropbox_downfall'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_dropbox_downfall')"
ondrop="DragDrop('id_dropbox_downfall', ['id_span_downfall'])">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="id_text2" class="s_style_textBlack_padding_left" width="27%">down <span class="s_style_heading_part_text_2">+</span> fall <span class="s_style_heading_part_text_2">=</span></td>
<td id="id_dropbox_downfall" class="s_style_droppable_dash" width="25%" align="center">____________</td>
<td id="id_text3" width="*"> </td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_dropbox_township" height="20%"
ondragover="s_highlight('id_dropbox_township'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_dropbox_township')"
ondrop="DragDrop('id_dropbox_township', ['id_span_township'])">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="id_text4" class="s_style_textBlack_padding_left" width="27%">town <span class="s_style_heading_part_text_2">+</span> ship <span class="s_style_heading_part_text_2">=</span></td>
<td id="id_dropbox_township" class="s_style_droppable_dash" width="25%" align="center">____________</td>
<td id="id_text5" width="*"> </td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_dropbox_household" height="20%"
ondragover="s_highlight('id_dropbox_household'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_dropbox_household')"
ondrop="DragDrop('id_dropbox_household', ['id_span_household'])">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="id_text6" class="s_style_textBlack_padding_left" width="27%">house <span class="s_style_heading_part_text_2">+</span> hold <span class="s_style_heading_part_text_2">=</span></td>
<td id="id_dropbox_household" class="s_style_droppable_dash" width="25%" align="center">____________</td>
<td id="id_text7" width="*"> </td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_dropbox_mousetrap" height="20%"
ondragover="s_highlight('id_dropbox_mousetrap'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_dropbox_mousetrap')"
ondrop="DragDrop('id_dropbox_mousetrap', ['id_span_mouseTrap'])">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="id_text8" class="s_style_textBlack_padding_left" width="27%">mouse <span class="s_style_heading_part_text_2">+</span> trap <span class="s_style_heading_part_text_2">=</span></td>
<td id="id_dropbox_mousetrap" class="s_style_droppable_dash" width="25%" align="center">____________</td>
<td id="id_text9" width="*"> </td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_dropbox_mouthful" height="20%"
ondragover="s_highlight('id_dropbox_mouthful'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_dropbox_mouthful')"
ondrop="DragDrop('id_dropbox_mouthful', ['id_span_mouthful'])">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="id_text10" class="s_style_textBlack_padding_left" width="27%">mouth <span class="s_style_heading_part_text_2">+</span> ful <span class="s_style_heading_part_text_2">=</span></td>
<td id="id_dropbox_mouthful" class="s_style_droppable_dash" width="25%" align="center">____________</td>
<td id="id_text11" width="*"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr height="*">
<td>
<table id="id_table2" width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr height="10%">
<td id="id_td_heading2" class="s_style_heading">Underline the correct spelling [<span class="s_style_heading_part_text_2">click to underline</span>]:
</td>
</tr>
<tr height="*">
<td style="padding-left:5%">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="2%">
<tr height="16.6%">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="2%">
<tr>
<td id="id_td1" class="s_style_textBlack_padding_left" width="15%" onClick="td_click('id_td1')">flouwer</td>
<td id="id_text13" class="s_style_textBlue" width="5%" align="center"><span>/</span></td>
<td id="id_td2" class="s_style_textBlack" width="15%" align="center" onClick="td_click('id_td2')">flower</td>
<td id="id_text15" width="*"> </td>
</tr>
</table>
</td>
</tr>
<tr height="16.6%">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="2%">
<tr>
<td id="id_td3" class="s_style_textBlack_padding_left" width="15%" onClick="td_click('id_td3')">shower</td>
<td id="id_text17" class="s_style_textBlue" width="5%" align="center"><span>/</span></td>
<td id="id_td4" class="s_style_textBlack" width="15%" align="center" onClick="td_click('id_td4')">shawer</td>
<td id="id_text19" width="*"> </td>
</tr>
</table>
</td>
</tr>
<tr height="16.6%">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="2%">
<tr>
<td id="id_td5" class="s_style_textBlack_padding_left" width="15%" onClick="td_click('id_td5')">pillow</td>
<td id="id_text21" class="s_style_textBlue" width="5%" align="center"><span>/</span></td>
<td id="id_td6" class="s_style_textBlack" width="15%" align="center" onClick="td_click('id_td6')">pillou</td>
<td id="id_text23" width="*"> </td>
</tr>
</table>
</td>
</tr>
<tr height="16.6%">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="2%">
<tr>
<td id="id_td7" class="s_style_textBlack_padding_left" width="15%" onClick="td_click('id_td7')">windaw</td>
<td id="id_text25" class="s_style_textBlue" width="5%" align="center"><span>/</span></td>
<td id="id_td8" class="s_style_textBlack" width="15%" align="center" onClick="td_click('id_td8')">window</td>
<td id="id_text27" width="*"> </td>
</tr>
</table>
</td>
</tr>
<tr height="16.6%">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="2%">
<tr>
<td id="id_td9" class="s_style_textBlack_padding_left" width="15%" onClick="td_click('id_td9')">vowel</td>
<td id="id_text29" class="s_style_textBlue" width="5%" align="center"><span>/</span></td>
<td id="id_td10" class="s_style_textBlack" width="15%" align="center" onClick="td_click('id_td10')">vovel</td>
<td id="id_text31" width="*"> </td>
</tr>
</table>
</td>
</tr>
<tr height="*">
<td>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="2%">
<tr>
<td id="id_td11" class="s_style_textBlack_padding_left" width="15%" onClick="td_click('id_td11')">snou</td>
<td id="id_text33" class="s_style_textBlue" width="5%" align="center"><span>/</span></td>
<td id="id_td12" class="s_style_textBlack" width="15%" align="center" onClick="td_click('id_td12')">snow</td>
<td id="id_text35" width="*"> </td>
</tr>
</table>
</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_mouseTrap', {handle : 'id_td_mouseTrap', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_household', {handle : 'id_td_household', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_township', {handle : 'id_td_township', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_downfall', {handle : 'id_td_downfall', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_mouthful', {handle : 'id_td_mouthful', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
webkit_drop.add('id_tr_dropbox_mousetrap', {onOver : function(){s_highlight('id_dropbox_mousetrap')}, onOut : function(){s_un_highlight('id_dropbox_mousetrap')}, onDrop : function(){DragDrop('id_dropbox_mousetrap', ['id_span_mouseTrap'])}});
webkit_drop.add('id_tr_dropbox_household', {onOver : function(){s_highlight('id_dropbox_household')}, onOut : function(){s_un_highlight('id_dropbox_household')}, onDrop : function(){DragDrop('id_dropbox_household', ['id_span_household'])}});
webkit_drop.add('id_tr_dropbox_township', {onOver : function(){s_highlight('id_dropbox_township')}, onOut : function(){s_un_highlight('id_dropbox_township')}, onDrop : function(){DragDrop('id_dropbox_township', ['id_span_township'])}});
webkit_drop.add('id_tr_dropbox_downfall', {onOver : function(){s_highlight('id_dropbox_downfall')}, onOut : function(){s_un_highlight('id_dropbox_downfall')}, onDrop : function(){DragDrop('id_dropbox_downfall', ['id_span_downfall'])}});
webkit_drop.add('id_tr_dropbox_mouthful', {onOver : function(){s_highlight('id_dropbox_mouthful')}, onOut : function(){s_un_highlight('id_dropbox_mouthful')}, onDrop : function(){DragDrop('id_dropbox_mouthful', ['id_span_mouthful'])}});
</script>
</body>
</html>