| Server IP : 79.136.114.73 / Your IP : 3.141.33.133 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/LevelE/Category2/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<title>Calculate the bills - 1</title>
<script type="text/javascript" src="../../../js/allScriptsForLessonsHtml.js"></script>
<style>
.s_style_button_showMenu
{
text-align: center;
border-width:0px;
background-image: -webkit-linear-gradient(violet, orange); /* For Safari 5.1 to 6.0 */
background-image: -o-linear-gradient(violet, orange); /* For Opera 11.1 to 12.0 */
background-image: -moz-linear-gradient(violet, orange); /* For Firefox 3.6 to 15 */
background-image: linear-gradient(violet, orange); /* Standard syntax */
}
</style>
<script>
function page_preLoad()
{
s_setDeviceTypeLevelCategoryLastLesson(Level.E, Category.No2);
s_set_tblMainiPadBodyWidthHeight('id_tblMainiPadBody', 'id_meta');
s_setHeaderTable('id_tblHeader', s_title_page, s_getSubTitle(Level.E, Category.No2, 10), true, true);
s_setFooterTable('id_tblFooter', true, true, false, true, true);
var ids_headings = ['id_td_heading1', 'id_td_heading2'];
var ids_boxes_without_drag_here = ['id_tdBoxFor86', 'id_tdBoxFor80', 'id_tdBoxFor58', 'id_tdBoxFor87', 'id_tdBoxFor27', 'id_tdBoxFor85', 'id_tdBoxFor54', 'id_tdBoxFor90'];
var ids_texts = ['id_td_text1', 'id_td_text2', 'id_td_text3', 'id_td_text4', 'id_td_text5', 'id_td_text6', 'id_td_text7', 'id_td_text8'];
var ids_spans = ['id_span_86', 'id_span_80', 'id_span_58', 'id_span_87', 'id_span_27', 'id_span_85', 'id_span_54', 'id_span_90'];
var ids_All = ids_headings.concat(ids_boxes_without_drag_here, ids_texts, ids_spans);
s_adjust_fontSize_for_ids_all_devices(ids_All, 80);
s_init_dropBox_tds_withOUT_drag_here(ids_boxes_without_drag_here);
s_init_dropping_spans(ids_spans);
}
function page_onLoad()
{
var deviceType = s_getDeviceType();
var buttonStyle = 's_style_buttons_header_footer';
var sizePercentageAsDevice = s_getSizePercentageAsPerDeviceHeightWidth();
var actualSize = 18;
var textSize = actualSize * sizePercentageAsDevice;
var fontSizeButtonText = textSize;
var buttonHeight = textSize * 1.8;
var borderRadius = buttonHeight / 2.0;
var tdButtonHeight = buttonHeight * 1.2;
var buttonWidthPercent = 20;
fontSizeButtonText = fontSizeButtonText + 'px';
buttonHeight = buttonHeight + 'px';
borderRadius = borderRadius + 'px';
tdButtonHeight = tdButtonHeight + 'px';
var buttonShowMenu = document.getElementById('id_btnShowMenu');
buttonShowMenu.style.fontSize = fontSizeButtonText;
buttonShowMenu.style.borderRadius = borderRadius;
buttonShowMenu.style.width = buttonWidthPercent;
buttonShowMenu.style.height = buttonHeight;
}
function btnPrevious_click()
{
window.location = 'LevelECat2Lesson09.html';
}
function btnNext_click()
{
window.location = 'LevelECat2Lesson11.html';
}
function btnHome_click()
{
s_btnHomeCategories_click('LevelE');
}
function DragDrop(id_dropBox, ids_array)
{
if (s_isMovingElementIdInTheArraySetIsFilledTrue(id_dropBox, ids_array))
{
s_setTextAndBackgroundColorToGreenAndIsMovedTrue(s_currentDropingId, id_dropBox);
isAllInfosMovedShowClapsAnimation();
s_set_currentDropingId_draggbleToFalse();
}
else
{
s_resetCurrentDroppingPosition(id_dropBox);
}
}
function isAllInfosMovedShowClapsAnimation()
{
var ids_boxes = ['id_tdBoxFor86', 'id_tdBoxFor80', 'id_tdBoxFor58', 'id_tdBoxFor87', 'id_tdBoxFor27', 'id_tdBoxFor85', 'id_tdBoxFor54', 'id_tdBoxFor90'];
s_is_all_infos_filled_show_claps_animationWithIsFilled(ids_boxes);
}
function show_menu_info_click(pathHtmlOrImage)
{
s_showImageBiggerWithImageWithPath_sizePercent(pathHtmlOrImage, "98%");
}
</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="2%">
<tr>
<td>
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse">
<tr height="5%">
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="2%">
<td id="id_td_heading1" width = "75%" class="s_style_heading" style="border: none">
<u>Read the prices of the items and calculate the bills:</u>
</td>
<td width = "*" align = "center">
<input id = "id_btnShowMenu" class="s_style_button_showMenu" type="button" value="Show menu" onclick="show_menu_info_click('../../../img/LevelE/Category2/LevelECat2Lesson09/menuCard.png')">
</td>
</tr>
</table>
</td>
</tr>
<tr height="*">
<td style="border-bottom:none">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="50%">
<td id="id_td_heading2" class="s_style_heading_options" width="*">Options:</td>
<td id="id_td_54" width="20%" align="center" draggable="true" ondragstart="s_dragStartNew(event)"><span id="id_span_54" class="s_style_draggable_text">54</span></td>
<td id="id_td_90" width="20%" align="center" draggable="true" ondragstart="s_dragStartNew(event)"><span id="id_span_90" class="s_style_draggable_text">90</span></td>
<td id="id_td_80" width="20%" align="center" draggable="true" ondragstart="s_dragStartNew(event)"><span id="id_span_80" class="s_style_draggable_text">80</span></td>
<td id="id_td_87" width="20%" align="center" draggable="true" ondragstart="s_dragStartNew(event)"><span id="id_span_87" class="s_style_draggable_text">87</span></td>
</tr>
<tr height="*">
<td width="*"> </td>
<td id="id_td_27" width="20%" align="center" draggable="true" ondragstart="s_dragStartNew(event)"><span id="id_span_27" class="s_style_draggable_text">27</span></td>
<td id="id_td_58" width="20%" align="center" draggable="true" ondragstart="s_dragStartNew(event)"><span id="id_span_58" class="s_style_draggable_text">58</span></td>
<td id="id_td_85" width="20%" align="center" draggable="true" ondragstart="s_dragStartNew(event)"><span id="id_span_85" class="s_style_draggable_text">85</span></td>
<td id="id_td_86" width="20%" align="center" draggable="true" ondragstart="s_dragStartNew(event)"><span id="id_span_86" class="s_style_draggable_text">86</span></td>
</tr>
</table>
</td>
</tr>
<tr height="85%">
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr id="id_tr_86" height="12.5%"
ondragover="s_highlight('id_tdBoxFor86'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_tdBoxFor86')"
ondrop="DragDrop('id_tdBoxFor86', ['id_span_86'])">
<td>
<table width="100%" height="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="id_td_text1" class="s_style_content_normal_padding_left" width="*">
1. Pearl ordered for <span class="s_style_heading_part_text_1"> paper dosa</span> and <span class="s_style_heading_part_text_1"> puri.</span> How much would be the bill?
</td>
<td id="id_tdBoxFor86" class="s_style_droppable_dash" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_80" height="12.5%"
ondragover="s_highlight('id_tdBoxFor80'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_tdBoxFor80')"
ondrop="DragDrop('id_tdBoxFor80', ['id_span_80'])">
<td>
<table width="100%" height="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="id_td_text2" class="s_style_content_normal_padding_left" width="*">
2. Vishnu ordered for <span class="s_style_heading_part_text_1"> idli, upma </span> and <span class="s_style_heading_part_text_1"> bournvita.</span> How much would be
the bill?
</td>
<td id="id_tdBoxFor80" class="s_style_droppable_dash" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_58" height="12.5%"
ondragover="s_highlight('id_tdBoxFor58'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_tdBoxFor58')"
ondrop="DragDrop('id_tdBoxFor58', ['id_span_58'])">
<td>
<table width="100%" height="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="id_td_text3" class="s_style_content_normal_padding_left" width="*">
3. Tarun ordered for <span class="s_style_heading_part_text_1"> uthappam and filter coffee.</span> How much would be
the bill?
</td>
<td id="id_tdBoxFor58" class="s_style_droppable_dash" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_87" height="12.5%"
ondragover="s_highlight('id_tdBoxFor87'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_tdBoxFor87')"
ondrop="DragDrop('id_tdBoxFor87', ['id_span_87'])">
<td>
<table width="100%" height="90%" border="0" cellspacing="0" cellpadding="0">
<tr height="100%">
<td id="id_td_text4" class="s_style_content_normal_padding_left" width="*">
4. Naveen ordered for <span class="s_style_heading_part_text_1"> ravadosa, </span> his mother ordered for <span class="s_style_heading_part_text_1"> onion rava dosa. </span>How much would be the bill?
</td>
<td id="id_tdBoxFor87" class="s_style_droppable_dash" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_27" height="12.5%"
ondragover="s_highlight('id_tdBoxFor27'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_tdBoxFor27')"
ondrop="DragDrop('id_tdBoxFor27', ['id_span_27'])">
<td>
<table width="100%" height="90%" border="0" cellspacing="0" cellpadding="0">
<tr height="100%">
<td id="id_td_text5" class="s_style_content_normal_padding_left" width="*">
5. Rakesh ordered <span class="s_style_heading_part_text_1"> two plates of chapathi</span> and <span class="s_style_heading_part_text_1"> one tea. </span>How
much would be the bill?
</td>
<td id="id_tdBoxFor27" class="s_style_droppable_dash" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_85" height="12.5%"
ondragover="s_highlight('id_tdBoxFor85'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_tdBoxFor85')"
ondrop="DragDrop('id_tdBoxFor85', ['id_span_85'])">
<td>
<table width="100%" height="90%" border="0" cellspacing="0" cellpadding="0">
<tr height="100%">
<td id="id_td_text6" class="s_style_content_normal_padding_left" width="*">
6. Rishab ordered for <span class="s_style_heading_part_text_1"> ghee tomoto omlet </span> and <span class="s_style_heading_part_text_1"> idli fry. </span>How
much would be the bill ?
</td>
<td id="id_tdBoxFor85" class="s_style_droppable_dash" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_54" height="12.5%"
ondragover="s_highlight('id_tdBoxFor54'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_tdBoxFor54')"
ondrop="DragDrop('id_tdBoxFor54', ['id_span_54'])">
<td>
<table width="100%" height="90%" border="0" cellspacing="0" cellpadding="0">
<tr height="100%">
<td id="id_td_text7" class="s_style_content_normal_padding_left" width="*">
7. Rama teacher ordered for <span class="s_style_heading_part_text_1"> Punjabi somasa </span> and <span class="s_style_heading_part_text_1"> masala tea. </span>How much would be the bill ?
</td>
<td id="id_tdBoxFor54" class="s_style_droppable_dash" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_90" height="*"
ondragover="s_highlight('id_tdBoxFor90'); s_allowDrop_web(event)"
ondragleave="s_un_highlight('id_tdBoxFor90')"
ondrop="DragDrop('id_tdBoxFor90', ['id_span_90'])">
<td>
<table width="100%" height="90%" border="0" cellspacing="0" cellpadding="0">
<tr height="100%">
<td id="id_td_text8" class="s_style_content_normal_padding_left" width="*">
8. Rahul ordered <span class="s_style_heading_part_text_1"> weet kachori, sabudana wada and bournvita. </span> How much would be the bill ?
</td>
<td id="id_tdBoxFor90" class="s_style_droppable_dash" align="center" width="10%">
_____
</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_86', {handle : 'id_td_86', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_80', {handle : 'id_td_80', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_58', {handle : 'id_td_58', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_87', {handle : 'id_td_87', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_27', {handle : 'id_td_27', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_85', {handle : 'id_td_85', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_54', {handle : 'id_td_54', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
new webkit_draggable('id_span_90', {handle : 'id_td_90', revert : true, scroll : false, onStart : function(){s_dragStartNew(event)}});
webkit_drop.add('id_tr_86', {onOver : function(){s_highlight('id_tdBoxFor86')}, onOut : function(){s_un_highlight('id_tdBoxFor86')}, onDrop : function(){DragDrop('id_tdBoxFor86', ['id_span_86'])}});
webkit_drop.add('id_tr_80', {onOver : function(){s_highlight('id_tdBoxFor80')}, onOut : function(){s_un_highlight('id_tdBoxFor80')}, onDrop : function(){DragDrop('id_tdBoxFor80', ['id_span_80'])}});
webkit_drop.add('id_tr_58', {onOver : function(){s_highlight('id_tdBoxFor58')}, onOut : function(){s_un_highlight('id_tdBoxFor58')}, onDrop : function(){DragDrop('id_tdBoxFor58', ['id_span_58'])}});
webkit_drop.add('id_tr_87', {onOver : function(){s_highlight('id_tdBoxFor87')}, onOut : function(){s_un_highlight('id_tdBoxFor87')}, onDrop : function(){DragDrop('id_tdBoxFor87', ['id_span_87'])}});
webkit_drop.add('id_tr_27', {onOver : function(){s_highlight('id_tdBoxFor27')}, onOut : function(){s_un_highlight('id_tdBoxFor27')}, onDrop : function(){DragDrop('id_tdBoxFor27', ['id_span_27'])}});
webkit_drop.add('id_tr_85', {onOver : function(){s_highlight('id_tdBoxFor85')}, onOut : function(){s_un_highlight('id_tdBoxFor85')}, onDrop : function(){DragDrop('id_tdBoxFor85', ['id_span_85'])}});
webkit_drop.add('id_tr_54', {onOver : function(){s_highlight('id_tdBoxFor54')}, onOut : function(){s_un_highlight('id_tdBoxFor54')}, onDrop : function(){DragDrop('id_tdBoxFor54', ['id_span_54'])}});
webkit_drop.add('id_tr_90', {onOver : function(){s_highlight('id_tdBoxFor90')}, onOut : function(){s_un_highlight('id_tdBoxFor90')}, onDrop : function(){DragDrop('id_tdBoxFor90', ['id_span_90'])}});
</script>
</body>
</html>