i made a quiz using radio buttons and ofcourse javascript,but to further customized my quiz i want an event handler in which it will change the text color attached to a particular radio button when the user clicks an option.
View 1 RepliesI have this code that changes the color of the table cell when it is moused over, but I would like to also have it do this:
select radio button when cell is clicked.
change class to blue3 when clicked and leave it like that until another is clicked.
Continue changing color on mouseover. Code:
On my site I have a file uploader.
<table align="center"class="table">
<tr>
<td class="table_header" colspan="2"><b><?=$websitename;?></b> </td>
</tr><tr>
<td colspan="2" class="upload_info">
<b>Allowed Types:</b> <?=$types?><br />
<b>Max size per file:</b> <!--<?=$max_file_size?>-->50MB.<br />
<b>Max size for all files combined:</b> <!--<?=$max_combined_size?>-->150MB.<br />
</td></tr>
<?For($i=0;$i <= $file_uploads-1;$i++) {?>
<tr>
<td class="table_body" width="120%"><b>Select File:</b> </td>
<td class="table_body" width="120%"><input type="file" name="file[]" size="30" /></td>
</tr><?}?><tr>
<td colspan="2" align="center" class="table_footer">
<input type="hidden" name="submit" value="true" />
<input type="submit" readonly value=" Upload File(s) " />
<input type="reset" name="reset" value=" Reset Form " />
</td></tr><tr></table>
What I want it to do is when they have clicked upload file(s) I want that to change to "your files are being uploaded" and make the button unclickable?
Basically I am looking to show/hide a DIV with the click of a button.The script work accordingly in IE but fail in FF.I am sure I am the problem here.
Code:
<script type="text/javascript">
function toggle(box) {
[code]....
Basically a simple question concerning click events.
Code:
<li><a href="#" class="CelesteCufon clickDes">Description</a></li>
Code:
$("li a.clickDes").click(function() {
$(this).addClass("active");
});
Basically it changes the text, and background image, clicking it will change the background image, but until we leave the link itself, it will not change the colour.
I'm obviously(hoping) I've overlooked something simple
Click For Demo
I'm trying to write a Javascript quiz. The idea being that each question has 4 possible answers. The answers being in the form of multiple choice radio button. Instead of having either a long list of radio buttons and questions or loads of pages with tons of duplicated code, I'd like to make the quiz as one page. Pulling the questions, and possible answers from an array. All this I can do, except for changing the text on the radio buttons. In the past I've used.. getElementById with regular text to good effect, but can't manage it with the radio button. Here is part of my test code..
[Code]...
I have an electronics site on which I have a code generator. Im an stuck on how to acheive something.
I will simplify what I want to do, so I can then adapt it to my code. I have a paragraph of text on the web page, on which I want to change some words with in the paragraph depending on 2 radio buttons.
Example (radio buttons & short paragraph):
(Radio Button) Apples (checked) (Radio Button) Bananas "Welcome to jakes fruit shop. You have selected apples today" (apples being the word that would change if the banana radio button is checked)
Here is the code generator if your interested. [URL] What I actually want to do is put other 'fixed' text in the input text area (near botton of page) with only the config line changing.
And If I can be shown how to do the short example above, i think I will be able to edit my generator and get it to do what i want it to do.
I'm trying unsuccessfully to get some text links to change & restore their colour.
[URL]
Referencing this link - there are 3 text links at the top of the page, which scroll to different anchor points on the same page.I need the following to happen: On hover, change colour (easy using css) On click link A, change colour When clicking link B, link A restores to original colour.
I'm wanting to have a button on a web page where if I click on that button it changes colour. Basically I have 3 images of leds being on, a green a yellow and a red. Depending on the state the normal running state would be green and if there was a problem I could make it yellow and if it was off make it red.
Rather than having 3 different buttons, I want to have 1 that can change when clicked and just cycle through the 3 colours.
I am trying to change the colour of the text in my menu bar, i know you can do this with css or jquery but i want to try and do it with javascript in an external script sheet. I want to use the onmouseover and onmouseout functions to change the colours, and i want it so their are different colours for each menu item.
View 3 Replies View RelatedI am using javascript code to change the background colour and font colour of some elements called 'filled') dynamically. For example:
if(timeInputValue >= startcode && timeInputValue < endcode && stateInput.value == "playing") {
filled.style.backgroundColor = '#ffffff';
filled.style.color = '#000000';
}
I also want to put a border around these 'filled' elements too - how can I do this is javascript? I can't find an equivelent to style.border = "1px"
I plan to use the following script as an 'add to favourites' link, which I got from Microsoft.
I need the link text "Bookmark" to change colour OnMouseOver.
I have a form with 2 radio buttons (ACCEPT/REJECT). When the page is initially loaded, no textbox should be visible.
When a user clicks the REJECT radio button, a textbox should automatically appear below the radiobutton where the user can motivate why he chose the reject option (which we require).
When the user clicks the ACCEPT radio button, the textbox should not appear because we don't need motivations for accept actions.
Does someone have a clue if and how I can realize this in JavaScript?
I have this markup:
[Code]...
There are two radio buttons, sometimes one will be disabled, other times the other will be disabled. I would like to make a script that: First: Changes the color of surrounding text of the disabled radio button to the color grey. Second: Checks the other radio button.
This was my plan: I would make a script that: First: Removes all the current classes and add the class "greyed_out" (or better: change only the color of) the parent element, all siblings and children of siblings (if any) of the radio button that is disabled at that time.Second: Sets the attribute "checked to the other radio button". I made a script, but when I set the bottom radio button to disabled the script doesn't work:
[Code]...
I am trying to make it so that the style "RowSelected" (embedded
below) is applied to the table row from which the radio button is
selected, and then removed when a different radio button is clicked.
Right now, the below code kinda works. The javascript was copied from
an example on a website from which I forgot the URL. It only applies
the style properties to the label text, and not to the row. Code:
Script in the head: function tempOn(radio){
[Code]...
I am building an online survey using a survey creation tool which allows me to incorporate javascript for additional functionality. However, I am new to javascript so would appreciate any help that you could provide me with.
I have question types like agreement scales, where the respondent sees a list of statements and has to rate each one by clicking on a radio button. The source code of the matrix table looks like this:
[Code].....
This code works as intended; however, as you can see, it loops through all the radio buttons when one is clicked. Is there a way to accomplish this without looping through all the radios, and thus make the script run faster?
Also, I have read that the addEventListener function does not work for older versions of IE. Is there a simpler alternative?
How do I do this? I've set up javascript to change the background colour depending on what colour square the user clicks on, this is working fine.However, I want to be able to set an initial colour, other than white, and then let the user chose their own.
here is my code so far.
<script language="JavaScript">
<!--
function changeBGC(color){
[code]....
I want the page to be initially set to the brown colour, then I want the user to be able to choose their own colour.
Im trying to change the position of a div when a button is clicked.
The js is:
function curPos() {
objDivStrip = document.getElementById('thumbview');
return objDivStrip.style.top;
[Code]....
I have a form like this:
<form id="my_form" method="post" action="">
Name: <br />
<input type="text" id="name" name="name" />
<input type="submit" id="submit1" value="Go to page 1" />
<input type="submit" id="submit2" value="Go to page 2" />
</form>
how can I change my action form so the form goes to Page1.htm with click on button1 and goes to Page2.htm to click on button2, and mantein the value inserted in textbox "name"?
[Code]....
My example code causes the following problem in Internet Explorer (at least, in version 6): it causes an unwanted cursor change when the button is clicked. DETAILS: Using my example code, here is what happens (step-by-step in chronological order): (1) the user hovers the mouse over the button, which causes the cursor to be a hand; (2) the user clicks the button; (3) the browser does its image-related activity; (4) immediately after step 3 is entirely completed (in other words, after the browser finishes loading an available image or after the browser times out from attempting to find an unavailable image), the cursor changes from a hand to an arrow if the mouse is kept still; (5) if the mouse is then moved while staying over the button, the cursor will change back to a hand.
As I said, in step 4, the cursor changes from a hand to an arrow if the mouse is kept still. I consider that to be a problem because I want the cursor to *always* be a hand when it is over the button. And, indeed, that should be the expected behavior due to the CSS code (style="cursor:pointer") in the button tag.
QUESTION #1: The problem occurs in IE6, which is the only version of IE available to me. Does the problem also occur in later versions of IE? (The problem does not occur in Firefox.)
I have 2 radio buttons.. when i select radio button need to hide div..
Here is my code
[Code]...
I want to change radio button values dependent on the selected item in a drop down list.The radio buttons have default values but I need them to be changed when the selection has been made in the drop down list and before the submit button has been pressed so the changed values will be written to the database.
View 2 Replies View RelatedI'm trying to use an onclick function in a radio button to change the value of a hidden input in another form. What I want to happen is, when the user changes the value of the radio button (0 or 1), the value of the input named 'repeat' is set to 0 or 1 accordingly. The goal being that when I submit the form with input name='repeat' it will send the number indicated by the radio button.(Due to the structure of my page the radio button and the hidden input need to be two separate forms.
View 1 Replies View RelatedI Should have the textbox value as my radio button value. For example, if I type "5" in the textbox, then the radio button value would change to "5". by the way I have three radio buttons and one textbox and if I select one of those and type something in the text box the value would replace to radio button which is selected and all this have to happen before the page submitted or in the process of submitting. I hope I could find answers here (It's so important for me to solve this problem, For see the form please go to this page URL..., Its above the news frame where you can see three radio buttons and one textbox named shipment tracking.
View 12 Replies View RelatedI have a radiobutton set of 2 radiobuttons... I want to be able to change url if the radiobuttons are checked. How do I go about that.I have figured out that I need to use the onClick handler, but cant firgure out how to change the url..
View 2 Replies View Related