| 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_old7/Html/LevelH/Category1/ |
Upload File : |
<!doctype html>
<html>
<head>
<title>Underline the right preposition and re-write each sentence</title>
<script type="text/javascript" src="../../../js/allScriptsForLessonsHtml.js"></script>
<script>
function page_preLoad()
{
shared_setDeviceTypeLevelCategoryLastLesson(Level.H, Category.No1);
shared_set_tblMainiPadBodyWidthHeight('id_tblMainiPadBody', 'id_meta');
shared_setHeaderTable('id_tblHeader', shared_title_page, shared_getSubTitle(Level.H, Category.No1, 11), true, true);
shared_setFooterTable('id_tblFooter', true, true, true, true, true);
var ids_headings = ['id_td_heading1'];
var ids_textBoxes = new Array();
var ids_td_textBoxes = new Array();
for (var id = 1; id <= 10; id++)
{
var idTdTextBox = 'id_td_textBox' + id;
var idTextBox = 'id_textBox' + id;
var eTextBox = document.getElementById(idTextBox);
eTextBox.value = '';
if (shared_currentDeviceType == shared_DeviceTypeAndroid)
{
eTextBox.style.border = 'solid 2px black';
}
ids_textBoxes.push(idTextBox);
ids_td_textBoxes.push(idTdTextBox);
}
var ids_spans = new Array();
for (var idSpan = 1; idSpan <= 20; idSpan++)
{
ids_spans.push('id_span' + idSpan);
}
var ids_tds_texts = new Array();
for (var textId = 1; textId <= 10; textId++)
{
ids_tds_texts.push('id_td' + textId);
}
var ids_All = ids_headings.concat(ids_spans, ids_tds_texts, ids_td_textBoxes);
shared_adjust_fontSize_for_ids_all_devices(ids_All, 70);
shared_adjust_fontSize_for_ids_all_devices(ids_textBoxes, 60);
var id_tables_array = ['id_table1'];
shared_border_collapse_for_tables_except_android(id_tables_array);
}
function page_onLoad()
{
getAllGroupsCanvasIdsArray();
drawUnderline();
}
function getAllGroupsCanvasIdsArray()
{
var set1IdsArray = ['id_span1', 'id_span2'];
var set2IdsArray = ['id_span3', 'id_span4'];
var set3IdsArray = ['id_span5', 'id_span6'];
var set4IdsArray = ['id_span7', 'id_span8'];
var set5IdsArray = ['id_span9', 'id_span10'];
var set6IdsArray = ['id_span11', 'id_span12'];
var set7IdsArray = ['id_span13', 'id_span14'];
var set8IdsArray = ['id_span15', 'id_span16'];
var set9IdsArray = ['id_span17', 'id_span18'];
var set10IdsArray = ['id_span19', 'id_span20'];
shared_allGroupsIdsArrayInArray = [set1IdsArray, set2IdsArray, set3IdsArray, set4IdsArray, set5IdsArray, set6IdsArray, set7IdsArray, set8IdsArray, set9IdsArray, set10IdsArray];
}
function drawUnderline()
{
for (var id = 1; id <= 20; id++)
{
shared_draw_underline('id_span' + id);
}
}
function span_click(id_span)
{
shared_showHideUnderlineOfCorrespondingGroup(id_span, shared_allGroupsIdsArrayInArray);
}
function btnValidate_click()
{
var correctSpanIdsArray = ['id_span1', 'id_span3', 'id_span5', 'id_span8', 'id_span10', 'id_span12', 'id_span13', 'id_span15', 'id_span17', 'id_span19'];
var nCorrectSpans = shared_validate_tds(shared_allGroupsIdsArrayInArray, correctSpanIdsArray);
var eTextBox1 = document.getElementById('id_textBox1');
var eTextBox2 = document.getElementById('id_textBox2');
var eTextBox3 = document.getElementById('id_textBox3');
var eTextBox4 = document.getElementById('id_textBox4');
var eTextBox5 = document.getElementById('id_textBox5');
var eTextBox6 = document.getElementById('id_textBox6');
var eTextBox7 = document.getElementById('id_textBox7');
var eTextBox8 = document.getElementById('id_textBox8');
var eTextBox9 = document.getElementById('id_textBox9');
var eTextBox10 = document.getElementById('id_textBox10');
if ((nCorrectSpans == 10) &&
(eTextBox1.isCorrect == true) &&
(eTextBox2.isCorrect == true) &&
(eTextBox3.isCorrect == true) &&
(eTextBox4.isCorrect == true) &&
(eTextBox5.isCorrect == true) &&
(eTextBox6.isCorrect == true) &&
(eTextBox7.isCorrect == true) &&
(eTextBox8.isCorrect == true) &&
(eTextBox9.isCorrect == true) &&
(eTextBox10.isCorrect == true))
{
shared_show_claps_animation('shared_id_div_claps_image');
}
}
function validateSentence(id_textBox)
{
var eTextBox = document.getElementById(id_textBox);
var inputText = eTextBox.value;
var enteredTextArray = inputText.split(" ");
var trimmedText = '';
for (var textIndex = 0; textIndex < enteredTextArray.length; textIndex++)
{
if (enteredTextArray[textIndex].trim() != '')
{
trimmedText += enteredTextArray[textIndex].trim() + ' ';
}
}
trimmedText = trimmedText.trim().toUpperCase();
var correctText = getCorrectText(id_textBox);
eTextBox.isCorrect = (trimmedText == correctText) ? true : false;
}
function getCorrectText(id_textBox)
{
var correctText = '';
if (id_textBox == 'id_textBox1')
{
correctText = 'THE POSTMAN IS AT THE DOOR';
}
else if (id_textBox == 'id_textBox2')
{
correctText = 'PUT THESE BOOKS IN THE SHELF';
}
else if (id_textBox == 'id_textBox3')
{
correctText = 'THE SHOWS START AT HALF-PAST EIGHT';
}
else if (id_textBox == 'id_textBox4')
{
correctText = 'THEY ARE WALKING ALONG THE BEACH';
}
else if (id_textBox == 'id_textBox5')
{
correctText = 'THE WORKERS ARE RESTING UNDER A TREE';
}
else if (id_textBox == 'id_textBox6')
{
correctText = 'STOP AND LOOK BEFORE YOU CROSS THE ROAD';
}
else if (id_textBox == 'id_textBox7')
{
correctText = 'WHO IS THE BOY SITTING BETWEEN SUMA AND HER SISTER';
}
else if (id_textBox == 'id_textBox8')
{
correctText = 'THE FARMERS ARE RETURNING FROM THE FIELDS';
}
else if (id_textBox == 'id_textBox9')
{
correctText = 'THE EARTH MOVES AROUND THE SUN';
}
else if (id_textBox == 'id_textBox10')
{
correctText = 'IT IS SAFE TO PUT YOUR MONEY IN THE BANK';
}
return (correctText);
}
function btnHome_click()
{
shared_btnHomeCategories_click('LevelH');
}
function btnPrevious_click()
{
window.location = 'LevelHCat1Lesson10.html';
}
function btnNext_click()
{
window.location = 'LevelHCat1Lesson12.html';
}
</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="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>
<td>
<table id="id_table1" width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr height="8%">
<td id="id_td_heading1" class="shared_style_blue_24px_bold_padding_left_2_percent">
<u>Underline the right preposition and re-write each sentence:</u><br>
[<span style="color:brown">click to underline between brackets</span>]:
</td>
</tr>
<tr height="*">
<td style="padding-left:2%">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="id_td1" class="shared_style_black_24px_bold">
<span>1. The postman is (</span>
<span id="id_span1" onClick="span_click('id_span1')">at</span>
<span>/</span>
<span id="id_span2" onClick="span_click('id_span2')">on</span>
<span>) the door.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox1">
<textarea id="id_textBox1" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox1')">
</textarea>
</td>
</tr>
<tr>
<td id="id_td2" class="shared_style_black_24px_bold">
<span>2. Put these books (</span>
<span id="id_span3" onClick="span_click('id_span3')">in</span>
<span>/</span>
<span id="id_span4" onClick="span_click('id_span4')">on</span>
<span>) the shelf.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox2">
<textarea id="id_textBox2" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox2')">
</textarea>
</td>
</tr>
<tr>
<td id="id_td3" class="shared_style_black_24px_bold">
<span>3. The shows start (</span>
<span id="id_span5" onClick="span_click('id_span5')">at</span>
<span>/</span>
<span id="id_span6" onClick="span_click('id_span6')">on</span>
<span>) half-past eight.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox3">
<textarea id="id_textBox3" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox3')">
</textarea>
</td>
</tr>
<tr>
<td id="id_td4" class="shared_style_black_24px_bold">
<span>4. They are walking (</span>
<span id="id_span7" onClick="span_click('id_span7')">across</span>
<span>/</span>
<span id="id_span8" onClick="span_click('id_span8')">along</span>
<span>) the beach.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox4">
<textarea id="id_textBox4" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox4')">
</textarea>
</td>
</tr>
<tr>
<td id="id_td5" class="shared_style_black_24px_bold">
<span>5. The workers are resting (</span>
<span id="id_span9" onClick="span_click('id_span9')">on</span>
<span>/</span>
<span id="id_span10" onClick="span_click('id_span10')">under</span>
<span>) a tree.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox5">
<textarea id="id_textBox5" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox5')">
</textarea>
</td>
</tr>
<tr>
<td id="id_td6" class="shared_style_black_24px_bold">
<span>6. Stop and look (</span>
<span id="id_span11" onClick="span_click('id_span11')">after</span>
<span>/</span>
<span id="id_span12" onClick="span_click('id_span12')">before</span>
<span>) you cross the road.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox6">
<textarea id="id_textBox6" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox6')">
</textarea>
</td>
</tr>
<tr>
<td id="id_td7" class="shared_style_black_24px_bold">
<span>7. Who is the boy sitting (</span>
<span id="id_span13" onClick="span_click('id_span13')">between</span>
<span>/</span>
<span id="id_span14" onClick="span_click('id_span14')">before</span>
<span>) Suma and her sister.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox7">
<textarea id="id_textBox7" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox7')">
</textarea>
</td>
</tr>
<tr>
<td id="id_td8" class="shared_style_black_24px_bold">
<span>8. The farmers are returning (</span>
<span id="id_span15" onClick="span_click('id_span15')">from</span>
<span>/</span>
<span id="id_span16" onClick="span_click('id_span16')">to</span>
<span>) the fields.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox8">
<textarea id="id_textBox8" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox8')">
</textarea>
</td>
</tr>
<tr>
<td id="id_td9" class="shared_style_black_24px_bold">
<span>9. The earth moves (</span>
<span id="id_span17" onClick="span_click('id_span17')">around</span>
<span>/</span>
<span id="id_span18" onClick="span_click('id_span18')">round</span>
<span>) the sun.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox9">
<textarea id="id_textBox9" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox9')">
</textarea>
</td>
</tr>
<tr>
<td id="id_td10" class="shared_style_black_24px_bold">
<span>10. It is safe to put your money (</span>
<span id="id_span19" onClick="span_click('id_span19')">in</span>
<span>/</span>
<span id="id_span20" onClick="span_click('id_span20')">on</span>
<span>) the bank.</span>
</td>
</tr>
<tr>
<td id="id_td_textBox10">
<textarea id="id_textBox10" class="shared_style_blue_24px_bold" style="width:95%; text-align:left; resize:none" rows="1" onchange="validateSentence('id_textBox10')">
</textarea>
</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();
</script>
</body>
</html>