I need to filter out elements without an adjacent visible element on ID. With $(" td:regex(id, ^\d):visible") I get all element visible in the table but not sure how I would go about and filter out the element with adjacent element and his self that is visble.
Concider below table, here both 1 and 1_1 are visible but 2 is and 2_1 is not visible.
I need to filter out 1 and 1_1 as they are both visible and only keep 2 in my selection.
What's the best simple way to filter elements by their index similar to the nth-of-type equation an+b , regardless of parent and node type? Something like...
$("input").filter(":nth-of-set(3n+1)")
... to filter every third input element (3n) starting with the first one (+1).
I am running into an effect issue with IE only. I have a <UL> with about 4 <LI> and I apply the fadeIn() on individual <LI> based on user actions. Inside of each <LI> I have a div that is styled with: -moz-opacity:.8; opacity:0.80; filter:alpha(opacity=80); The problem is that when I fadeIn() the <LI> all of its children elements' opacity is taken from 0 to 100%, AND THEN the div that is styled with the opacity is taken back to 80%. This causes sort of a flicker because it goes from 0% to 100% and then quickly back to 80%. Is there a way to get around this? Is that a known bug? I saw some people that had posted similar questions but without answers: [URL] I am pressed for time to deliver a page and this is virtually the only issue holding me back! additional info: using: jquery-1.3.2.min.js
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?
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?
I have a javascript function that loops throught all text boxes inside a form:
var elems = document.formName.elements; for(i = 0; i < elems.length; i++) { if(elems[i].type && elems[i].type.toLowerCase()=="text") do something }
This way it goes through every single text box in the form. But in my form structure, some form elements (text boxes included) are inside invisible divs.
And what I actually want to do, is to check only the text boxes that are not inside invisible divs.
Is there a way to say in javascript something like: choose only textbox that is not inside element (div) whose className='invisible'?
Or maybe I should try a different approach, instead looping through all form elements?
I'm trying to have a scroll function (scrollIntoView(true)) that scrolls to an element created by JS. This isn't working because when I use document.createElement the element's html doesn't show up in page source so I can't find it using document.getElementById.
In IE the selection box is created, and there is a drop-down box if I click on the down arrow, but I can't see the OPTION text for each option. The options are invisible, yet the box seems fully functional. I went into the debugger and sure enough the selection box has "OPTION" child nodes with the correct "value" and "text" attributes.
$("#name +span").val("empty") but that doesnt work? and neither does: $("#name +span").val() to get the value?
however if I do: $("#name +span").append("empty") that works.. but the problem is that when a user enters something I am not able to CLEAR out the empty message...
I am coding a psd into html/css. What problem i have is the logo is overlayed over two divs/tables such that half part is in one div and half in other. Is there any way to create one other div/table over them?
I have a column of links that use ajax to load content into the adjacent DIV, and I have used the loadobs function to load the JS and CSS files along with the external file. Now within the external file I have used javascript to create a 3 tab section; when you first load the page it is fine BUT if you navigate away from the page and then try going back and loading the same external page then the tabs stop working and all the content of the tabbed sections stack ontop of one another as though the javacript isnt working?
It is a work in progress but the page I am having the problems on can be found at [url] if you click on the top link in the left hand column called Tara - Female vocalist you will be able to see where the tabs are.
I have the following code that don't work like i want it.
Code: function hideDisplaySingleSuite(textstring) { var myclass1 = new RegExp('\b'+textstring+'\b'); //Populate the array with all the page tags[code]....
For example.It show objects if I remove the if statement that checks if the class is visible.for example this shows a class and works.
Code: function hideDisplaySingleSuite(textstring) { var myclass1 = new RegExp('\b'+textstring+'\b'); //Populate the array with all the page tags[code]....
So my question is why don't this work on a class, it works on an "id"?
Code: if (allPageTags[i].style.display ==''){ allPageTags[i].style.display = 'none'; }[code]....
I want to show the class if its not visible or hide it if it is visible.How can this be done?
I would like to copy/clone the html DOM from "id1" to variable "tblContent",and remove the tag "<script>" and "<a>" from variable "tblContent", then append the html DOM to "id2" but not working...any error of my code? [code]
I would to achieve the same result of the below function without using callbacks . The function is: $("#user-options-menu").find('a').each(function() { // now I want to filter any <a> tag with <li> parent if (!($(this).parent().is('li'))) { $(this).button(); }}); I've tried with$("#user-options-menu").find('a:not(li:parent)') but without result.
I wish to display a list of people on my website. These people are speakers who have different talents, or features. Male, female, high voice, low voice, german, english, persian, austrian ... a whole bunch of people. And I want to let my user use checkboxes to narrow down the speakers he could use for his production.
Here's the output filtering list (not complete, just rudimentary while I try to make it work)
My problem : I want to start with all checkboxes selected, showing all the people in this speakerpool, then narrow down as checkboxes get unchecked. This works well with combinations such as ".male .voice-low" which effectively removes all females and the other voices, I found here where I learned that is(".class1,.class2") is different to is(".class1.class2")
But, if I say, I want all english speakers, no matter if male or female, and I check male and female, I get none, since there is no speaker that is both male and female. At least not that I know of
Same issue with the voice-levels: most speakers either speak high or low or medium, yet I'd want to be able to check all those and get a comprehensive list, then.
My Question : Is there a way I can separate classes into class-groups or something? Maybe use prefixes like "sex-male, sex-female, language-english, language-german" and jQuery then uses the prefixes to check if they're supposed to be additive (?) or exlusive.
I am trying to show the data from XML with categories (catalog name="Employee Services"), i want to filter the data before the display of each services, this pls
my xml <catalog name="Employee Services" order="1" color="#CC0033" image="srv_emp.gif"> <service>
the image is like <img style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='aa.png')" ... > $('img').css('filter') will get progid:DXImageTransform.Microsoft.AlphaImageLoader(src='aa.png') Can I get the aa.png directly?
I have an xml file that is dynamically generated at periodic intervals onto disk. the information contained in this file is displayed in a vertical scroller and this works fine. I however need to filter the data based on the logged-in users preferences. These preferences are stored in a database and retrieved after the user logs in. Only data in the xml file that match the user's preferences must be displayed.
I am trying to do something that seems very simple, but can not get to work! Basically, I want to find an element whose ID equals a certain value, as represented by a variable. The variable is derived from a dropdown list. Here is my code:
$(document).ready(function(){ $("select").change(function() { var myClr = $("select").val();[code]....
I am wondering if it is legal to use a variable within the filter - if I replace it with an actual ID value it works fine, but when I substitute the variable name nothing happens.I am sure I am doing something dumb.
