I have a wapper here, and I'm going crossed eyed trying to figure this one out. I have a form with Radio Buttons for my customers to purchase a customizable club program. I have 5 sections each of which cost a certain amount. Then I have another section that lets the user pick what duration they would like, 3, 6, 9 and 12 months. Each option has a certain % taken off the retail price. 5%, 10%, 15%, 20% depending on the duration option. All calculations are done on the fly as customers click the radio buttons. I do have it set up and working, only I have the duration listed as many times as my sections. I would like to have only one duration section. I'm not sure if this is done in java or HTML....
I want to make algorithms that take selections from arrays and put them together in new ways. here is a simple array I set up for notes of a piano keyboard: Code:
I got the following code running on a seperate page but how could I do it without forms? the page I wish to put it on page is one big form and therefore nested forms are a no no.
<script> function calc() { var inp = document.ccForm.inpt.value var inp2 = document.ccForm.inpt2.value var outp = 0 outp = inp * inp2 document.ccForm.outpt.value = outp } </SCRIPT>
When the amount boc changes value, it must change the $credit amount and effect the $total_crt amount (ex. 10 + 10 in credit value - $total_crt value) So whenever the client chooses a new value from the select box, it must change it emidiately with javascript, but only send to the database once an update button is pressed.
I have a form which is used to calculate residential Floor Area Ratio (FAR). The form is structured into seven parts as follows:
Part A: Maximum FAR and Floor Area:
Part B: Gross Floor Area of the main floors of the main house:
Part C: Gross Floor Area of the basement or cellar:
Part D: Gross Floor Area of the attic:
Part E. Gross Floor Area of all accessory structures except detached garages: (including cabanas, guest houses, caretaker's cottages, pool houses, sheds, barns, or other structures except a detached garage)
Part F. Gross Floor Area of the garage: (not including basement garages)
Part G: Total Floor Area:
The Javascript involved in the calculations is as follows:
[CODE]
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> function checkAllInputFields(){ IsValidEntry(entireForm.A1.value) IsValidEntry(entireForm.A5.value)
[Code]....
I have attached the html file as a .txt file for reference, and I have attached a .txt document including all the values I used for testing.
Dear expert (Ok, i am new to this and should maybe not address this as a letter )I hope someone can help me ... this is what i want to achieve (I am using frontpage)I want to create a table (this i can do!) that require a user input (number of guests).It then has SEVERAL options:- Select an option from a drop down list, and a price is then loaded from somewhere to create a total for that option and display it in the table (And keep that total for adding later)- Check a box, and if checked it creates a further calculation, displaying and storing the number for further calculation.a number of the above options, and a grand total on the bottom.I found more or less a page on a site that does what i am looking for, but after looking at the code, i have even LESS of an idea how it works Can someone PLEASE help me, or point me in the right direction?(I am not looking for someone to just write the code for me, as this will not teach me anything, and i want to learn)
Decided to start learning JavaScript, started 2 days ago. Anyway, I'm trying to create a simple script spits out a styled result based on a user input. code...
The problem is that nothing is happening when I press the calculation button.
What I would like to happen is to display a div element for each value in the array which displays the entered value from VenCost2, the current Margin %, and the result of VenCost2 * margin%. I want this to display on the same page and underneath the calculation button, preferably not having to reload the page.
I want to refresh the calculations on a form without submitting the form. I have tried two different JavaScript button codes, and I'm wondering if there is a reason for using one over the other, and if there is something else better for cross-browser use.
I have 6 images (representing each side of a dice). I need to display two of these images randomly when the user clicks "Roll the Dice!". I have set up an array with all my images contained, and I have no problem getting two random images to display when the user clicks the button. This is the easy bit. Here's my code:
I'm looking for some help with something I have been developing over the last day or so. Basically, I have a form with some input boxes in it, and I am trying to use some javascript to do a calculation with these input boxes. The problem is that when I go to click on the "calculate" button nothing happens. The fields where the value should go to I have made visible instead of hidden to make sure that something is going there but nothing is appearing.
I've checked various parts of my syntax with online checkers and other javascript examples and I'm stuck as to what has gone wrong. If anyone can shed some light on the problem and possible solutions that would be awesome.
[Code]...
Edit: I have edited the code to remove/change the things that "Philip M" kindly pointed out were not needed and a bit of re-designing the page. I still can't get the javascript to put the answer value in the correct place on the click of the button. I'm under the impression it has something to do with the button rather than the javascript code but I might be wrong.
I have some date calculations that add a time span to a date. The problem is, when I add a time span that is a whole number of days to a date, the result can be +/- 1 hour due to daylight savings. Is there anyway to disable this?
I work for a small college and we were recently given permission to use a particular GPA calculator on their website. They sent us a javascript file, that I now have. I am trying to incorporate this into our website, but I don't really know much about javascript and I am having trouble making it work.
You can view the GPA calculator here to help clarify what I mean... If someone could just help point me in the right direction or if anyone know a site with tips that would be helpful to me..
So basically, the getStats method parses the response to get the info I need for that particular request and then updates the html of the current page accordingly. This works fine for 1, 2, or 3 data requests. But if I have more, some of the httprequests get lost and not all parts of my page are updated. But, if I throw in an alert in each loop, all page data or at least more of them are updated, once per time after each loop. It's like the alerts slow the loop down and allow the requests and updates to catch up to the loop processing.
So, I'm not sure what's happening when the alerts aren't there. Are some of the requests getting clobbered somehow? Are the httprequests fine, and maybe the original document can only be updated once at a time?
I implemented some code to perform highlighting and specific anchors are used for the searched words. The problem is when the searched words are inside <a href> tags, the links are lost after putting my anchors.For example:
dataCheck validates the inputs value and if something is wrong, then.. document.getElementById('error_anInput').innerHTML = 'Error!' or if data is valid then the content of span is removed.
The checkWholeForm function iterates through all elements on the form and triggers onblur() for each input... leading to executing function dataCheck (and so changing innerHTML of some specific span elements if needed).
*The Problem* If I have entered incorrect data to an input and hit the submit button with my mouse (causing the onBlur event to be triggered just right before onSubmit) then *occasionally* for some fields the onSubmit event is not triggered because the onClick event is not triggered. :S
As there are actually quite many complex functions (tested and these seem OK afaik) that are doing the checks then dowes anyboudy have a clue what type of code might break this. I thought at first that setting innerHTML to some value during onBlur disables all waiting events but as this is happening occasionally (on some machines) I'm in doubt...
any ideas what to check? double declaration of function/variable names? Not deleting some object after usage? ... anything?
Waiting for any ideas...
PS. http://eix.lap.ee/test/portali_js.html in the example *occasionally* third field generates the error - remove any content from the field and stright hit the submit (*with mouse* - to create onBlur and onClick at the same time).
I am relatively new to js, but I did think I was starting to get the hang of it. Then this happened...
I have a form with an onsubmit event handler: <form id="uploadForm" method="post" action="..." onSubmit="checkDates()">
The event handler does some minor validation, then returns true or false:
function checkDates(y, m, d) {
if (endDate.getTime() >= startDate.getTime()) return true;
alert("Start date must precede end date"); return false; }
(The arguments to the function are used when it is called elsewhere, not as onsubmit.)
I also have a library class which needs to process the form submit, so it hooks onsubmit like this: MyClass.setOnSubmit = function(listId) { var list = document.getElementById(listId); var form = list.form;
var f = form.onsubmit; if (typeof f == "function") { form.oldOnSubmit = f; form.onsubmit = function(){ var ok = this.oldOnSubmit(); if (ok) return MyClass.onsubmit(listId); else return false; }; } else form.onsubmit = function(){MyClass.onsubmit(listId);}; }
My problem is that the value returned from oldOnSubmit and stored in ok appears as 'void'. This happens in IE 6 and in FireFox 1.07. Can anyone explain what's happening?
I have situation that when my page is loaded i create js object <html> ... <script> function Page() { this.page = 0; this.result = 0 this.resultCount =1; this.currentPage =1; } MyPage= Page() </script> then in my javascript function i use object like this:
function getPage() { if(!MyPage) { MyPage = new Page(); } return MyPage; }
but there is one problem: MyPage lost one of the property, currentPage. When i do alert(MyPage.cuurentPage) shows mi undefined. After object initialization everything seems to be alright, currentPage is set to 1 but when i Try use MyPage in my js code is already set to undefined. What happen? What I'm doing wrong?
I have a problem that the window.opener variable is lost once my popup page has a postback. On multiple pages they address this problem but I cannot find a correct answer.
This is my situation:
I have a main page which shows invoices. When a user clicks on the invoices they get a popup where they can alter the invoice which uses postbacks because of direct changes in the database. Finally the user can click a button to accept the invoice and then I need to change two variables on the main page which opened this popup, the new invoice fee and status (which is based on the button pressed). I dont want any postbacks on the main page, therefore I simply want to pass these two variables from the popup to the main page.
However, after a single postback on the popup page the window.opener variable is gone and lost forever. Now I have seen solutions using frames but I do not know how to go from there because I also pass some variables from the main page to the popup.
I have a series of elements on the page that have been assigned anonymous functions as a user works with them. At a certain point I would like to take a element and all of its children and copy them from their current location and into a newly created element. Then remove original version and all its children.
I have done the above by using innerHTML to copy the element and its children to a temp variable.. problem is that I think my copy has lost all these anonymous function that was assigned to the original version. Has anyone ever faces the problem of trying to copy a series of elements and losing their anonymous assigned functions in the copied version? If so whats the work around on this?
I have been using a tr onclick function in my tables to change the color of the most recently clicked row, it works fine. I have recently added sorttable [URL] to my table with the simple <table class="sortable"> Making the table sortable has overwritten my tr onclick functions, which are now dead.
Heres a quick sample of what it looks like: <table class="sortable"> <thead><th scope="col">Header 1</th> <th scope="col">Header 2</th></thead> <tr onclick="doSomething(this);"><td>Some data</td><td>Some more</td></tr> </table>
I am in the process of creating an ajax like upload control (like the one described here: [URL].. I have ran into an unexpected problem that I can't seem to find a solution to. Javascript is not my favoured tech, and maybe there is something fundamental about this that I don't understand. could point out what I'm doing wrong:
I am using setTimeout to basically show a dummy progress bar (by manipulating backcolour of td elements). I start the process like this:
I want to have a popup that shows up if the user loses connection to my website, i would prefer it to be in jQuery as that's what I'm using, and it seems more light weight on the page
I have this code, but it doesn't seem to work... it should check on document ready then keep trying every 5 seconds
I am having an issue with a script which fails when the internet connection is lost, and so it should.
Is there a way that the web page can be automatically refreshed if the connection is lost using JavaScript. I need to continually refresh until the connection is back on.
I know all about META refresh but that does not help.
