I have a function for totalling decimal values provided in textboxes
that form a column on a webpage. This script should total the values
in the textboxes, displaying the result in the final
'optotalprogtime' text box formatted as a decimal.
Here is what I've got so far, but I'm getting annoying "object
expected" errors on the line where I attempt to format the number (as
indicated by the comment below)
//realtime calculation formating as minutes (decimals)
function opprogtotalcol() {
alert("in opprogtotalcol");
document.getElementById('optotalprogtime').value = 0;
for (var rowNumber =1; rowNumber <= 12; rowNumber++){
document.getElementById('optotalprogtime').value =
parseFloat(document.getElementById('optotalprogtim e').value) +
parseFloat(document.getElementById('opprogmin' + rowNumber ).value);
}
if(!isNaN(document.getElementById('optotalprogtime ').value)){
//only works for numbers
document.getElementById('optotalprogtime').value =
formatNumber(document.getElementById('optotalprogt ime').value,
2);//format number here
}
}
Any insight would be appreciated.
To head off concerns about wrapping code correctly, my code is
wrapping pretty bad in this form, but in the acutal page I have long
lines that do not wrap.
I have three radio buttons, and when a certain radio is selected I want to show a series of checkboxes. If the other two radio buttons are selected, I want to hide the checkboxes. I *think* the problem is that I am using the wrong syntax to call the click() function on the radio "name" attribute.
I'm new in Javascript and it seems I'm a bit stuck so if someone can help. The problem is 4th button / function. I dont know how to talk to the opend window, the thing with focus i wrote doesen't work so i didn't wrote code for randomizeing location (this i know how to do). Did i do something wrong?
window.opener works fine form the child window is there something similar for control from parent window? Code:
It is day two of the same problem (and day two of learning Ajax, day five of Javascript)
The current code (below) does nothing; it does not go into the showContents function. Switching the order of some items would cause it to enter the function, but it would always alert that the xhr status was 0. I guess this is an improvement?
php doc that is getting requested (I don't think the error is here as the problem is that it is not even initializing):
Code:
javascript code that is requesting the information:
Code:
I need to pass the num variable because the fields I am dealing with are part of a bunch of fors that create an unspecified number of fields titled 1source, 2source, 3source, etc.
i am trying to make this code work on an array, ie. i have a for loop spinning out content from my data base and want to be able to to use this function on each paragraph of code individually.Of course i can make the loop increment useing i++ on this links and element ID for example, but i have no clue how to hand this in anyway to the jquery code.
i'm a newbie on jquery i'm studying it with the latest version, and following a book called "Learning Jquery" but iencountered a error, and i don't know what the problem is:
i copied the code from the book like this:$('a[@href^="mailto:"]').addClass('mailto'); to try to change the links which start with "mailto" to the new class "mailto" but there's a error reported: uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]
I have a situation where there is a matrix grid of checkboxes, and individual entire rows or columns must be able to be toggled between checked and unchecked state.
[Code]...
Simple, right? But the columns part, I can't figure out. I put everything in each column in the same class, with the hopes that on click, I'd be able to figure out a way to take the class value of the link - (this).className - and use it to target checkboxes in the same class. But I have no idea how to do this. I haven't been at jquery that long. I'd be incredibly grateful for some help, a starting point, a command that would work....
I have a CF application that accepts two dates. The first date - Out Date - is required. The second date - Return Date - is optional, but if populated, must be equal to or greater than the Out Date. Here's the screen & code:
9974 <script type="text/javascript"> function compareDate() { if(document.editleave.temp_ret_date.value != "01/01/0001")[code]....
Everything works fine....EXCEPT...if the Return Date is invalid, I cannot click on the calendar box to select a date (or open another browser session). Basically, IE is locked up until the user manually types in a valid date.This ain't good.I want to be able to trap the error, just like I have, but I still want the calendar selection box to be usable.Is it possible to "reset" the error condition after the intial warning to only trigger on the onSubmit parameter?
I'm doing this site for my c=school and needs this event calendar. Ive traipsed through this far but stuck with the event showing up. The problem is it will double print the dates that have events. One from the for loop which shows events and other from the normal if function. Following are my files.
I am trying to use the onclose function on phatfusions multibox in order to refresh the parent window when the multibox is closed. The problem I have is that as soon as I load the page it gets stuck in a loop. The code I am using is as follows Code: var box = {}; window.addEvent('domready', function(){ box = new MultiBox('ab', {descClassName: 'multiBoxDesc',onClose:location.reload(true),useOverlay: true}); });
I am really stuck in parsing a JSON string and take it's values. I got the json string as
[Code]....
How to Parse this and take the Results for further processing in javascript.... I am waiting to hear from you Soon..I am using jQuery for the purpose...
I'm having issues with the animate procedure in jQuery. I should start by saying that while I am not new to web developement and scripting, I am fairly new to jQuery so this may be fairly elementry to some of you pros out there.
Basically what I am doing is I have an image map with hot spots, when you mouse over a hot spot, another image (an enlarged version of the hot spot) appears (fading in and growing) and then disappearing on mouse out (fading out and shrinking). My problem is odd because it does not happen every time, but "sometimes" when you mouse over the first animation (grown and fade in) will run then second will run (shrink and fade out) and then repeat until you click outside of the hot spot and the popped-up image. I've noticed the problem mainly occurrs in Firefox (3.5) and rarely or never in IE (8) and Chrome (2).
I'm using Jquery to create a rollover effect on 2 images (placed on top of each other) to fade the bottom image in on a mouseover and out on a mouse out. Clicking the faded in image also opens a fancybox gallery. The problem is that sometimes the animation (the fade in and out) gets stuck after closing the fancybox window and the mouseover doesn't work anymore.
Let me explain what is going on. Inside of a div with the id = navContain, are a few images. These images are used as navigation links. These images have the class = imgPos. When you roll over one of these images, the css top property adds 92 pixels.
The image contains two different colored variations of the word "HOME." When the image is in its off state, the word home is white. When you roll over the image, jQuery animates it so that the white text of the word "HOME" slides down, and then a colored version of the word "HOME" slides down and takes its place. This is the same image, just its top property is being changed. jQuery does nothing more than change the top property.
The problem: Sometimes when you roll your mouse over it for the first time, it properly animates to the over state, but then gets stuck in that state even when you mouse off of it. Still in its over state, if you mouse over it again, the over state jumps up and down violently. It never goes back to the state where the text should be white - its original state.
I've tried the stop() function, as you can see in my code. Still, this problem persists and I can't seem to figure it out alone.
i accidentally set up my path variable instead of classpath and now my computer can't find any of the executable files. it would be great if anyone knew what really should stand by the path variable. i don't suppose there's something like 'set all to default?
On this site [URL].. I have a JQuery powered search function (the lens button in the menu), when I click on it the search button opens but the close button does not work, how can I fix that?
Stuck in the bottom-right corner of this page is a Social Media sharing tool floating over the page content. It's semi-transparency changes upon hover. It grows out from the corner upon hover as well. [URL] I'm thinking it's ShareBar but I don't see anything like it on the ShareBar site.
I am trying to learn SVG and I have alot of the basics including javascript manipulation. But I am really stuck on trying to manipulate the actual text itself.
I am trying to change the text "OMG" to say something else when you hover over it. For example: It says OMG, I want to hover over the text and have it change to WTF. Like you could do with innerHTML. anybody have any experience with SVG
I have a php page which returns a table representing a query sent to a MySQL database. So far it has worked in every case except now that I'm trying to use it to call a stored procedure, in which case the readystate is staying at 1 and never completing.
I have logged the results of the php file both in an error log and looked at the response from the request using firebug, both of which show a correct result.
Why isn't this returning properly?
Here are the relevant javascript functions:
Code: function customizeType() { $("custom-header").innerHTML = ""; $("custom-top").innerHTML = "";
[Code]....
After the page loads, the error log shows correct results for all queries.
function agregar_row(){ for (i=0; i<10; i++){ row="row/" . i; if (document.getElementById(row).style.display=='none'){ document.getElementById(row).style.display='' i=11; } }}
This function is intended to make visible a row, just one by each time the function is called. the way im invoking "(row)" is wrong, i think...
I'm trying to make my timeclock for work, and the Date object in Javascript is giving me wrong values. I made sure that the time on my computer is the actual time, day and year, yet I either get dates that are 2 week in the future, or set in the year 2403. I have no idea what's going on, even if I just alert out a new Date() with no variables, I get the same result. If there is something that I'm not declaring or anything, I'd love to hear what it is.
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?