| 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_old7/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>
.shared_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()
{
shared_setDeviceTypeLevelCategoryLastLesson(Level.E, Category.No2);
shared_set_tblMainiPadBodyWidthHeight('id_tblMainiPadBody', 'id_meta');
shared_setHeaderTable('id_tblHeader', shared_title_page, shared_getSubTitle(Level.E, Category.No2, 10), true, true);
shared_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);
shared_adjust_fontSize_for_ids_all_devices(ids_All, 80);
shared_init_dropBox_tds_withOUT_drag_here(ids_boxes_without_drag_here);
shared_init_dropping_spans(ids_spans);
}
function page_onLoad()
{
var deviceType = shared_getDeviceType();
var buttonStyle = 'shared_style_buttons_header_footer';
var sizePercentageAsDevice = shared_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()
{
shared_btnHomeCategories_click('LevelE');
}
function DragDrop(id_dropBox, ids_array)
{
if (shared_isMovingElementIdInTheArraySetIsFilledTrue(id_dropBox, ids_array))
{
shared_setTextAndBackgroundColorToGreenAndIsMovedTrue(shared_currentDropingId, id_dropBox);
isAllInfosMovedShowClapsAnimation();
shared_set_currentDropingId_draggbleToFalse();
}
else
{
shared_resetCurrentDroppingPosition(id_dropBox);
}
}
function show_menu_info_click(messageOption)
{
var deviceType = shared_getDeviceType();
var buttonStyle = 'shared_style_buttons_header_footer';
var sizePercentageAsDevice = shared_getSizePercentageAsPerDeviceHeightWidth();
var actualSize = 24;
var textSize = actualSize * sizePercentageAsDevice;
var fontSizeButtonText = textSize;
var buttonHeight = textSize * 1.8;
var borderRadius = buttonHeight / 2.0;
var tdButtonHeight = buttonHeight * 1.2;
var buttonWidthPercent = (messageOption == MessageOption.OKCancel) ? 70 : 35;
fontSizeButtonText = fontSizeButtonText + 'px';
buttonHeight = buttonHeight + 'px';
borderRadius = borderRadius + 'px';
tdButtonHeight = tdButtonHeight + 'px';
var innerHtml = '';
innerHtml += ' <div style="position: absolute; text-align:center;z-index: 99">';
innerHtml += ' <table border="0" cellspacing="0" cellpadding="0" width="' + shared_dataTableWidth + '" height="' + shared_dataTableHeight + '" style="position: absolute">';//table1
innerHtml += ' <tr>';
innerHtml += ' <td align="center" style="border:none; background-color: #ffffff">';
innerHtml += ' <img id="id_imgMenuCard" width="90%" src="../../../img/LevelE/Category2/LevelECat2Lesson09/menuCard.png" alt="" draggable="false"/>';
innerHtml += ' </td>';
innerHtml += ' </tr>';
innerHtml += ' <tr style="background-color: #ffffff">';//tr3 25
if (deviceType == shared_DeviceTypeAndroid)
{
innerHtml += ' <td align="center" style="border-bottom:none;border-left:none;border-right:none; padding:5px">';
}
else
{
innerHtml += ' <td align="center" style="border:none; padding:5px">';
}
innerHtml += ' <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border:none">';//table6
innerHtml += ' <tr>';
innerHtml += ' <td width="50%" align="center" style="border:none">';
innerHtml += ' <input type="button" class="' + buttonStyle + '" value="OK" onClick="hide_message_info()" style="width:' + buttonWidthPercent + '%; height:' + buttonHeight + '; font-size:' + fontSizeButtonText + '; border-radius:' + borderRadius + '; text-align:middle; text-height:auto; color:blue">';
innerHtml += ' </td>';
if (messageOption == MessageOption.OKCancel)
{
innerHtml += ' <td width="50%" align="center" style="border:none">';
innerHtml += ' <input type="button" class="' + buttonStyle + '" value="Cancel" onClick="cancel_message_info()" style="width:' + buttonWidthPercent + '%; height:' + buttonHeight + '; font-size:' + fontSizeButtonText + '; border-radius:' + borderRadius + '; text-align:middle; text-height:auto; color:blue">';
innerHtml += ' </td>';
}
innerHtml += ' </tr>';
innerHtml += ' </table>';
innerHtml += ' </td>';
innerHtml += ' </tr>';
innerHtml += ' </table>';
innerHtml += ' </div>';
var eDiv = document.getElementById('shared_id_div_message');
eDiv.innerHTML = innerHtml;
eDiv.setAttribute("unselectable", "on");
eDiv.className = 'shared_style_unselectable';
eDiv.hidden = false;
}
function isAllInfosMovedShowClapsAnimation()
{
var ids_boxes = ['id_tdBoxFor86', 'id_tdBoxFor80', 'id_tdBoxFor58', 'id_tdBoxFor87', 'id_tdBoxFor27', 'id_tdBoxFor85', 'id_tdBoxFor54', 'id_tdBoxFor90'];
shared_is_all_infos_filled_show_claps_animationWithIsFilled(ids_boxes);
}
</script>
</head>
<body onload="page_onLoad()">
<div id="shared_id_div_claps_image"></div>
<div id="shared_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 style="padding-bottom: 0px">
<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0" style="border:none; border-collapse: collapse">
<tr height="5%">
<td style="border-bottom:none">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr height="2%">
<td id="id_td_heading1" width = "75%" class="shared_style_options_blue_24px_bold" 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="shared_style_button_showMenu" type="button" value="Show menu" onclick="show_menu_info_click(MessageOption.OK)">
</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="shared_style_blue_24px_bold_padding_left_2_percent" width="*">Options:</td>
<td id="id_td_54" width="20%" align="center" draggable="true" ondragstart="shared_dragStartNew(event)"><span id="id_span_54" class="shared_style_red_24px_bold">54</span></td>
<td id="id_td_90" width="20%" align="center" draggable="true" ondragstart="shared_dragStartNew(event)"><span id="id_span_90" class="shared_style_red_24px_bold">90</span></td>
<td id="id_td_80" width="20%" align="center" draggable="true" ondragstart="shared_dragStartNew(event)"><span id="id_span_80" class="shared_style_red_24px_bold">80</span></td>
<td id="id_td_87" width="20%" align="center" draggable="true" ondragstart="shared_dragStartNew(event)"><span id="id_span_87" class="shared_style_red_24px_bold">87</span></td>
</tr>
<tr height="*">
<td width="*"> </td>
<td id="id_td_27" width="20%" align="center" draggable="true" ondragstart="shared_dragStartNew(event)"><span id="id_span_27" class="shared_style_red_24px_bold">27</span></td>
<td id="id_td_58" width="20%" align="center" draggable="true" ondragstart="shared_dragStartNew(event)"><span id="id_span_58" class="shared_style_red_24px_bold">58</span></td>
<td id="id_td_85" width="20%" align="center" draggable="true" ondragstart="shared_dragStartNew(event)"><span id="id_span_85" class="shared_style_red_24px_bold">85</span></td>
<td id="id_td_86" width="20%" align="center" draggable="true" ondragstart="shared_dragStartNew(event)"><span id="id_span_86" class="shared_style_red_24px_bold">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="shared_highlight('id_tdBoxFor86'); shared_allowDrop_web(event)"
ondragleave="shared_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="shared_style_blue_24px_padding_left_2_percent" width="*">
1. Pearl ordered for <span style="color: red"> paper dosa</span> and <span style="color: red"> puri.</span> How much would be the bill?
</td>
<td id="id_tdBoxFor86" class="shared_style_red_24px" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_80" height="12.5%"
ondragover="shared_highlight('id_tdBoxFor80'); shared_allowDrop_web(event)"
ondragleave="shared_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="shared_style_blue_24px_padding_left_2_percent" width="*">
2. Vishnu ordered for <span style="color: red"> idli, upma </span> and <span style="color: red"> bournvita.</span> How much would be
the bill?
</td>
<td id="id_tdBoxFor80" class="shared_style_red_24px" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_58" height="12.5%"
ondragover="shared_highlight('id_tdBoxFor58'); shared_allowDrop_web(event)"
ondragleave="shared_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="shared_style_blue_24px_padding_left_2_percent" width="*">
3. Tarun ordered for <span style="color: red"> uthappam and filter coffee.</span> How much would be
the bill?
</td>
<td id="id_tdBoxFor58" class="shared_style_red_24px" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_87" height="12.5%"
ondragover="shared_highlight('id_tdBoxFor87'); shared_allowDrop_web(event)"
ondragleave="shared_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="shared_style_blue_24px_padding_left_2_percent" width="*">
4. Naveen ordered for <span style="color: red"> ravadosa, </span> his mother ordered for <span style="color: red"> onion rava dosa. </span>How much would be the bill?
</td>
<td id="id_tdBoxFor87" class="shared_style_red_24px" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_27" height="12.5%"
ondragover="shared_highlight('id_tdBoxFor27'); shared_allowDrop_web(event)"
ondragleave="shared_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="shared_style_blue_24px_padding_left_2_percent" width="*">
5. Rakesh ordered <span style="color: red"> two plates of chapathi</span> and <span style="color: red"> one tea. </span>How
much would be the bill?
</td>
<td id="id_tdBoxFor27" class="shared_style_red_24px" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_85" height="12.5%"
ondragover="shared_highlight('id_tdBoxFor85'); shared_allowDrop_web(event)"
ondragleave="shared_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="shared_style_blue_24px_padding_left_2_percent" width="*">
6. Rishab ordered for <span style="color: red"> ghee tomoto omlet </span> and <span style="color: red"> idli fry. </span>How
much would be the bill ?
</td>
<td id="id_tdBoxFor85" class="shared_style_red_24px" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_54" height="12.5%"
ondragover="shared_highlight('id_tdBoxFor54'); shared_allowDrop_web(event)"
ondragleave="shared_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="shared_style_blue_24px_padding_left_2_percent" width="*">
6. Rama teacher ordered for <span style="color: red"> Punjabi somasa </span> and <span style="color: red"> masala tea. </span>How much would be the bill ?
</td>
<td id="id_tdBoxFor54" class="shared_style_red_24px" align="center" width="10%">
_____
</td>
</tr>
</table>
</td>
</tr>
<tr id="id_tr_90" height="*"
ondragover="shared_highlight('id_tdBoxFor90'); shared_allowDrop_web(event)"
ondragleave="shared_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="shared_style_blue_24px_padding_left_2_percent" width="*">
6. Rahul ordered <span style="color: red"> weet kachori, sabudana wada and bournvita. </span> How much would be the bill ?
</td>
<td id="id_tdBoxFor90" class="shared_style_red_24px" 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(){shared_dragStartNew(event)}});
new webkit_draggable('id_span_80', {handle : 'id_td_80', revert : true, scroll : false, onStart : function(){shared_dragStartNew(event)}});
new webkit_draggable('id_span_58', {handle : 'id_td_58', revert : true, scroll : false, onStart : function(){shared_dragStartNew(event)}});
new webkit_draggable('id_span_87', {handle : 'id_td_87', revert : true, scroll : false, onStart : function(){shared_dragStartNew(event)}});
new webkit_draggable('id_span_27', {handle : 'id_td_27', revert : true, scroll : false, onStart : function(){shared_dragStartNew(event)}});
new webkit_draggable('id_span_85', {handle : 'id_td_85', revert : true, scroll : false, onStart : function(){shared_dragStartNew(event)}});
new webkit_draggable('id_span_54', {handle : 'id_td_54', revert : true, scroll : false, onStart : function(){shared_dragStartNew(event)}});
new webkit_draggable('id_span_90', {handle : 'id_td_90', revert : true, scroll : false, onStart : function(){shared_dragStartNew(event)}});
webkit_drop.add('id_tr_86', {onOver : function(){shared_highlight('id_tdBoxFor86')}, onOut : function(){shared_un_highlight('id_tdBoxFor86')}, onDrop : function(){DragDrop('id_tdBoxFor86', ['id_span_86'])}});
webkit_drop.add('id_tr_80', {onOver : function(){shared_highlight('id_tdBoxFor80')}, onOut : function(){shared_un_highlight('id_tdBoxFor80')}, onDrop : function(){DragDrop('id_tdBoxFor80', ['id_span_80'])}});
webkit_drop.add('id_tr_58', {onOver : function(){shared_highlight('id_tdBoxFor58')}, onOut : function(){shared_un_highlight('id_tdBoxFor58')}, onDrop : function(){DragDrop('id_tdBoxFor58', ['id_span_58'])}});
webkit_drop.add('id_tr_87', {onOver : function(){shared_highlight('id_tdBoxFor87')}, onOut : function(){shared_un_highlight('id_tdBoxFor87')}, onDrop : function(){DragDrop('id_tdBoxFor87', ['id_span_87'])}});
webkit_drop.add('id_tr_27', {onOver : function(){shared_highlight('id_tdBoxFor27')}, onOut : function(){shared_un_highlight('id_tdBoxFor27')}, onDrop : function(){DragDrop('id_tdBoxFor27', ['id_span_27'])}});
webkit_drop.add('id_tr_85', {onOver : function(){shared_highlight('id_tdBoxFor85')}, onOut : function(){shared_un_highlight('id_tdBoxFor85')}, onDrop : function(){DragDrop('id_tdBoxFor85', ['id_span_85'])}});
webkit_drop.add('id_tr_54', {onOver : function(){shared_highlight('id_tdBoxFor54')}, onOut : function(){shared_un_highlight('id_tdBoxFor54')}, onDrop : function(){DragDrop('id_tdBoxFor54', ['id_span_54'])}});
webkit_drop.add('id_tr_90', {onOver : function(){shared_highlight('id_tdBoxFor90')}, onOut : function(){shared_un_highlight('id_tdBoxFor90')}, onDrop : function(){DragDrop('id_tdBoxFor90', ['id_span_90'])}});
</script>
</body>
</html>