Response title
This is preview!
- Screen name: DanielJ
- About Me: I am a PHP developer based just outside of London, currently developing administration solutions for businesses, looking to build my knowledge of Jquery among many other languages
DanielJ's Profile
3 Posts
1 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Hi I am trying to make a quote generation tool using multiple sliders but for some reason the totals do not update 100% on one slider until you use the other, then vise verser . I have tried many things but am missing something here and hope that someone can help, here is the code:
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <title></title>
- <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
- <script src="http://code.jquery.com/jquery-latest.js"></script>
- <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
- <link rel="stylesheet" href="/resources/demos/style.css" />
- <script>
- $(document).ready(function(){
- function update() {
- var ram = $('#ram').slider('value');
- var disk = $('#disk').slider('value');
- var ramval = (ram * 0.25);
- var diskval = (disk * 0.10);
- var monthly = (ramval + diskval);
- $("#monthly").text(monthly.toFixed(2));
- $("#ramres").text(ram.toFixed(0));
- $("#diskres").text(disk.toFixed(0));
- }
- $("#ram").slider({
- value: 0,
- min: 1,
- max: 32,
- step: 1,
- slide: function() {
- update();
- }
- });
- $("#disk").slider({
- value: 100,
- min: 100,
- max: 1000,
- step: 100,
- slide: function() {
- update();
- }
- });
- update();
- });
- </script>
- </head>
- <body>
- <div style="width:500px; margin-left:200px; float:left;">
- <h2>Ram: <span id="ramres">1</span>GB</h2>
- <div id="ram"></div>
- <h2>Disk Space: <span id="diskres">100</span>GB</h2>
- <div id="disk"></div>
- <h2>Result</h2>
- Total £<span id="monthly">0</span>
- </div>
- <div style="width:500px; margin-left:200px; float:left;">
- </div>
- </body>
- </html>
- I am new to javascript and have a problem. I am trying to get a hash and pass the tag to a url but I am getting undefined as a result. I am sure it is a simple markup issue but can't for the life of me figure it out.Thanks in advance
- $("#nest-tabs li a").click(function() {
- //alert("On the top nav:..."+(this).hash+" was clicked!");
- var hashStr = location.hash.replace("#","");
- $.post('form.php?toptab='+(this).hashStr+'', function(html) {
- $('#result').html(html);
- });
- });
- 15-Nov-2012 05:44 PM
- Forum: Getting Started
Ok,I have a project where I have to load 2 different pages with JavaScript within each other whilst still being able to control all 3 pages from any given page.So I have index that has a child page loaded into it then into that another page, I need to post a form that is in the 2nd child page from the first child via a link and I need to be able to control the url of the first child page with both the index and the 2nd child page.I am new to Jquery and I am not only confusing myself but probably you also, I have an image of the concept here hosted on google docs, this may help in understanding.The key is that I can change the url parameters in each of the two loaded pages from any given page (choice) and post a form that is in one child from another by link, need to call back the child page and change the url params.I have it working (kinda) but I am worried about managing the callbacks and managing the different forms that I may need to load.If you are thinking why do it this way then the key is to avoid any page refresh and to allow for change to be made to items and associated items in many different scenarios.Any ideas would be greatly appreciated.- «Prev
- Next »
Moderate user : DanielJ
© 2012 jQuery Foundation
Sponsored by 
and others.
