The below script keeps a running total dollar tab. It uses the "name" of the elements but I would like it to use the "ID" instead. How to adjust the function to look at the id. I've changed the first 2 form elements to id.
<script language="JavaScript" type="text/javascript">
<!-- function CalculateTotal(frm) {
var order_total = 0
// Run through all the form fields
for (var i=0; i < frm.elements.length; ++i) {
// Get the current field
form_field = frm.elements[i]
// Get the field's name
form_name = form_field.name
// Is it a "product" field? .....
Having an issue with the .change functionality on a form selector in IE8 which I have not been able to figure out, and is now driving me insane.
When the select is change to an item with a value of 1, it is supposed to set the values of two textboxes to blank. Eg;[code]...
The most interesting thing is when I run this through jsfiddle to test it - it works perfectly there, but not when in our actual website (an intranet with a FQDN, and IE8 is set up to run such pages in standards mode, and not the default of compatibility mode).
Using latest version of jQuery (1.4.2-min), and no success. Same issues occurred when trying it in 1.2.6.
I've been struggling trying to get a small order form to work the way I want it to. Here is a link to the live page: [URL] And here is the code in question:
[Code]...
I have two questions...
Question 1 How can I make this piece of script act a little smarter. Look at the order form, I'm catering for up to 4 people and providing lunch for them. If they select 3 people and the spaghetti bol for lunch, it's only adding $10 where it should be adding $30. Obviously this is simple multiplication but since the values in my form are prices it makes it a little tricky. I'm guessing an onselect on the first part of the form which changes the pricing of the other items would be the way to go, but how do I do this?
Question 2 The "Total Price" is placed before the <form> tag by the script. This is ok but it's not where I want it. How can I position this text elsewhere in the document?
I'm handling a form submission event. Is there a way to modifiy the value of a text input within the form before the form is finally submitted? I tried setting the value using, 'val()' - it updated the text field but the value sent with the POST was the original value
I'm trying to get an upload popup working with the jQuery form plugin[URL].. When I click a link I load a form html from the server and add it to a container div by setting the div's html attribute. I then attach a submit handler to the form so I can call the ajaxSubmit function of the form plugin.
I am trying to create a form that writes text to an HTML canvas when submitted. Eventually, the function that writes the text will be more complex. The problem is the text only appears briefly, because the function is only called once when the form is submitted. I want the function to be called continuously after the form is submitted.How do I do this? I have had very little experience with JS.A lame (failed) attempt...
I have a button that change a number of images src's when I click a button. The src's are stored in an array and I just use document[imgName1].src=pics[0] to change the src of the image. However I want the button to change the link as well to the image that is displayed but i cannot get it to work. How do I do this. Could someone tell me or point me in the direction of some code that will do this.
I would like to do it in a similar way to the pictures. i.e. have all the links stored in an array and change them when the button is pressed.
I have an Autocomplete widget inside a function that works slightly differently depending on the country. It works. I want the user to be able to switch from country to country to country. I started with
getCityFromGeonames("#city2"); //select town via 2 steps - country, town getCityFromGeonames("#city3"); //select town via 3 steps - country, stateProvince, town
This will select in the city2 input, then in the city3 input, then no further action is possible until you reload the page. So I put a change function around it.
$("#city2").change(function () { getCityFromGeonames("#city2"); //select town via 2 steps - country, town getCityFromGeonames("#city3"); //select town via 3 steps - country, stateProvince, town ).change();
I have the one javascripts button code and the functions is on "text area" .. but how do I change the function of this button to go to [url]...... ..? how to make it..the javascripts button code :
I got 3 sections on the site, at the bottom of each are 5 bars which are used to change the text color. I'm trying to minimize the code, so I created an array which contains all the colors, but I'm not sure where to put the call to the array. If I put it in the for loop, the selected color will always be green no matter which color you click. The bars should also go up to 40px when clicked and when the next bar is clicked the current bar at 40px should go back to it's originals size(20px)
this is the JS var colors = new Array(4); colors[0] = "#ed1c24"; colors[1] = "#736257"; colors[2] = "#620460"; colors[3] = "#e87e01"; colors[4] = "#00a650"; [Code]....
could you please tell me how to change my required function as shown below for all the Addresses listed to be only required when the "Other Address" Radio Button is selected.
i have this code the class name Efiveper having the edtitble values.. I am trying to get all the values on change any editable this values I need to store in array so that I can pass that array of values to the controler to update that perticular user..my questions is how to get the more than one updated fieldset values on change function?
[Code]...
this updatefield array I am passing to the update method to update that user..this array values should be more than one if user is changed number of editable fields in the second fieldset...
I know in JavaScript you are able to write functions that you can just call at a later time. I'm working on a jQuery UI slider, and I wrote a function for the animation that happens when you start sliding. I would also like this same function to fire for the "change" event, but I can't seem to get it to work.
Here is the shortened code sample: $(function(){ var posterO = $(".poster-slider") .slider({ slide: function(event, ui){ //This is the function I would like to reuse at "change", below poster.css(...); posterLi.css( ... ); ptCopy.css( ... ); sliderValue = ui.value; }, //change:, animate:true }); //When "#abundant-trees" link is clicked, the slider handle changes, firing the "change" event, but the "slide" function is not called. $("#poster-switcher a[href=#abundant-trees]").click(function(link){ posterO.slider("value", 100); link.preventDefault(); //Stop browser from following the link that was clicked on. })}); I would like to apply the "slide" function to the "change" event without having to duplicate all the code.
I have an image with an onclick function and parameters 0, 1. I want to change the parameters of the onclick function through the same function? <img id="down0" onclick=swap(0,1) /> <javascript> function swap(a,b){ var imgda=document.getElementById('down'+a); imgda.onclick = swap(b,b+1); } </javascript> Normally it should change the onclick to swap(1, 2) but it remains 0, 1.
I am having a problem changing HREF and Text of a link from javascript. My code is as colos <a href="javascript:Action(9,'remove');" id="thelink">Remove</a>
how to make a function that changes a specific image on a page when the user chooses from a menu, but only if the src name matches "transparent.gif"
With numerous other scripts, I've cornered myself into this as the only solution for now to what I'm trying to do. But the script is not working. Here it is:
Code:
<script> function changecolor(picName,imgName) { var leafcolor = document.getElementById('pic4').src;
I have a select form with id=px. I want to make the select execute a function every time an option is selected. I took the Change function and my code looks like this:
$("#px").change(function () { var str = ""; $("#px option:selected").each(function () { str += $(this).text() + " "; }); // $("div").text(str); - this line is changed with my function $('#selectable1 span.cica').css('font-size', str + "px"); }) .change();
It looks that srt variable is not working with my .css function. What is wrong? My markup is: <select id="px"> <option class="option" value="8" label="8">8</option> <option class="option" value="9" label="9">9</option> <option class="option" value="10" label="10">10</option> <option class="option" value="11" label="11">11</option> <option class="option" value="12" label="12">12</option> <option class="option" value="14" label="14">14</option> <option class="option" value="18" label="18">18</option> <option class="option" value="21" label="21">21</option> <option class="option" value="24" label="24">24</option> <option class="option" value="36" label="36">36</option> <option class="option" value="48" label="48">48</option> <option class="option" value="60" label="60">60</option> <option class="option" value="72" label="72">72</option> </select>
I found it difficult trying to put a short and concise title for you all to understand.My problem: Basically, I have an image (its a + sign), when clicked I need this + to change to a -. When clicked again, it needs to return to being a +.Below is the current code I am using:
<script type="text/javascript"> imgs=Array("positive.PNG","negative.PNG"); var x=0;[code]....
This code works fine if I just have one instance of it. But If I want multiple ones, one stops working and the other functions instead. I tried the following:
I have been making a javascript dice throwing app(? or whatever it's supposed to be called), but can't figure out how to make 2 functions for one button. I'm trying to have both of my dice (6- and 20-sided) to be controlled by the same throwing-button, but have radiobuttons to decide which one to throw.
Im in need of a function that can first change all <br> tags to simple line breaks (also probably the same for <p> tags). Then I need it to strip out all HTML tags. Then I also need it to replace " " with simple spaces.Ive been looking around and have somethings working. Ie, I can get rid of all the HTML tags. But not sure how to replace the indivdual <br>'s and 's.
