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...
View 3 Replies
Selecting elements using multiple parameters like here: $('descendant', 'ancestor').text(); seems to be way more popular than css-like syntax: $('ancestor descendant').text(); Do those two differ in performance, or is it just about being intuitive to particular people?
View 1 Replies View RelatedI am creating an FAQ type page with rows of questions that will drop down the respective answer when clicked. I have it mostly working, except I can't find a way to close all answers before opening the next one. I have tried everything I can think of (or search), but to no avail. I am using the following code, where QQQ1/2 are the questions, and AAA1/2 are the answer divs:
//Question/Answer
$(".QQQ1,.QQQ2").click(function () {
// check the visibility of the next element in the DOM
if ($(this).next().is(":hidden")) {
[Code].....
I'm trying to embed a lot of html code into a javascript variable. How do I do that without getting error?
I kinda think that it has something to do with the escape quotation plus x, which I need so that the id won't duplicate.
//add new form
//update cached steps in the wizard with a new step (adds one first)
$(".addcar").live(click,function(){
//step 2 vehicle information content
[Code]....
I have an unordered listWhen clicking one of them, I want to do somethingEasy so far.Now, I also want each list element to have some unique data associated with it so my JavaScript could treat each list element individually.As I see it, my options are:Add a custom non-sanctioned attribute to the LI element (probably not a good idea).Add an ID to each LI element, and name the ID such that the data can be extracted (also, probably not a good idea).Add a hidden input in each LI element and store the data there (seems like there's got to be an easier way).
View 12 Replies View RelatedI have the following javascript function:
<script type="text/javascript">
function HTMLEncode( text )
{
text = text.replace(/&/g, "&") ;
text = text.replace(/"/g, """) ;
text = text.replace(/</g, "<") ;
text = text.replace(/>/g, ">") ;
text = text.replace(/'/g, "'") ;
return text ;
}
</script>
Now i want to store the content of 'text' in a php string. Is that possible?
I tried and tried for so long to get this to work, but I just can't.
Here's what I did:
var testvar = document.getElementById('example').style.color;
alert(testvar);
Not only would the alert come up empty each time, but IE reports that "testvar" is undefined. Why isn't it working? And if I'm going about it the wrong way, how can I store an element's style info, such as font colour like in this example, as a variable?
I'm working on a page that needs to do some calculations based on values that the user inputs via sliders. I can get the values selected to display in a text box below the slider, but I also need to store the value as a variable for use in calculations.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
I was wondering if someone could help me on a problem I have been having. In my code my function is supposed to take the elements of the form and it checks to see if it is checked or not. After that it would store it in the variable checkbox. However when I test it out it will not store it in the variable. For example if I picked sleep/ standby checkbox and hit submit it will show as 06 instead of just 6. Don't know what I am doing wrong. Here is my [code]...
View 2 Replies View Related'm thinking that I have to learn how to work with cookies to do this but I was wondering if there was a variable type that might instead.. I have the following little test script...it works but only the first way...if I wanted to make this work both ways how would I go about it? I'm trying to figure out a way to create one of the little +/- buttons that can show and hide content.
[Code]...
I need to write a script that parses a web page for a given delimiter and then stores the following 50 characters as a variable. I wrote the following php script:
Code:
<?php
$del = "picture_id";
$url = "http://xxxx.net/xxxxx/xxxxxx.php?do=xxxx";
$source = file_get_contents($url);
[Code]....
The delimiter is always going to be constant, however the succeeding characters will be different each and every time. I need to write this in Javascript because it is hosted on my server, and ran by users who post on my brothers message board (which is hosted elsewhere). Since Php is server side I always get "guest" as a value rather than the random string of characters like it should be.
When a person signs up for my website it first adds them to my external email list and then to my MySQL database.In order to do this you have to pass the information of the form to the next page where you can "display" it. Nothing except this display function seems to work.So what I am trying to do is take what is outputted by this display button and store it in a javascript variable. Then transfer this variable to a form which will auto submit and start the PHP registration pulling the output of the script, right now I can either get an undefined or the entire HTML code. Is there another option?Here is my code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
[code]....
I have the following code that works fine (except the show/hide animation for the rows is proving to be a pain to get working):
In the table this is for, I have a checkbox in the first cell in the row the user hovers and clicks on to expand the following row. I am trying to make it so that clicking the checkbox doesn't trigger the jQuery toggling action.
Here is a sample row in the table this is for. The complete row below is what the user clicks on, and the row after that (class="docClassesRow") is what is expanded on clicking the above row
I tried adding :not(:first-child) to the selector:
But that didn't work.
I am trying to easily fix 100+ blog posts where the customer has <pre>tagsto format code.
the issue is in wordpress when you hit enter you are given a new <p> tag, and setting the format to preformatted outputs code like this
<pre>line</pre>
<pre>line</pre>
<pre>line</pre>
[Code].....
i'm trying to do the following: select the links one after another and add a class to them. When the next one is selected i want to remove the class from the previous.
[Code]...
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) {
[Code]....
Previously when developing my own modal windows I have been creating a "mask" div directly in my markup, in the CSS setting it to be display:none and then setting it to show() by jQuery when a button is clicked.
I'm sure there is a better way to do this but i'm getting a little stuck.
I tried adding the "mask" div and its content to the body using prepend() when my button is clicked but i found i then can't select any of the added elements in jQuery.
How can you select elements you have added to a page by jQuery?? Also if this is the right approach whats the best way to insert a block of html to a page??
I'm having trouble using jQuery to find get select box values by element name. At the moment the code is in a for loop and it gets 8 different form values and puts it into an array. Currently this takes 1.5 seconds to execute which is far too slow as the user has to wait for it to finish. Here's the code which is inside the loop:
[Code]...
This when run executes instantly with no time delay. Why is the jQuery way so much slower? I'm all for saving 2 lines of code but not when it's 10x slower. Also I shouldn't need to put an id on the select box element to make finding it faster, the name value is already unique because I require the specific value once the form has been submitted.
how can i select elements from a HTML string. i have used .get() to load data and i want to search for HTML elements within that data/string
$.get(nextHref, function(data) {
alert(data); // OK
// i tried
alert($(data).find("#posts").html()); // returns null
[Code]....
Here's some pseudo-code for reference:
$(document).ready(
function() {
... // #1 some code that fetches xml and generates a dom structure... <ol id='bla'><li></li></ol> then .appendTo('#foo');
... // #2 some code that generates another dom structure to be inserted into $('#bla').
}
)
The snippet #1 fetches xml and generates a dom to be appended to $('#foo'). But snippet #2 refuses to work with the id's created by the steps in #1. My guess is it is because #2 ran before #1 finished.
How do I make it so that #2 can reference the id's created by #1? Do I make #1 syncrhonous? Is there a way to make #2 run only after #1 is done? Do I just include onclick to the elements created by #1 -- I was hoping to avoid this because it appears the jQuery collective frowns on this.
I have a page where I have images that may have visibility 'hidden' or 'visible'.
So how do I ensure I animate (and other 'manipulations') only visible images when mouseover them and not the hidden image?
Must mention I want to do this without any use of css classes or other non-jquery made css.
Im working on some drag and drop logic similar to the jQuery shopping cart example, but I've run into a small hitch. If I double click on the LI within my 'dropped' area it causes them to become draggable again. I specifically set up drag to only work from one source list, so Im unsure how double clicking is causing this bug?
View 1 Replies View Relatedis 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 RelatedI'm trying to add the text of a textarea form to the string that's contained at:
myarray[a][b][c]
It was easy to pull out the value of the textarea with this:
textinput = $('#mytextarea').val();
But then when I try to add the variable into the array, it doesn't work. I'm not able (apparently) to do this. Fingers crossed that I'm doing something dumb?
This doesn't work:
myarray[a][b][c] += newstringvariable;
Nor this:
myarray[a][b][c] = myarray[a][b][c] + textinput;
I'm guessing there is a very simple (probably syntax related!) solution to this. I'm open to doing this via jQuery or regular javascript.
What I have is this html:
<div class="persons">
<table>
<tr>
<td>Name: </td>
[Code]....
Now what do I write in this iteration loop to first get the text from the FIRST name and age box, in the first <table> (so I can work with tem). And in the next iteration loop get the SECOND <table>īs input fields text values?
In IE, The selector for multiple inputs is not working whereas in firefox it is. Below is the html.
<td><input id="contactInfo.shippingAddress.city" name="contactInfo.shippingAddress.city" onchange="needToConfirm = true;" type="text" value="city" maxlength="100"/></td>
<td ><input id="contactInfo.shippingAddress.state" name="contactInfo.shippingAddress.state"
[code]....
