Price table
How do I make an price table?
Price table. What is a price table? How do you make a price table? This script and codes were developed by Serluck on 30 August 2022, Tuesday.
Price table - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Price table</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="block_price"> <div class="content"> <script type="text/javascript"> </script> <table class="curs"> <tbody><tr> <td class="pr_title">Prices</td> <td class="pr_cur"><a href="javascript:changeCurrency('USD');">USD</a></td> <td class="pr_cur"><a href="javascript:changeCurrency('GBP');">GBP</a></td> <td class="pr_cur"><a href="javascript:changeCurrency('AUD');">AUD</a></td> <td class="pr_cur"><a href="javascript:changeCurrency('EUR');">EUR</a></td> </tr> </tbody></table> <div id="sel_dt_row"> <div class="vgrad" align="left">Select product: <select name="doctype_id" style="width:300px;" id="set-doctype"> <option value="83" selected="">Lab Report</option> <option value="39">Coursework</option> <option value="234">Math/Physics/Economics/Statistics Problems</option> <option value="182">Programming</option> <option value="262">Online assignment</option> <option value="263">Simulation report</option> </select> </div> </div> <div id="price-area"> <div id="sel_sa_row"> <div class="vgrad" align="left">Select subject area: <select name="category_id" style="width:300px;" id="set-category" onchange="doUpdatePrices()"> <option value="0">select</option><option value="10">Art</option><option value="12"> Architecture</option><option value="15"> Dance</option><option value="17"> Design Analysis</option><option value="13"> Drama</option><option value="16"> Movies</option><option value="18"> Music</option><option value="11"> Paintings</option><option value="14"> Theatre</option><option value="112">Biology</option><option value="52">Business</option><option value="111">Chemistry</option><option value="102">Communications and Media</option><option value="105"> Advertising</option><option value="107"> Communication Strategies</option><option value="103"> Journalism</option><option value="104"> Public Relations</option><option value="115">Creative writing</option><option value="53">Economics</option><option value="60"> Accounting</option><option value="61"> Case Study</option><option value="58"> Company Analysis</option><option value="62"> E-Commerce</option><option value="59"> Finance</option><option value="117"> International Affairs/Relations</option><option value="57"> Investment</option><option value="63"> Logistics</option><option value="64"> Trade</option><option value="87">Education</option><option value="93"> Application Essay</option><option value="89"> Education Theories</option><option value="88"> Pedagogy</option><option value="90"> Teacher's Career</option><option value="67">Engineering</option><option value="9">English</option><option value="24">Ethics</option><option value="36">History</option><option value="38"> African-American Studies</option><option value="37"> American History</option><option value="42"> Asian Studies</option><option value="41"> Canadian Studies</option><option value="44"> East European Studies</option><option value="45"> Holocaust</option><option value="40"> Latin-American Studies</option><option value="39"> Native-American Studies</option><option value="43"> West European Studies</option><option value="47">Law</option><option value="49"> Criminology</option><option value="48"> Legal Issues</option><option value="7">Linguistics</option><option value="2">Literature</option><option value="4"> American Literature</option><option value="5"> Antique Literature</option><option value="6"> Asian Literature</option><option value="3"> English Literature</option><option value="116"> Shakespeare Studies</option><option value="54">Management</option><option value="56">Marketing</option><option value="51">Mathematics</option><option value="94">Medicine and Health</option><option value="99"> Alternative Medicine</option><option value="97"> Healthcare</option><option value="101"> Nursing</option><option value="95"> Nutrition</option><option value="100"> Pharmacology</option><option value="96"> Sport</option><option value="78">Nature</option><option value="85"> Agricultural Studies</option><option value="113"> Anthropology</option><option value="86"> Astronomy</option><option value="83"> Environmental Issues</option><option value="79"> Geography</option><option value="80"> Geology</option><option value="28">Philosophy</option><option value="110">Physics</option><option value="29">Political Science</option><option value="21">Psychology</option><option value="108">Religion and Theology</option><option value="22">Sociology</option><option value="65">Technology</option><option value="71"> Aeronautics</option><option value="70"> Aviation</option><option value="72"> Computer Science</option><option value="73"> Internet</option><option value="75"> IT Management</option><option value="77"> Web Design</option><option value="114">Tourism</option> </select> </div>
</div>
<div class="vgrad"> <label for="pages_count">Select number of pages:</label> <input type="text" name="pages_count" id="pages_count" value="1" onkeyup="doUpdatePrices()" style="width:80px;"> <span id="discount_text"></span>
</div>
<div id="for_prices"> <table class="prices" cellspacing="0" cellpadding="0" id="prices" border="0"> <tbody><tr> <th width="100"> <span>Urgency</span> </th> <th> <span>Standard Level</span> </th> <th> <span>Advanced Level</span> </th> <th> <span>Premium Level</span> </th> <th> <span>Standard Quality</span> </th> </tr> <tr class="odd"> <td class="urgency">10 days</td> <td id="val-11-31"> <a href="/order.php?doctype=83&urgency=11&wrlevel=31&curr=USD"> <span class="ptable_curr">$</span>19.99 </a> </td> <td id="val-11-32"> <a href="/order.php?doctype=83&urgency=11&wrlevel=32&curr=USD"> <span class="ptable_curr">$</span>26.99 </a> </td> <td id="val-11-33"> <a href="/order.php?doctype=83&urgency=11&wrlevel=33&curr=USD"> <span class="ptable_curr">$</span>29.99 </a> </td> <td id="val-11-1"> <a href="/order.php?doctype=83&urgency=11&wrlevel=1&curr=USD"> <span class="ptable_curr">$</span>19.99 </a> </td> </tr> <tr class="even"> <td class="urgency">7 days</td> <td id="val-1-31"> <a href="/order.php?doctype=83&urgency=1&wrlevel=31&curr=USD"> <span class="ptable_curr">$</span>20.99 </a> </td> <td id="val-1-32"> <a href="/order.php?doctype=83&urgency=1&wrlevel=32&curr=USD"> <span class="ptable_curr">$</span>27.99 </a> </td> <td id="val-1-33"> <a href="/order.php?doctype=83&urgency=1&wrlevel=33&curr=USD"> <span class="ptable_curr">$</span>30.99 </a> </td> <td id="val-1-1"> <a href="/order.php?doctype=83&urgency=1&wrlevel=1&curr=USD"> <span class="ptable_curr">$</span>20.99 </a> </td> </tr> <tr class="odd"> <td class="urgency">4 days</td> <td id="val-4-31"> <a href="/order.php?doctype=83&urgency=4&wrlevel=31&curr=USD"> <span class="ptable_curr">$</span>25.99 </a> </td> <td id="val-4-32"> <a href="/order.php?doctype=83&urgency=4&wrlevel=32&curr=USD"> <span class="ptable_curr">$</span>31.99 </a> </td> <td id="val-4-33"> <a href="/order.php?doctype=83&urgency=4&wrlevel=33&curr=USD"> <span class="ptable_curr">$</span>34.99 </a> </td> <td id="val-4-1"> <a href="/order.php?doctype=83&urgency=4&wrlevel=1&curr=USD"> <span class="ptable_curr">$</span>25.99 </a> </td> </tr> <tr class="even"> <td class="urgency">3 days</td> <td id="val-5-31"> <a href="/order.php?doctype=83&urgency=5&wrlevel=31&curr=USD"> <span class="ptable_curr">$</span>30.99 </a> </td> <td id="val-5-32"> <a href="/order.php?doctype=83&urgency=5&wrlevel=32&curr=USD"> <span class="ptable_curr">$</span>36.99 </a> </td> <td id="val-5-33"> <a href="/order.php?doctype=83&urgency=5&wrlevel=33&curr=USD"> <span class="ptable_curr">$</span>39.99 </a> </td> <td id="val-5-1"> <a href="/order.php?doctype=83&urgency=5&wrlevel=1&curr=USD"> <span class="ptable_curr">$</span>30.99 </a> </td> </tr> <tr class="odd"> <td class="urgency">48 hours</td> <td id="val-6-31"> <a href="/order.php?doctype=83&urgency=6&wrlevel=31&curr=USD"> <span class="ptable_curr">$</span>38.99 </a> </td> <td id="val-6-32"> <a href="/order.php?doctype=83&urgency=6&wrlevel=32&curr=USD"> <span class="ptable_curr">$</span>44.99 </a> </td> <td id="val-6-33"> <a href="/order.php?doctype=83&urgency=6&wrlevel=33&curr=USD"> <span class="ptable_curr">$</span>47.99 </a> </td> <td id="val-6-1"> <a href="/order.php?doctype=83&urgency=6&wrlevel=1&curr=USD"> <span class="ptable_curr">$</span>38.99 </a> </td> </tr> <tr class="even"> <td class="urgency">24 hours</td> <td id="val-7-31"> <a href="/order.php?doctype=83&urgency=7&wrlevel=31&curr=USD"> <span class="ptable_curr">$</span>43.99 </a> </td> <td id="val-7-32"> <a href="/order.php?doctype=83&urgency=7&wrlevel=32&curr=USD"> <span class="ptable_curr">$</span>53.99 </a> </td> <td id="val-7-33"> <a href="/order.php?doctype=83&urgency=7&wrlevel=33&curr=USD"> <span class="ptable_curr">$</span>56.99 </a> </td> <td id="val-7-1"> <a href="/order.php?doctype=83&urgency=7&wrlevel=1&curr=USD"> <span class="ptable_curr">$</span>43.99 </a> </td> </tr> <tr class="odd"> <td class="urgency">12 hours</td> <td id="val-8-31"> <a href="/order.php?doctype=83&urgency=8&wrlevel=31&curr=USD"> <span class="ptable_curr">$</span>48.99 </a> </td> <td id="val-8-32"> <a href="/order.php?doctype=83&urgency=8&wrlevel=32&curr=USD"> <span class="ptable_curr">$</span>58.99 </a> </td> <td id="val-8-33"> <a href="/order.php?doctype=83&urgency=8&wrlevel=33&curr=USD"> <span class="ptable_curr">$</span>61.99 </a> </td> <td id="val-8-1"> <a href="/order.php?doctype=83&urgency=8&wrlevel=1&curr=USD"> <span class="ptable_curr">$</span>48.99 </a> </td> </tr> <tr class="even"> <td class="urgency">6 hours</td> <td id="val-9-31"> <a href="/order.php?doctype=83&urgency=9&wrlevel=31&curr=USD"> <span class="ptable_curr">$</span>58.99 </a> </td> <td id="val-9-32"> <a href="/order.php?doctype=83&urgency=9&wrlevel=32&curr=USD"> <span class="ptable_curr">$</span>68.99 </a> </td> <td id="val-9-33"> <a href="/order.php?doctype=83&urgency=9&wrlevel=33&curr=USD"> <span class="ptable_curr">$</span>71.99 </a> </td> <td id="val-9-1"> <a href="/order.php?doctype=83&urgency=9&wrlevel=1&curr=USD"> <span class="ptable_curr">$</span>58.99 </a> </td> </tr> </tbody></table>
</div>
<script type="text/javascript"> var uids = [1,4,8,6,11,7,5,9]; var wlids = [31,32,33,1]; var urgencies_json = {"240_":{"id":"11","name":"10 days"},"168_":{"id":"1","name":"7 days"},"96_":{"id":"4","name":"4 days"},"72_":{"id":"5","name":"3 days"},"48_":{"id":"6","name":"48 hours"},"24_":{"id":"7","name":"24 hours"},"12_":{"id":"8","name":"12 hours"},"6_":{"id":"9","name":"6 hours"}}; var wrlevels_json = {"31":"Standard Level","32":"Advanced Level","33":"Premium Level","1":"Standard Quality"}; var plist = {"1":{"31":20.99,"32":27.99,"33":30.99,"1":20.99},"4":{"31":25.99,"32":31.99,"33":34.99,"1":25.99},"8":{"31":48.99,"32":58.99,"33":61.99,"1":48.99},"6":{"31":38.99,"32":44.99,"33":47.99,"1":38.99},"11":{"31":19.99,"32":26.99,"33":29.99,"1":19.99},"7":{"31":43.99,"32":53.99,"33":56.99,"1":43.99},"5":{"31":30.99,"32":36.99,"33":39.99,"1":30.99},"9":{"31":58.99,"32":68.99,"33":71.99,"1":58.99}}; var free_feature_list = []; var free_feature_description = {"183":"<strong class='vas_free'>FREE:<\/strong> VIP Support is included","187":"<strong class='vas_free'>FREE:<\/strong> your order is proofread by an editor","185":"<strong class='vas_free'>FREE:<\/strong> your order is prepared by one of the top 10 writers in your subject area","231":"The most popular choice","232":"The best value"}; var dt = 83; var multiGroupPrices = null; var show_discount_text_always = ''; var number_of_applications_limit = 20; var urgencies_json_indices = ["240_","168_","96_","72_","48_","24_","12_","6_"];
</script>
<script type="text/javascript">
var limitList = new Array();
limitList[83] = {"31":{"5":"40","6":"19","7":"12","8":"8","9":"4","10":"3"},"32":{"5":"40","6":"19","7":"12","8":"8","9":"4","10":"3"},"33":{"5":"40","6":"19","7":"12","8":"8","9":"4","10":"3"},"1":{"5":"40","6":"19","7":"12","8":"8","9":"4"}};
</script> </div> </div>
</div>
</body>
</html>
Price table - Script Codes CSS Codes
.curs {
width: 100%;
padding: 5px;
background: #eaeaea;
border-radius: 8px 8px 0 0;
}
.pr_cur { background-color: #42bcf5;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF42BCF5', endColorstr='#FF459BCA');
background-image: -moz-linear-gradient(top, #42bcf5 0%, #459bca 100%);
background-image: -webkit-linear-gradient(top, #42bcf5 0%, #459bca 100%);
background-image: linear-gradient(to bottom, #42bcf5 0%, #459bca 100%);
}
.pr_cur:hover { opacity:0.8;
}
.pr_cur a { color:#fff; text-decoration: none; padding: 10px;
}
.curs td { text-align: left;
}
.pr_title { font-size: 18px;
color: #333;
}
.vgrad { padding: 5px; background: #eaeaea; font-size: 18px; color: #333;
}
#price-area >.vgrad {
border-radius: 0 0 8px 8px;
}
#prices th { padding: 20px 2px 15px 2px; text-shadow: 1px 1px 1px #ddd; position: relative;
}
#prices th:first-child { padding-left: 0;
}
#prices th:after {
position: absolute;
content: "";
width: 100%;
height: 7px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAHCAYAAAD5wDa1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU0RjYyNDU3QjYyRjExRTFBNkFGQTk3OTQ1NDczNTI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU0RjYyNDU4QjYyRjExRTFBNkFGQTk3OTQ1NDczNTI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTRGNjI0NTVCNjJGMTFFMUE2QUZBOTc5NDU0NzM1MjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTRGNjI0NTZCNjJGMTFFMUE2QUZBOTc5NDU0NzM1MjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz63NeNuAAAAl0lEQVR42qzRyQrCMACE4cQFeioI3rQFl4Pv/zyih+bgTfBUqBj/wqQEbCWBDnxQ0mUYar33pTHmiD2smT8eDjdLWTgscEaF1QwlbzS4ou0P4rKQtZYedJ2bDvd+ia6HjJWFLFFrbZFQ0mpFo1U/+Vc2PIMdTihH7r+0wun/TH8ooSzOFhds8NSSR+rLuWUhC3xyX/oKMAARGCwB+mwihAAAAABJRU5ErkJggg==);
bottom: 5px;
left: 50%;
text-align: center;
display: block;
margin: 0 0 0 -15px;
}
#prices th span {
padding: 10px;
background: #2078a1; /* Old browsers */
background: -moz-linear-gradient(top, #2078a1 0%, #299cd2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2078a1), color-stop(100%,#299cd2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2078a1 0%,#299cd2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2078a1 0%,#299cd2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2078a1 0%,#299cd2 100%); /* IE10+ */
background: linear-gradient(to bottom, #2078a1 0%,#299cd2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2078a1', endColorstr='#299cd2',GradientType=0 ); /* IE6-9 */
border-radius: 8px;
}
#prices th:nth-child(odd) span { background: #1B3241; text-shadow: 1px 1px 1px #000; color: #fff;
}
#prices th:first-child span { background: #ddd; text-shadow: 1px 1px 1px #ddd; color: #000;
}
/*first part*/
select { background: none repeat scroll 0 0 #F5FBFF;
border: 1px solid #CFE5F0;
border-radius: 5px;
color: #7F9CAB;
font-size: 14px;
padding: 8px 0px;
}
#pages_count {
color: #7F9CAB;
}
/*second part*/
#for_prices td { padding: 2px; text-align: center;
}
#for_prices td a { background: #eaeaea; color: #333333; font-weight: bold; padding: 5px; display: block; text-align: center;
}
#for_prices td a:hover { background: #f69000;
background: -webkit-linear-gradient(#ffad00, #ee7700);
background: -moz-linear-gradient(#ffad00, #ee7700);
background: linear-gradient(#ffad00, #ee7700);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffad00', endColorstr='#ee7700',GradientType=0 ); color:#fff;
}

Developer | Serluck |
Username | serluk |
Uploaded | August 30, 2022 |
Rating | 3 |
Size | 5,928 Kb |
Views | 50,575 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
A Pen by Serluck | 2,832 Kb |
Css text gradient | 1,833 Kb |
Triangle on pure css3 | 1,408 Kb |
Sticky footer | 1,566 Kb |
Custom list style via clean css | 3,772 Kb |
Transfer product to cart | 2,033 Kb |
Horizontal and vertical align | 1,437 Kb |
Toggle menu without height css3 | 1,570 Kb |
Modal window clean css | 2,102 Kb |
Custom checkbox | 1,581 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Blank Starter | Mhartington | 2,171 Kb |
404 Error Page | WebSonick | 3,203 Kb |
Canvas snow | Win7killer | 2,572 Kb |
Importable Clearfix | Corysimmons | 1,411 Kb |
Ripples in water | Nobitagit | 2,704 Kb |
03 - CSS Variables | Run-time | 2,682 Kb |
CSS Patterns | Alyda | 3,953 Kb |
Lecture 1 | Law | 0 Kb |
Ghost Buttons with CSS3 | Mithicher | 2,509 Kb |
A Pen by Alexandru Pora | Axpro | 1,615 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!