JQuery :: Selecting A Class And A Variable Defined ID At The Same Time?
Apr 27, 2011
I'm trying to select a class (.home) and an ID (#something) at the same time,
normally I'd use:
$(".home,#something")
but in this instance, the ID is already stored in a variable called "newpage" - I'm trying the following:
$(newpage,".home")
(note, selecting the id on it's own with just$(newpage) does work, so I know the issue isn't with my variable, it's just a matter getting both the class and the variable stored ID selected at the same time)
i'm not really sure how to explain this, since I know nothing about javascript, so i'll try and illustrate by the use of php (hope it makes sence)
I have a set of different links, like:
<a href="link.com?page=text1">text 1</a> <a href="link.com?page=text2">text 2</a> <a href="link.com?page=text3">text 3</a> etc, where page is dynamic and can be anything I chose..
Another place in the same document, I echo out what the page variable is, like:
echo "$page"; so when clicking "text 1" the echo will output what i've defined the page to be, in this case "text1" ..
So I want to be able to click the links and change the output of the echo all depending on what i've defined in the link - without refreshing the page!
I need to select a class within an element. the class is generated by the code using .addClass. I suspect this is actually really easy and I'm just being stupid,
I found this javascript, but I need to target by class, line 1 below was originally GetElementById
var dyntext = document.getElementsByClassName("tpopdyn"); var body = document.body, steps = 7; function threedee (e) {
[Code]....
I keep getting an error that dyntext is undefined (lines 21-23). First and foremost I just need to get it running - I'm still learning and I don't want to break more than I already have.
So I'm new to jquery and I'm trying to spice up a navigation menu in my cms. I'm having trouble selecting children in a nested UL. Its just an add class on hover. But as you can see, it's selecting all of the children on hover. [URL]. I'm trying to find a solution that allows each listed link to be highlighted on hover, regardless of its place.
im experiencing a problem when using the :nth-child() selector.
I currently have a div that contains multiple divs. These divs have either the class 'labels' or 'labels-alt', I currently use the following code to change add/remove a class to one of these
function mOver1(n) { $('.labels:nth-child('+n+')').toggleClass("labels-hover"); } function mOut1(n) {
I have list of forms generated from SQL database and every single one of them has to have unique id, so how I can select the specific item that is to be manipulated (changing values via php).the $("#submit").click(function())will trigger every submit buttons on the page, so how I can tell it to be "#<randomInteger>" thought of passing the unique value with onClick="myfunction(unique_id)", but don't know how it goes with jQuery.
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:
I've been writing a slideshow script that I've had working perfectly on my mac in Chrome and Safari, however I went to look at it in IE8 and lo and behold it falls over. It says 'object doesn't support this property or method' in relation to the new SlideShow line in the main() function.
I am trying to add a class to my menu for the page it is currently on.
I followed this example: [url]
But I am not able to make it work at all.
Here is my HTML:
To make the nav element highlighted, the list item must have a class of 'hover' like this '<li class="hover">...'
And here is my jQuery:
The script is not applying any CSS to the list elements. I tried different combinations, tried to add a class to the a element by removing parent(), but nothing is triggering.
In the function 'formToArray' the variable 'max' is causing a conflict in my application. The reason being that max is not explicitly defined as a var so it becomes a global variable.So IMHO:
#520 - var i,j,n,v,el; for(i=0, max=els.length; i < max; i++) {
should be changed to
#520 - var i,j,n,v,el, max; for(i=0, max=els.length; i < max; i++) {
I am currently working with a cms system that doesnt keep within the correct name conventions (pre defined).Within a form, I simply want to set a date to todays date:
<script type="text/javascript"> function initdt(mf) { var t = new Date;
[code]...
This works perfect on a form I create, but sadly I must use a form within a pre defined system that uses "01-date" Is there a way around this? A simple way of setting 01-date to t.getDate();
just a very basic question. Have a div (id - photos) with multiple images. 1) Does this select them all? $('#photos img') 2)If so, how can i capture this information? Like so -> var bunchOfStuff = ($('#photos img')); and 3) if so, why can't i do something like alert(bunchOfStuff.length)into code tags...
My site is run on wordpress, but I'd like to customise the menu so that if the user is logged in the menu displays "Logged In" and if they are not it displays "Log In".Normally I would just use an if statement in PHP to output the required html, but as I can't use PHP code in the menu item I need to use Javascript. :mad:So, the way I figured this would work is:1) PHP code in the header checks to see whether the user is logged in2) This code then outputs JS to define a variable (varCheckLogin)3) JS within the menu checks varCheckLogin and outputs the html i wantThis sounds good hopefully. :DUnfortunately this isn't working at the moment. The code I have is:HEADER: (I know this works as the variable is being output correctly in the source code)
I've been writing a new layout for part of my web page.
The java script is not creating the list. When I check Firebug I get an error:
QuoteMovies[movctr] is undefined [Break On This Error] MovieList+= Movies[movctr][2]
If I take out the var MovieList and just have it print the text "MovieList" instead of the contents of MovieList the code tries to run. I'm not sure why it won't copy the content of the var MovieList.
Live test version of my movie page
Here is my code:
It's also weird that is says that Movie[] is undefined instead of Movie[][].
where the eval function returns the path of the pictures.This works fine! but in IE I get an error saying a100image12 not defined (and image13, image14, etc), because that image is not in the javascript file.So, how can I test in advance if a variable exists in the file?? Note that I take the name of the next picture based on the current one.I mean,I take the current picture from the div, lets say a100image10, I add one, and I try to look in the file for the variable a100image11.
I'm having some issues with firefox, chrome seems to work ok. Firebug is giving me an error stating country is not defined. The line it's saying it's on is where the function for an ajax call to populate a select input on page load.[code]...
Using a while loop in a function, I am trying to test an input character against a stored string of characters. I want the function to return the input character only if it is not in the stored string of characters. The code I've prepared is as follows:
<SCRIPT language = "JavaScript"> var storedLetters = 'sideways'; function requestLetters(aString) { var validLetter ='';
[Code]...
The code works fine if I remove it from the function wrapper but if the function is called I keep getting an error message that the variable validLetter is not defined. :confused: Can anyone see why this is the case?
