Changing Value Of Multiple Elements With Same Name At Once?
Jul 20, 2005
I am doing a form for my site and would like to enable and disable a radio
button set depending on whether one of the choices on an outer radio button
set is checked. How can I refer to all the inputs of the inner radio button
set (they all share a common name) with javascript. I tried
document.getElementsByNames('thename') but it doesn't work. I know this is
because this method returns an array which you must then refer to by a
specific index number, unless there is another way. I would like to refer to
all of them at once and then set their disabled status to false.
View 6 Replies
ADVERTISEMENT
Sep 27, 2010
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>
View 6 Replies
View Related
Jun 4, 2006
Does anyone know how to do this in JavaScript? I want to change an element's :first-line property.
View 2 Replies
View Related
Mar 15, 2005
I have 4 checkboxes in my form and wanna change the number (to be displayed) according to the selection made on the ListBox Menu
HTML PART of the code
<select name= "rights" onChange="chk_Count(this);">
<option value = 0 > Admin </option>
<option value = 1> guest </option>
</select>
<input type= "checkbox" name = "add" value = "on">
<input type= "checkbox" name = "edit" value = "on">
<input type= "checkbox" name = "delete" value = "on">
<input type= "checkbox" name = "view" value = "on">
I want that when I select Guest onle checkboxes for "ADD" n "VIEW" should be shown and when Admin is selected all four. but I am able to find out how to access those elements in the form
and change their properties.
View 2 Replies
View Related
Sep 3, 2010
What website do any of you recommend for learning Javascript browser compatibility? I'd like to learn more about acceptable javascript programming.
I am using the script below for changing elements content without refreshing my page. Typically it works fine on recent Mozilla and IE releases if they haven't had too many hijacked settings. I know this isn't really much of an excuse for a script not to execute if it is done properly so I am hoping someone here can help me make what I have more compatible with more settings and browsers.
[Code]...
View 4 Replies
View Related
Mar 31, 2010
in a list, as seen below, i would like to first of all change the order only by clicking a button.e.g. li_elem2 and li_elem3 should change their order (positions), maybe even in a nice animated way later on...i tried to change it by editing the css properties, but didn't work out. so now i would be happy about any other approach i can take to swap items, or change positions of two list items....
<ul class="rounded">
<li class="li_elem1">Liste 1</li>
<li class="li_elem2">Liste 2</li>
[code]....
View 1 Replies
View Related
Mar 5, 2010
i have a dropdown menu wrapped in a div attached to this div is the onmouseout event which hides the div this is working the problem however is when moving from 1 link to the next in the dropdown the onmouseout event of the wrapper div is firing and hiding the div prematurely [URl]
relevant code:
<div id="roster_drop" class="drop_menu" style="left: 128px;" onmouseout="this.style.display = 'none';">
<a href="roster.php">Superstars</a>
<a href="champions.php">Champions</a>
<a href="titlehistory.php">Title History</a>
</div>
how do i make the event only trigger when your mouse leaves the div itself and not crossing onto a link
View 1 Replies
View Related
Apr 30, 2004
Today my boss asked me to prepare him a function that would change table cell's background when a link inside this cell is clicked, and all others cells to default background.
To achieve this I used:
Code:
function zmieniamy(idkomorki)
{
/* change all td's background white */
TD = document.getElementsByTagName('td');
for(i=0;i<TD.length;i++)
if(TD[i].name=='zmieniaj')
TD[i].style.background='white'
/* change the color that we want */
document.getElementById(idkomorki).style.background="pink";
}
Now that works only in IE and in Mozilla once I click a link inside a cell, then some other link - the first cell keeps its pink background.
View 1 Replies
View Related
Apr 17, 2011
I'm putting together an events calendar athttp:[URL].. Each event is a li item, and I use jQuery to assign the class "no-left-m" (no left margin) to li:nth-child(3n+1) for CSS layout purposes. I've also added the ability to show only events in certain categories. Unfortunately, the initial jQuery assigns the classes to li items from the DOM, and doesn't take into account the show/hide. This means that when I show only a single category, the margins are off.
[Code]...
how I can assign my classes dynamically to nth-child(3n+1) of *visible* items only?
View 1 Replies
View Related
Jul 20, 2005
I have a dynamically generated table, filled from a database by a perl
application.
Each row represents a database record and has a 'status' and a unique 'id'.
What I want to do is create buttons to hide all rows with a particular
status. The code to show/hide is relatively easy, but how do I turn them
all off at once?
Several ideas I had:
1. Set the tr's 'id' attribute to the status (eg 'open') and then set that
id to display: none. But that only turns off the first one.
2. Do the same but somehow loop over all elements looking for that id.
3. Set the tr's 'id' attribute to the status plus the data's id (eg
'open.24') then loop over all elements matching the status with a regexp.
4. Doing something else that I haven't thought of yet.
Anyone have any advice and example code?
View 2 Replies
View Related
Jul 19, 2010
I am working on a customised scoresheet for a Bible Quiz group. Basically, I want to click on a box and have a box come up with options for correct and incorrect. I just want it to affect the score for that one box. However, if you click another box, it changes all of the boxes.[URL]..Click the 10, 20, or 30 in the top left corner. It should update the points under the 4. Click on any of the boxes assigned to a person on the grey line. A box should come up with a Cor (Correct) or Incor link. Click on either option. Then click on another grey box and do the same thing. I don't want all of the points to change when one person's score changes. Does that make sense?
[Code]...
View 1 Replies
View Related
Feb 25, 2006
Im trying to design a website at the moment...
and i dont know the first thing about javascript...
Basically what i want to do is have 6 images change randomly on load of the webpage...
Basically i have:
- 1 main image
- 1 logo
- 4 buttons
Now these buttons all have a certain colour in them...
Each one is different... (green, blue, orange, purple)
So when someone loads the webpage i need all the images to change randomly...
BUT, here comes the hard part for me...
I need the images to all change together...
So i dont have a green button, a red logo, a blue main image...
As they are randomly changing on load of the page, i need them to all change together... so there are 6 RED images...
Next time they load, there are 6 green images...
Its essential that colours are not mixed...
View 5 Replies
View Related
Apr 28, 2011
I have a nice little script that changes a company's logo (displayed in a side bar) when the user mouses over a part of an image map.
Here is the basic code:
My question is, how can I get three different images (company logo, weekly price chart and monthly price chart - all of which are in an image folder on my server) to change on this one mouseover event. I tried replicating the function three times and altering each function's name but that ended up screwing the whole thing up.
View 4 Replies
View Related
Sep 24, 2009
Is it possible to swap the link image that is hovered with another image and at the same time swap different images on another place on the page? I was trying to do it in CSS but I couldn't figure out how to do both at the same time. Basically I want to go from:
after hovering over linkimg1. I can get it to do both separately but not at the same time unless I am missing the combining factor or something. Let me know if you need anything else (i.e. site, missing code) Here's the code I'm working with:
HTML Code:
[Code]...
View 1 Replies
View Related
May 3, 2006
I have two multiple select inputs. Initially the first contains a bunch of
items and the second is empty. Using a common method, I move items back and
forth by double clicking on them.
This portion works perfectly, but I would also like to change the background
color of the select element with the current focus. I have defined the following classes:
..selected {
background: #C0FFFF
}
..deselected {
background: #FFFFFF
}
Using the following function below I am able to shift the background color
of rows containing content, but the color of the empty rows remain the
"selected" color. How can this effect be achieved for all rows, whether they
contain content or not?
View 8 Replies
View Related
Oct 29, 2011
I'm not entirely familiar with jQuery coding, but I've given it my best shot to get this script working properly, and I can't seem to manage it. Here is my scenario: I'm creating a website for a friend who sells custom jewelery cuts. There are 4 different parameters you have to choose about your cut, and we would like to change the image displayed to match the parameters you select so you have a picture of what your going to purchase. The idea is like this:
I have managed to get it to update the image for a single select box, but then If I select another one it completely overrides the first one, and displays the second box. Here is what I have so far (and no it doesn't work :P):
[Code]...
View 5 Replies
View Related
Sep 19, 2005
I have a page with 2 product forms to add to shopping cart each form has the same fields.
when someone changes one of the dropdown boxes depending on the size it is to change the price to a certain value. This works ok whan you only have one form but now that there is two forms. When you change the second form dropdown box it changes the price on the first product.
OnChange='if (this.value<=16)ChangeHiddenPrice(90);'
I suspect it has to do with how i reference the form field
function ChangeHiddenPrice(newprice) {
document.getElementById('PRICE').value=newprice;
}
View 1 Replies
View Related
Sep 22, 2010
When I click on a div - i would like the background color to change to gray. When I click on another Div - I would like the background to chnage to gray, however it will also need to change the previous div (or all divs in that class) to a white background.
<html>
<head>
<title>test</title>
<script type="text/javascript">
function highlight(currentdiv) {
[Code].....
View 7 Replies
View Related
Jul 20, 2005
I have a dynamically generated page (PHP), which contains an Explorer
like view of items. I would like to hide multiple <tr>'s by name, but
I can't figure out how thats done.
I have this code to hide one element by id
if (document.getElementById(id)){
document.getElementById(id).style.position = 'relative'
document.getElementById(id).style.display = 'none'
}
Anyone has a cod sample for looping through multiple elements and hide
them?
View 12 Replies
View Related
Apr 24, 2006
The short of it is that I am trying to change the background color of all elements with a particular class name. I know there is no getElementsByClassName (wouldn't it be nice if there were?), but is there a simple way to do it? Alternatively, is there a way to apply changes to multiple id's?
View 3 Replies
View Related
Feb 22, 2010
Is it possible to move multiple divs with absolute positioning down the page simultaneously by the same amount?
View 3 Replies
View Related
Jul 27, 2006
I have written a function to make visible elements with a certain id. however i intended it to be used to make visible multiple elements but it only appears to switch on the first element it comes to with that id. after that it appears to stop. i was wondering how i can adapt this function to make visible multiple elements, will i need a different way of referencing or can it be done through id?
function toggleLayer( layerID ) {
var style2 = document.getElementById( layerID );
if (style2.style.display == "block") {
style2.style.display = "none";
}
else {
style2.style.display = "block";
}
}
View 2 Replies
View Related
Oct 12, 2006
I have a rather old script that uses XMLHttpRequest to retrieve some
html and pops it into a div using innerHTML. I'd like to switch over to
using append child since not only is it standardized, but it'll save me
bandwidth in the long run. Code:
View 2 Replies
View Related
Jun 10, 2009
I've selected multiple tables and tried to use each for applying cornering to each table. Inside the callback function, I try to find the first/last table cells to apply cornering for each corner. However, when there are multiple tables it looks at _all_ the tr elements for the first/last rows. See example code:
// Add cornering to tables
$('table.corner-me').addClass('ui-corner-all').each(function(){
var $table = $(this);
$table.find('tr:first :first-child').addClass('ui-corner-tl');
[Code].....
View 1 Replies
View Related
Apr 11, 2011
Can someone explain to me the best way to loop through the geocode and marker (google maps) part of this code for all of the elements with the "address" class using jQuery (or javascript if need be). I tried wrapping the contents of the codeAddress function in $(".address").each(function () {... and replacing the getElementById with a jquery selector, but I still seem to be lost.
[Code]...
View 2 Replies
View Related
Oct 2, 2010
I have this query that does what I want it to do, find the class and remove an extra element within its parent:
$(".emptyTopNavOption").parent().children().first().remove();
But when there are multiple classes, it only deletes the first element in its query. As a successful test, I appended some CSS to ensure the query selected all classes and added a border to each element. So why does remove() not work? Is it a bug or is my query missing something?
View 1 Replies
View Related
