<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Some styling from the site's style page -->
<style>
.header { top: 0px;
position: fixed;
height: 90px;
width: 1611px;
clear: both;
background: #7777BB;
border: 1px solid black;
margin: 0px auto;
}
.content { clear: both;
margin-top: 66px;
display:inline-block;
text-align:left;
height:auto;
width: auto;
}
div.left {position: fixed ;
float: left;
margin-top: 0px;
width: 230px;
height: 700px;
text-align: left;
background-color: #ccffcc; }
div.center {position: static ;
float:left;
margin-left: 230px;
margin-top: 0px;
width: 1160px;
border: 1px solid black;
background-color: lightgray;
text-align: center;
font: 12px/12px sans-serif; }
div.right {position: fixed;
float: left;
margin-left: 1394px;
margin-top: 0px ;
width: 215px;
border: 3px solid darkcyan;
background-color: lightcyan;
height: 800px;
text-align: left;
overflow: hidden; }
</style>
<!-- Styling specifically for this page -->
<style>
#center_body.center #prelist_plan_levels {text-align: left; background-color: white; border: 3px solid white; padding-left: 15%; padding-top: 10px; padding-bottom: 15px;}
#reference_period {margin-bottom: 30px; border: 2px solid red ; padding: 3px; width: 245px; }
#posting_period {padding-left: 5px; }
#title1 {padding-left: 115px; text-align: center; font-family: sans-serif; font-size: 20px;}
#title2 {padding-left: 100px; text-align: center; font-family: sans-serif; font-size: 20px;}
#title3 { text-align: center; font-family: sans-serif; font-size: 20px;}
table {border: 4px double green}
th {height: 30px}
th {border-bottom: 1px solid black; width: 75px; text-align: center;}
#head1_1 {border-right: 1px solid black; text-align: left; width: 170px;}
#head2_1 {border-right: 1px solid black; text-align: left; width: 170px;}
#head3_1 {border-right: 1px solid black; text-align: left; width: 200px;}
td {border-bottom: 1px solid black; width: 75px; text-align: right; padding-right: 60px;}
.betw_tables {margin-top: 15px;}
.body_left {text-align: left; padding-right: 0px; border-right: 1px solid black ;}
.body_col2 {border-left: 1px solid black; }
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.3.js"></script>
<script type="text/javascript">
$('body').one("click", 'a.UpDowngrade', prelistPlanLevelsClick);
// ===============================================================================================================
function prelistPlanLevelsClick()
{
alert("Made it here.");
$('#center_body').load("list_plan_levels.html");
return false;
}
// ===============================================================================================================
// .ready() function for page: list_plan_levels.html
function list_plan_levels()
{
$('#UpDownGrade').DataTable();
}
</script>
</head>
<body>
<div class="header" ID="Header">header</div>
<div class="content" ID="Content">
<div class="left" ID="Left">Left</div>
<div class="center" id="center_body">
<div id="prelist_plan_levels">
<p id="reference_period" style="width: 245px;">
Reviewing Posting Period:
<span id="posting_period">
<select name="select_posting_period" id="select_posting_period" style="padding-top: 4px" data-tablename="Invoice">
<option value="Feb 2015">Feb 2015</option>
<option value="Mar 2015">Mar 2015</option>
<option value="Apr 2015">Apr 2015</option>
<option value="May 2015">May 2015</option>
<option value="Jun 2015">Jun 2015</option>
<option value="Jul 2015">Jul 2015</option>
<option value="Aug 2015">Aug 2015</option>
<option value="Sep 2015">Sep 2015</option>
<option value="Oct 2015">Oct 2015</option>
<option value="Nov 2015">Nov 2015</option>
<option value="Dec 2015">Dec 2015</option>
</select>
</span>
<span id="PleaseWait1" style="position: relative; margin-left: 20px; padding-top: 5px; display: none;">Please wait while metrics are being generated.</span>
</p>
<p class="betw_tables">
<span id="title1">Modems whose International Plans are candidates for Upgrade</span>
</p>
<table style="width: 800px;">
<thead>
<tr>
<th id="head1_0_1" colspan="1"> </th>
<th id="head1_0_2" colspan="4" style="text-align: center;">Counts of Modems in each category</th>
</tr>
<tr>
<th id="head1_1" style="">Invoice Posting Period</th>
<th id="head1_2" style="border-left: 1px solid black;">Upon Import</th>
<th id="head1_3">Reviewed</th>
<th id="head1_4">Resolved</th>
<th id="head1_5">Remaining</th>
</tr>
</thead>
<tbody>
<tr>
<td class="body_left" id="body1_1_1">Nov 2015</td>
<td class="body_col2" id="body1_1_2"><a href="should_be_caught_and_not_matter.html" class="UpDowngrade" data-pp="Nov 2015" data-scope="PP" data-updown="UP">25</a></td>
<td id="body1_1_3">0</td>
<td id="body1_1_4">0</td>
<td id="body1_1_5">25</td>
</tr>
<tr>
<td class="body_left" id="body1_2_1">Upgradeable for 2 months</td>
<td class="body_col2" id="body1_2_2">0</td>
<td id="body1_2_3">0</td>
<td id="body1_2_4">0</td>
<td id="body1_2_5"></td>
</tr>
<tr>
<td class="body_left" id="body1_3_1">Upgradeable for 3 months</td>
<td class="body_col2" id="body1_3_2">0</td>
<td id="body1_3_3">0</td>
<td id="body1_3_4">0</td>
<td id="body1_3_5"></td>
</tr>
</tbody>
</table>
<p> </p>
<p class="betw_tables">
<span id="title2">Modems whose International Plans are candidates for Downgrade</span>
</p>
<table style="width: 800px;">
<thead>
<tr>
<th id="head2_0_1" colspan="1"> </th>
<th id="head2_0_2" colspan="4" style="text-align: center;">Counts of Modems in each category</th>
</tr>
<tr>
<th id="head2_1" style="">Invoice Posting Period</th>
<th id="head2_2" style="border-left: 1px solid black;">Upon Import</th>
<th id="head2_3">Reviewed</th>
<th id="head2_4">Resolved</th>
<th id="head2_5">Remaining</th>
</tr>
</thead>
<tbody>
<tr>
<td class="body_left" id="body2_1_1">Nov 2015</td>
<td class="body_col2" id="body2_1_2"><a href="should_be_caught_and_not_matter.html" class="UpDowngrade" data-pp="Nov 2015" data-scope="PP" data-updown="DOWN">775</a></td>
<td id="body2_1_3">12</td>
<td id="body2_1_4">0</td>
<td id="body2_1_5">775</td>
</tr>
<tr>
<td class="body_left" id="body2_2_1">Downgradeable for 2 months</td>
<td class="body_col2" id="body2_2_2"><a href="should_be_caught_and_not_matter.html" class="UpDowngrade" data-pp="Nov 2015" data-scope="PP-1" data-updown="DOWN">449</a></td>
<td id="body2_2_3">0</td>
<td id="body2_2_4">0</td>
<td id="body2_2_5"></td>
</tr>
<tr>
<td class="body_left" id="body2_3_1">Downgradeable for 3 months</td>
<td class="body_col2" id="body2_3_2"><a href="should_be_caught_and_not_matter.html" class="UpDowngrade" data-pp="Nov 2015" data-scope="PP-2" data-updown="DOWN">207</a></td>
<td id="body2_3_3">0</td>
<td id="body2_3_4">0</td>
<td id="body2_3_5"></td>
</tr>
</tbody>
</table>
<p> </p>
<p class="betw_tables">
<span id="title3">International Plans whose configuration was changed on Invoice</span>
</p>
<table>
<thead>
<tr><th id="head3_1">Import changed data for:</th>
<th id="head3_2" style="border-left: 1px solid black;"># of Modems</th>
</tr></thead>
<tbody>
<tr>
<td class="body_left" id="body3_1_1">Billing Plans</td>
<td class="body_col2" id="body3_1_2"><a href="#" id="ImportChangedPlans">546</a></td>
</tr>
<tr>
<td class="body_left" id="body3_2_1">Billing Status</td>
<td class="body_col2" id="body3_2_2"><a href="#" id="ImportChangedStatus">374</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="right" ID="Right">Right</div>
</div>
</body>
</html>
list_plan_levels.html
Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.
When asked, what has been your best career decision?
Deciding to stick with EE.
Being involved with EE helped me to grow personally and professionally.
Connect with Certified Experts to gain insight and support on specific technology challenges including:
We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE