is there a concise way of matching a bunch of elements by style - specifically the display -
Code:
var hiddenParents = $(this).parents('has a style display: none');
I know about hidden & visbile etc - but need to match elements specifically hidden (ie NOT those that are children of hidden elements too)
I need to match an h3 with a p that has the same class. However, there are multiple elements and multiple classes, so I'm trying to store the class in a variable (x) and say "when I hover over the h3 with class x, get the p with class x and fade it in".
I can't seem to get it.
Currently I'm trying to create a menu with a mouseover effect on a link, which causes an image to display. All images are positioned on the same place, so the optical effect is that one image changes all the time. To achieve this I created an unordered list with the links / items in it, and I created a div with the (corresponding) images. On a mouseover event over a link, the index number of the current li element is stored in a variable, and I want to use that variable to select the corresponding image.
(So <li> index:2 corresponds to <img> index:2)
So in 'human language':
on mouseover of li {
var indexNumber = li.indexnumber
change class of img[indexNumber]
}
But I can't get it to work. I managed to store the 'current' indexnumber successfully in a variable:
var indexNumber = $("li").index(this);
But I can't use the variable to select the corresponding <img> I tried:
$('.slidemenuImgbox img:eq(indexNumber)').addClass('slidemenu_show');
But nothing happens
However when I do:
$('.slidemenuImgbox img:eq(1)').addClass('slidemenu_show');
The image with index:1 is changed.
How to use a variable in :eq()
To see a 'live' example (With no images changing): [URL]
is there a way to select elements that match a regular expression? I have a set of divs with id = "wrap_n" where n is a progressive and I need to select them and for each 1 I have to add a function that togggle the "elem_n" div.
View 4 Replies View RelatedInput values to match args array or throw an alert. This is what I have but I want the alert to refrence the var args= or throw the alert.
function qtymultiply(qty){
var fs=qty.parentNode.parentNode;
var subtotal=document.getElementById('subtotal');
[Code]....
I need to be able to match a particular element in a "row" of a multidimensional array, and then find and reference the other elements in that "row".
Below is a sample of the whole array...
Code:
var commercialProductList=new Array(
new Array("Sydney Automobiles - Online","Sydney_Automobiles_Online","users",60.39,3.02,1.21),
new Array("Sydney Automobiles - Hard
[Code]....
I would like to select all input elements on a page in which have a specific background-color.How would I go about doing that?
View 7 Replies View RelatedI'm writing a reusable JavaScript library which needs to set certain styles in a document. The document may have an existing stylesheet definition either by a link or by an existing stylesheet declaration in the documents head section.
How can I use JavaScript to append my own style sheet information to a possibly already existing stylesheet definition?
I'm using the following function to access elements with specific attribute values in an XML file. These elements then also have child elements, which contain the required data to be rendered as HTML. Code:
View 5 Replies View Related'When my form is submitted, I have onsubmit pointed to the following
code snippet. But, the button is not actually set to disabled and the
style.visibility changes are not made for several seconds. It appears
that it goes into validateForm and doing the rest of this snippet
before the browser makes the changes.
How can I get the browser to immediately make the UI change?
function submitForm(servleturl) {
var submitbuttonelem = document.getElementById("submit");
submitbuttonelem.disabled = true;
document.getElementById("modgradeform").style.visibility="hidden";
var mydiv = document.getElementById("contentarea");
mydiv.innerHTML = "Validating the form.";
mydiv.style.visibility="visible";
var ret = validateForm();
My understanding had been that $.css("width") would return the original user selected style, eg "100%" or "10em", and $.width() returned the computed width, always in "px". Not so, following the code through for .css(), it calls something called getComputedStyle and the only difference between the two functions turns out to be a post-fix of "px" on the .css() result - not very useful. I need to know whether my user has called me with a proportional dimension, or a fixed one. How to tell with jQuery?
View 1 Replies View RelatedThis is probably quite a simple problem but I can't figure out the answer. I'm working on a site that has news stories and events coming in. What I would like is to have the news stories to be styled with squares and events with discs for instance. I might be able to change the actual plug-in so the CSS affects this change, but I just wondered how I could change the list-style-type with jQuery.
[Code]...
Take a look at my testing website: [url]
You'll find the following javascript in the source code:
Now this all works...well, sorta.
The DIV elements specified are hidden when the page is first loaded.
These DIV elements then re-appear (as programmed above) when the mouse pointer is hovered over them.
These DIV elements are listed on the right-hand side of the test webiste.
They contain the Google Ad's you will see listed along the right-hand side of the website.
However, you were not suppose to see the Google Ad's when the website first loads up.
The DIV elements are initially hidden, but the Google Ad's contained in the DIV elements are always visible!
I want the Google Ad's to only appear if a mouse pointer happens to hover over them ( a little test of mine.)
I don't get it...the DIV elements disappears when appropriate, why not their contents: the Adsense?
I'm not sure if this is technically a javascript question, but I'm
coding in javascript, so I'll try here first.
To overlay a section of a page I typically use an absolute positioned
<div> and call insertAdjacentHTML. By raising the z-index higher than
than the underlying elements this method works fine, except if there is
a window'd element below it, such as a <select>. My understanding is
that I need to use the visbility attribute to hide the <select> before
calling insertAdjacentHTML.
Each <select> element (there are three) is identified with the ID
"select_vis". I am attempting to hide the select elements using the
following code:
selvis = document.getElementById('select_vis');
if (selvis) {
alert('gonna hide the selects.');
selvis.style.visibility = 'hidden'
}
document.body.insertAdjacentHTML('BeforeEnd', theHTML);
The code is being executed, however the three selects stay visible.
I have built a website and I wish to hide my code between "style type="text/css">....</style>
Is there a way to hide the code between it?
I'm using the latest version of JQuery. How do write an expression to match multiple classes, but only for elements that are inputs of type="button" or type="submit"? I have figured out how to match multiple classes with the expression .
View 4 Replies View RelatedBit of a noob question, but I'm using the following code to get a menu tab to highlight/switch classautomatically based on the id of the page in the querystring. All is working well until the page ids hit double digits. Subsequently a menu with the link "p=10" and above will highlight when "p=1" in the location bar. How should Iamend the code to prevent this partial match? The menu item links always end after "p="; there are no furtherkeys in the querystring toact as a delimiter.
[Code]..
I am trying to get good using the $.each() in jQuery. I have a simple little task that I want to solve.
I have created a simple page with 100 boxes, each box with 4 colors. What I want to happen is if you click one box, it will change colors to the next box and so on. so for example here are 4 boxes
Red | Green | Blue | Yellow
If you click on Red you would get:
Green | Green | Blue | Yellow
If you click on the Green (1st one) you would get:
Blue | Green | Blue | Yellow
I have created a jsfiddle for you to view with what I have so far. I am stumpped at creating a match for the class name and if it matches to then go onto the next color in the array.
[URL]
Is there a possibility to get the alt text ...
var pattern='.foto-img img';
var text=$(this).find(pattern).attr('alt');
... by changing the pattern string only?I need to go this route:
var pattern='.foto-img img ???????';
var text=$(this).find(pattern).text();
Here's my situation: I'd like to have links to my organization's sites open in the current window, but links to other sites open in a new window. The tricky part is that not all of our sites are on the same (or even similar) domains.This works just fine for matching foo.org:
$(".article a[href*='http:']").not("[href*=foo.org']").attr('target','_blank').addClass('external');
I'd like to widen this so that links to foo.org, bar.net and whatever,com all open in the current window. It seems like everything I try won't work because I can only match all instead of any.
i currently have a problem which i cant resolve and i cant seem to find a solution (i actually not sure what to look for). My jquery level is medium-low and im trying to take it to a higher level right now.
I have a var which holds a href value. However i only need part of the string.
[Code]...
if I have an html page that uses the <style> or a <link> to call a style sheet these properties aren't available to JavaScript is there a good way to access them? eg
<html>
<head>
<title>expandable text area</title>
<style type="text/css">
[Code]....
I've been doing a lot of googling and im having touble finding information on how to do the following.I have an input field: $("#my_field")Which contains the following following text: |1||4||9||10|When the user clicks a button i want to check to if : |4| is in $("#my_field").val()I can find examples on how to check all input fields, however i only want to check the one.
View 3 Replies View RelatedI am trying to validate my 2 password fields with a custom message.Here's the code i'm trying to use, but it keeps failing:class="{required:true, equalTo:true, messages:{required:'Please type a password(min. 5 signs)', equalTo:'Pass dosen't match'}}"What is wrong, is it possible to do it by this code?
View 1 Replies View RelatedI'm using the Quicksearch plug-in and it does everything I need except for one thing. If I have two rows, for example:
"Blood oranges" and
"Green apples"
And I search for "a", it's going to match both rows because it matches the "a" in "oranges". What I need to is to match only the beginning of each word, so that typing "a" in this case would only give me "Green apples". Is this possible?
local links meaning links within the same document <a href="#somewhere"> types of links. how do i match all such links and events?
View 1 Replies View Related