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 want to display a Popup alert if select all checkbox is selected and number of rows in the grid are more than the number of check boxes selected. This code does that but it does on the second click on the select all check box, not on the first click.correction:
Code: <script type="text/javascript"> var TotalChkBx;
I have a form that generates a dynamic number of rows from a value passed in via querystring. I have a one static row in my form with a "master" checkbox that I have deemed "Select All:". I want to be able to select all and deselect all the other checkboxes beneath it in the column by clicking on it. I've gotten it partially working. I can click the "master" checkbox and it will set the .checked property of all the others to true. BUT how do I reverse the process and turn them all off? Here is my funcion: Code:
Trying to build a dynamic part on my form by using a checkbox and <span>. Found a script that does exactly what i want, but uses a 'radio' in the script instead of a checkbox. And at that spot i need to be able to make multiple selections, so i need checkboxes.. In this specific case it's about geslacht='v' checkbox
My problems are:
1. My span doesn't start off at invisible 2. My function match_personalia_geslacht() works with a onChange, not with a onSelect.
Don't know how to get the same result with a checkbox.. So if someone can help me, i would be a happy man.
I want to automatically select a specific checkbox when a user clicks (selects) a specific item in a radiobutton group. Both controls are in the same form.
Let's say for argument's sake that the form looks like this (inessential items left out for the sake of clarity):
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'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 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 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...
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.
If it is possible, how to reflect popup checkbox changes on same checkbox in parent window. Main windows contains a list of thumbnails, each one with a checkbox. Clicking on a thumb, a popup window is opened containing a bigger photo beside a checkbox. If the user checks/uncheks it I want the thumbnail checkbox in parent window to be changed in the same way (and onclick tasks to be performed). To achieve this I am using cookies and onClick -> parent.reload.
