Jquery :: Id-based Vs Class-based Selectors And Hidden Elements
Oct 20, 2011
Given the following input tag which is enclosed within a hidden div tag:<input id="X" class="Y"/> this call (id-based) locates the tag: $(this).find("#X")but this one doesn't (class-based)I couldn't find any documentation indicating find() working differently when using id-based vs class-based selectors.
I have a page I am working and I am having some trouble with: I need to show and hide areas based on a radio selection. I initally started using the show / hide feature in Jquery but the problem is the elements need to be removed but then put back if the user selects the radio buttonagain as it has form elements that have validaion on them. The validation is still trying to validate the form elements becuase they are still on the page but just not showing. This is the radio group the user makes the selection from:
How could I add a class to a div that contains a div that contains a link that contains specific text, and name that class based on that link but with hyphens in place of spaces and all lower case? Here's specifically what I'm looking for:
<div class="my-div-one"> h2>Title of this section</h2> <div class="my-div-something-else"><a href="url">My Special Link</a></div> </div>
In the above example, I want to add the class my-special-link to my-div-one. Is that possible? How could I do that?
I would like to use the fade effect when it goes from a img to the next img with the same class instead when the next img has a different class I want it to apply thescrollLeft effect.
What I have problem to understand is how can I on a certain condition change the effect of the cycle.
I have mulitiple 'a' tags with different classes (aclass1, aclass2, aclass(n)) and I have multiple divs, also with consecutive classes (divclass1, divclass2, divclass(n)). Is there a way to select the 'a' tags to match the div based on its number (ie. 'aclass1' with 'divclass1' and aclass2 with divclass2)? For example something like this:
what i have are 3 radio buttons at top of my form, the first radio option i would like if selected to open a div that contains new questions on the form... then if the other radio buttons are selected they hide that div.
I have the following HTML. I wish to select all the second column elements for only rows where the input is checked. For instance, if row 1 and row 3 was checked, I would want to select the td elements which contain row1_column2 and row3_column2.
I have a dynamic jCarousel which pulls in JSON data from php, and prints out the list html. What I'm trying to do is set the carousel start item as a variable, which would find the item with the class ".active", and start with that item. The problem is that since the data is dynamic when it looks for the start item, the list hasn't yet been rendered, therefore doesn't find any class or list data. The code below works with a static list, but not dynamic. I think my options are (a) wait for carousel to load, then somehow set the "start" item after, or (b) after list loads auto-scroll to the item with class ".active".
Here's the code i'm working with for the dyamic list: ------------------------------ <script language="javascript"> $(document).ready(function() { /* create an image slideshow from a JSON array using jcarousel */
I am creating a plugin that gives keyboard navigation to tabular table acrossmultipletables.When I have rowsthat run off screen I would like to scroll the window down.. and the reverse is true, when navigating up.Logically I need to get the position of the element that has focus and specify how much to scroll the window.
how to Change a Hidden Fields Name based on selected option. The hidden fields name is sent off and I need to change the name depending on what option they select. For if they select MyList the hidden field name needs to be SelectLists[40] or if they select testlist the hidden field name needs to be SelectLists[41]. This is probably way, way off but I've done this and it doesn't work.
how to fix the coding so when a user select a category it will add a different hidden filed for that option for example:When the user selects category "Men" the hidden filed <INPUT TYPE="HIDDEN" NAME="REFERRER" VALUE="http://men.com/acatalog/"> will be added,and when the user selects category "Kids" the hidden filed <INPUT TYPE="HIDDEN" NAME="REFERRER" VALUE="http://kids.com/acatalog/"> will be added and so on...Here is my form coding I am using:
I'm trying, so far unsuccessful to make a function to change the name of a hidden input based upon the country of the user, i have some php code that determines there country of origin of the user fine. I then have a small java script function to change the name of the hidden input depending on the country of origin.
The php variable that holds the country of origin is $country; that variable then needs to be assigned to x in my java script function. $country is equal to AU if your in Australia and US if your in America.[code]...
I am in need of changing the class of a number of divs for a specific loop in one of my clients' pages. My javascript skills and knowledge, however, are direly lacking, and I see myself in the unfortunate position of trying to take on more than I can handle.
What I want is a function that runs on page load, ad eternum, changing the class of #foo into .bar and into .foobar alternatively, every X seconds.
And a corresponding text_field input element div I'd like to display based on which radio button the user selects:
When the page loads, I'd like to see:
When the user clicks on a (different) radio button, or clicks one for the first time, I'd like whichever div is currently showing to be hidden, and the newly selected one to be shown.
Right now I have jQuery code at the bottom of my page that looks like this:
For each of the four options.
When the page loads, the correct div is shown, and when I select a new button, the new div is shown, but the already showing one isn't hidden.
I've read some posts that suggest using change() instead of click(), but others indicate that's problematic in IE.
I'm trying to add a body class of 'day' if it's 6am-5pm and 'night' if it's 5pm-6am based on the user's local time. I tried the following but it didn't work.
I have an array of strings. Some of the strings have a continuation character at the end (in this case '='). What I need to do is append the element that contains that character (eliminating it) with the next element and reduce the size of the array by 1. My problem is arising (I used variations of split/join) when that character occurs someplace other than the end of the string. How can I check the last character in a string element and join it with the next string element? TIA. I can do it using brute force but am looking for something more elegant if possible.
Code: for ($i=0; $i<$lines.length; $i++) { if ($lines[$i].substr($lines[$i].length-1)=="=") { $lines[$i]=$lines[$i].substr(0,$lines[$i].length1)+$lines[$i+1]; $lines.splice($i+1,1); $i--; } }
I've tried to find a stright forward script which show/hide specific form fields based on a selected option. I've seen many online but non of them was working with me without the need of some coding or tweeks. Does anyone here have such script?