I have two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no. The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns))
I am building an online store where the customer can select custom parts. I'm quite new to javascript, but I've managed to create a radio button list, where the price is added from each section. I would like a box to show all of the options selected, not just the sum total.
I've included the text with value and used parseInt. I have been told I can use value.split(" "), but I don't really know how to go about doing that. I've been fiddling for hours now and don't seem to be able to get anywhere.
I would also like to include a 3rd value, another number, and add that one in a separate calculation.
E.g. For "50 5850ati1gb 56" I would like one calculation which adds 50 to the total, another calculation adding 56 to a different total and 5850ati1gb added to a list of all of the components.
I am building an online store where the customer can select custom parts. I'm quite new to javascript, but I've managed to create a radio button list, where the price is added from each section. I would like a box to show all of the options selected, not just the sum total.
I've included the text with value and used parseInt. I have been told I can use value.split(" "), but I don't really know how to go about doing that. I've been fiddling for hours now and don't seem to be able to get anywhere. I would also like to include a 3rd value, another number, and add that one in a separate calculation.
E.g. For "50 5850ati1gb 56" I would like one calculation which adds 50 to the total, another calculation adding 56 to a different total and 5850ati1gb added to a list of all of the components.
I am not very experienced with this, so don't be afraid to talk to me like I'm stupid
I have two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no.
The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns)) Now using the getButtons() function, if the user selects button "1" in first grid (the grid which you have to open using (Open Grid) link, then it should display button "A" in second grid, if user selects button "2" in first grid, then it should displays buttons "A" and "B" in second grid, if "3" then display "A", "B" and "C" and so on.
Now except using if statements and stating which buttons should be displayed and not displayed depending on the button chosen in first grid, is there a more efficent way of coding this so that the display of buttons in second grid depends on what is selected in the first grid?
If it is using an array can somebody show a sample of this in their answer. You can just do it for one example and then I should be able to use that to fill it for the other buttons.
I would like to be able to display or hide fields based on whether a specific Yes/No radio button is selected. This is in conjunction with a posting a just made here in the same group related to checkboxes.
I am having trouble getting the following code to work. I just want to make the script in the head work, the html in the body is to stay as it is. I want to use an array. I can make it work very well without an array, using separate conditional statements for each radio button, but that is cumbersome. Can someone please tell me what I am doing wrong with the script in this code. I have stripped the page down to the bare essentials for ease of viewing. Code:
show a div when 3 "Yes" radio buttons are clicked. Heres my code:
[Code]....
If you answered YES to 3 or more of the above questions you may have Sleep Apnea - a potentially serious breathing disorder that can lead to heart attack, stroke, or high blood pressure in later life.
I'm pretty new to JavaScript, can adjust it, but don't know how to build applications yet, but working on it. I'm looking for a tutorial or an open source app that will do the following: Slide show with buttons that overlay the slideshow, so users can click on the buttons and move to another slide. It's pretty common for most bigger companies now. I don't need it to shuffle out Flash or video, just simple gifs that are kept in a separate folder.
I don't know if it's appropriate to discuss a JS library here, but I'm wanting to use jQuery to toggle the display of content based on a selected radio button. Here's an example HTML
Obviously the idea is that only one block is displayed at a time. I'm happy to get the effect anyway possible, but I do want to use jQuery because I believe it will be easier in the long run.
What I don't know how to do is to use the value of a selected radio option to show a block with the same ID as the value. I'm also not sure if I'm correctly select a name when I use $("[name='toggler']").
EDIT: Actually, I don't seem to be able to select the radio buttons using any other method than $("input"). Even if I give each input the same class I can't select it using $(".toggler").
This seems to work perfectly across all browsers except for IE (latest version).
In IE the only problem is that the radio buttons have to lose focus before the span will change to visible. I would like the "specify" field to display immediately after the radio button changes to yes, rather than waiting for the buttons to lose focus.
I'd like to ask a user to choose from one of two radio buttons. The first radio button will show three checkboxes. The second radio button does nothing.How do I do this?
If the first radio button is selected, I only want all three buttons to be visible to the user.
If the second radio button is selected, I only want the "Edit Data" and "View Data" buttons to be visible.
If the third radio button is selected, I only want the "View Data" button to be visible.
Is it possible to accomplish this in Javascript? In particular, I want to continue using the "input type=submit" buttons without having to create my own.
What I am trying to do here is us jQuery to show my button states. I have a page here test page I am using the hover event to do the up and over states, and using the click event for the down state. They all work but when I click the button it shows the down state but as soon as I move my mouse it goes back to the up state. I was hoping to be able to have it stay on the down state while on that page then when you click another button it changes back to up state and the one you clicked takes you to the that page and stays at the down state. I have the up and over state active for each button but only have the down state on the home button for testing.
Here is the code for the up and over states and the down state for the home button is at the end of the code.
I have a issue - I'm hiding and showing div's when the radio is clicked but currently you have to click twice for the div to show - what am i doing wrong?[code]...
I'm trying to get my form to show and hide various divs with radio buttons. There are multiple options in the second box of my example. When a user selects the first option, more input boxes come up. Perfect, that's what I want. However, if they decide they didn't mean to click that option and instead wanted another option, the original part that popped up doesn't disappear. I cannot figure out how to make this happen.
I see in a book how to use javascript functions from radio buttons to display text into a form textbox, but what I want to do is instead of display text into a textbox, to display images positioned by CSS. My code is below. All I get is the initial display of radio buttons, the chosen one chosen, and that's it. No display of images. I tried even just using text and no. Here's my code:
I am trying to turn radio buttons to show images based off the label of the radio button input instead of using radio buttons.I have to use only javascript for this and I am at a loss.
I have a table that contains many rows, some in italian with code <td nome='riga_i'> and some in english with code <td name='row_e'>. I have created two buttons with different background flags: italy and uk, so when one pushes the button with flag uk, the html page will be reloaded with only english rows, and when one pushes the button with flag it, the same page is reloaded containing only italian rows. All the code posted here works well, but I think that the code can be better because to reach this result I had to dupplicate the same function and I don' t like this.
Here the code:
To better the code I have tried in this way but without success ...
Im pretty new to JQuery, but got some things working, but now I came across somthing I cant get to work, even after Googling for some time. In an XSL file I have set an onmouseover event to a function which sets different things on a div, and then displays it accordingly to where the element with the onmouseover is located. I am using JQuery function show("fast") to get a nice animation on the div when its shown. On the onmouseout I hide the div with plain style access with Javascript style.display =none' This is all used for thumbnail showing on a list of elements, but when I stress the system by fast moving over the elements and then suddenly moving the mousecursor away from the list, it possible to get the div to stay shown. I dont really understand why, cause since onmouseout is set display=none to my best knowledge the div should allways be hidden. Is there some kind of delay before show sets the display different from blank, or could someone point me to what im doing wrong.
I have a javascript/html/css issue that I'm trying to solve for about 3 days now, with no luck. I'm using javascript to toggle the visibility of a certain table. I set the table's display property to none (via js) in order to hide it and to block in order to show it. However, applying block in the display property of a table seems to be having trouble with firefox.
See below what display:block does to a table in firefox: This simple html code:
<table style="display:block" border="1" width="100%"> <tr><td width="100%">test</td></tr></table> produces this result in firefox:
Notice how the td has the size of the content and does not stretch to the size of the table (although it has a width="100%")? In IE it works fine btw.
If I change my js code to apply "table" to the display property of the table in order to show it, it doesn't show up at all in IE!
I want to be able to display text + URL when I move to a link. When I select close window then the screen go away. No pop up window. I just want a box next to the link to be able to do this.
Im trying to configuere a form that a.a radio buttons that allow the user to choose between quarters, nickels, dimes and pennies and show image when click on my radio button.how to get the image to display whenthey click on the radio button?
I have 10 buttons on a page, and 10 more "onmouseover buttons" that correlate to the first set. Each button or onmouseover button is only 1-2KB! But I can still hold the mouse over a button for a couple seconds until it loads the onmouseover button. I'm using javascript to have the buttons change. The page does load a 2MB video. Could that be the cause? Can I tell it to load the buttons first somehow?
I am using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements. My question is how can I add a cookie to this code to remember whether each separate element is opened or closed?
The code, $(document).ready(function() { // choose text for the show/hide link - can contain HTML (e.g. an image) var showText='<div class="expanddown"></div>'; var hideText='<div class="expandup"></div>'; // initialise the visibility check var is_visible = false; // append show/hide links to the element directly preceding the element with a class of "toggle" $('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>'); // capture clicks on the toggle links $('a.togglelink').click(function() { // switch visibility is_visible = !is_visible; // change the link depending on whether the element is shown or hidden $(this).html( (!is_visible) ? hideText : showText); // toggle the display - uncomment the next line for a basic "accordion" style //$('.toggle').hide();$('a.toggleLink').html(showText); $(this).parent().next('.toggle').slideToggle('fast'); // return false so any link destination is not followed return false; }); }); HTML, <a class="togglelink" href="#"></a> <div class="toggle"> Content </div>
Assuming that a checkbox is initially unchecked, the following code works because the additional text is hidden, and when the checkbox is checked, the function if performed to show() it. However, what needs to be done if the checkbox may or may not be checked initially?