JQuery :: Binding Multiple Elements Without Using Selector

Dec 21, 2010

I am learning jQuery now and have a big interest in this javascript framework. I am trying to bind an event to more than one element. I won't meet any problem if using selector. But now, I've created a function which I will pass the element. And I need within this function, to bind the code. This is my current code :

function updateDay(dayObj, monthObj, yearObj){
//I want to bind both monthObj and yearObj.
yearObj.change(function(){
//do something
});
monthObj.change(function(){yearObj.change()});
}
$(document).ready(function(){
updateDay( $("#day"), $("#month"), $("#year"));
});

As you can see, I must bind twice, once for yearObj, the other for monthObj. Is there anyway to bind the change() event only once? If there are some logic mistake in using function or such as feel free to point out, since I still haven't read all the documentation yet.

View 1 Replies


ADVERTISEMENT

JQuery :: Binding (live ? On ?) Paste On Forms Elements With IE?

Jan 5, 2012

I've found this this closed ticket and nothing more ...JQUERY cannot detect pasting text when the browser is IE8 or older version ...

View 4 Replies View Related

JQuery :: Binding Events To Dynamically Created Elements That Do Don't Exist At All On Page Load

Jul 26, 2010

In the examples for live() and delegate(), the selectors match at least one element that already exists. Will either of these commands work on elements for which there is no match at all on page load?

In my case, I want to bind a keyup event to the textareas that jeditable creates. I could probably create custom plug-in (to the plug-in :) to do the job, but I'd like to use live or delegate if they would work.

View 2 Replies View Related

JQuery :: Binding/stacking Multiple Actions To One Event On An Element At Two Different Times?

Jan 20, 2011

We know that multiple calls to $(document).ready(); in the same page is possible.

I have a situation where another team implemented a $('#element').live('click', function() { /* Do this */} ); call on #element. I cannot modify this code, but I need to take an additional action on the same element on the same event. So, two actions will occur when #element is clicked.

I tried making $('#element').live('click', function() { /* Do that */} ); but this call does not fire.

It needs to be .live() since #element is being dynamically added.

Is there any way to add more actions to the same event on #element?

View 8 Replies View Related

JQuery :: Selector Does Not See Elements Created On-the-fly?

Mar 12, 2010

I have an element generator using jquery, However, elements generated were not affected by the event (click) even though they match tag and class name.

Code:
<html>
<head>

[code]....

View 4 Replies View Related

JQuery :: Adding DOM Elements And Accessing A Selector?

Mar 15, 2011

I return json string and loop through the results putting items in Div's and want can't seem to access the class attribute / selector.

$.getJSON(strUrl, function
(data) {
var
items = [];

[Code].....

View 1 Replies View Related

JQuery :: Selector On Existing Collection Containing DIV Elements

Jun 3, 2010

Let's say $pages is a collection containing all div elements that have an id of page1 or page2. From this, I wish now to select now only the page div (i.e page1 or page2) that contains a descendant with a class of 'A'. Tried lots of things, just can't get the format right.

View 5 Replies View Related

JQuery :: Using .find() With Class Selector For All Child Elements?

Sep 6, 2011

I've been fiddling around with a bit of javascript in a chrome extension - something to alter the Google buzz webpage.I'm trying to find each individual post basically and have the following:

var entry =$('.X0POSb'); //This main block contains the bulk of Google buzz content
console.log(entry);
var items = entry.find('.G3.G2');

[code]...

View 4 Replies View Related

JQuery :: Get Each Element In A Multiple Selector?

Jun 3, 2009

This is my first post, I've searched for a solution and thought I'throw this up here. I am passing two elements to a custom function like so:

[Code]...

View 1 Replies View Related

JQuery :: Selector With Multiple ORs And ANDs

Nov 21, 2011

Is there a more elegant way of combining ORs and ANDs in a selector? I have a long list that I'd like to simplify similar to the example below that is based on multiple classes.

<div "style=width:100px";>
<div class="A B">
No </div>
<div class="A C ">
Yes </div>
<div class="A D ">
Yes </div>
<div class="A E">
Yes </div>
<div class="A F">
No </div>
<div class="B C ">
Yes </div>
<div class="B D ">
Yes </div>
<div class="B E">
Yes </div>
<div class="B F">
No </div>
<div class="C">
No </div>
</div><script>
$(".A.C, .A.D, .A.E, .B.C, .B.D, .B.E").css("border", "3px solid red");
</script>

View 9 Replies View Related

JQuery :: Selector Not Selecting Multiple Checkboxes IE?

May 26, 2010

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]....

View 2 Replies View Related

JQuery :: Multiple Image Buttons To Show / Hide Multiple Elements

Sep 27, 2010

I am using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements. My question is how can I add a cookie to this code to remember whether each separate element is opened or closed?

The code,
$(document).ready(function() {
// choose text for the show/hide link - can contain HTML (e.g. an image)
var showText='<div class="expanddown"></div>';
var hideText='<div class="expandup"></div>';
// initialise the visibility check
var is_visible = false;
// append show/hide links to the element directly preceding the element with a class of "toggle"
$('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>');
// capture clicks on the toggle links
$('a.togglelink').click(function() {
// switch visibility
is_visible = !is_visible;
// change the link depending on whether the element is shown or hidden
$(this).html( (!is_visible) ? hideText : showText);
// toggle the display - uncomment the next line for a basic "accordion" style
//$('.toggle').hide();$('a.toggleLink').html(showText);
$(this).parent().next('.toggle').slideToggle('fast');
// return false so any link destination is not followed
return false;
});
});
HTML,
<a class="togglelink" href="#"></a>
<div class="toggle">
Content
</div>

View 6 Replies View Related

JQuery :: Calling Trigger On A Selector That Returns No Elements Stops Execution?

May 15, 2011

I've got a list in which each item has a link that shows and hides a div, and also changes text of the the link. I want to write the code like this:

$(".log a").click(function() { $("#panel-" + $(this).data("build_id") + ":hidden").trigger('showLog'); $("#panel-" + $(this).data("build_id") + ":visible").trigger('hideLog'); return false; });

... but that doesn't work. It seems as though if the first selector returns no elements that the 2nd line is not executed. I might be wrong about the diagnosis, but the symptom is that I can show the log, but can't then hide it, whereas if I start with all the panels visible and remove the first selector, the hideLog event is triggered as expected.What does work is this:

$(".log a").click(function() { var panel = $("#panel-" + $(this).data("build_id")); if (panel.css("display") == 'none') { panel.trigger('showLog'); } else { panel.trigger('hideLog'); } return false; });

[code]....

View 7 Replies View Related

JQuery :: Use Not Selector To Select Object Which Doesnt Have Specific Child Elements?

May 12, 2011

I want to do something like this

<div>
<p>
<p class="active">

[code]....

View 7 Replies View Related

JQuery :: How To Pick Current Selector From Multiple Options

Feb 22, 2010

$("#div1, #div2, #div3, #div4).click(function(){
//Get the Current Selected Picked
//I Would like to get if the item clicked was the Div1 or Div 2 or Div 3 so I can make changes in the selector chosen
});
How do I do that? It's really simple but I tried $(this) but does not work.

View 2 Replies View Related

JQuery :: Multiple Classes Selector Causing Trouble?

Sep 19, 2009

In order to allow users to filter content, I've created a small checkbox list. To each checkbox is attached an ID, and too some divs on the page are attached these id's too (in the class attr that is); one div can be attached to multiple id's, and so have multiple classes.

In order to show or hide my div's I wrote :
function couponsVisibles(){
$('.checkInteret').each(function(){
var coche = $(this).attr("checked");
if (coche) {
var idCoupons = $(this).attr("id");
$(".zoneCoupon , div[class='" +idCoupons+ "']").each(function(){
$(this).fadeIn();
});
}});
}
$(".checkInteret").click(function(){
var coche = $(this).attr("checked");
if (!coche) {
var idCoupons = $(this).attr("id");
$(".zoneCoupon , div[class='" +idCoupons+ "']").each(function(){
$(this).fadeOut();
});
}couponsVisibles();
});
It looks like my selector "$(".zoneCoupon , div[class='" +idCoupons+"']")" doesn't work, but I can't figure out why. I've started using the [attribute*=value] selector, but this selector doesn't seem to make a difference beetween class='8 10' and class='8 1'...

View 1 Replies View Related

JQuery :: Event Handling DOM Elements After Ajax .load() - Cannot Bind Selector To ContextMenu Plugin

Nov 11, 2011

I'm trying to load some html content into a page via the ajax .load() method (wrapped within the $(document).ready() function).After I execute this, I'd like to bind all new span elements from the loaded content to a context menu plugin like this:

$("#selector").contextMenu({
menu: ''myMenu''
},

[code]....

Unfortunately since the span elements are coming from the ajax request,I don't think I can bind a normal event handler as per the plugin. [URL] how to use event bubbling in this situation.

View 3 Replies View Related

JQuery :: Cycle Plugin [cycle] Terminating; Zero Elements Found By Selector?

Feb 21, 2011

I'm using the Cycle plugin to display images for some of my past projects onhttp:[URL]..projekteMy problem is that in Chrome i get the above error in console.([cycle] terminating; zero elements found by selector) I have tried manually initializing the Cycle plugin for every project div and that did not help so I went back to my initial code:

[Code]...

View 4 Replies View Related

JQuery :: Selector For All Elements That Are Not Type=text Or Type=textarea?

Feb 22, 2010

I need to add an event for all elements that are not text entry.I have tried this

$(':not(input:text, input:textarea)')
$(':not(:text, :textarea)')

I tried to get it to work for just not type=text

$(':not(:text)')
$(':not(input:text)')

I can't seem to figure it out.

View 5 Replies View Related

JQuery :: Selector "does Not Contain" Within Multiple Selectors?

Jan 14, 2012

i'm trying to selectan input element with multiple selectors:- input element'sclass contains "submitText"- input element'sclassDOES NOT contain "ui-focus"- input element's name is "myName"it should look somehow like this:

$(' input[class*="submitText"][class!*="ui-focus"][name="myName"] ').attr('value', value);
i know !*= does notexist. but what elsecan i use?
i also tried somethinglike this:

[code]....

View 3 Replies View Related

JQuery :: Using Each() For Multiple $('table') Elements

Jun 10, 2009

I've selected multiple tables and tried to use each for applying cornering to each table. Inside the callback function, I try to find the first/last table cells to apply cornering for each corner. However, when there are multiple tables it looks at _all_ the tr elements for the first/last rows. See example code:

// Add cornering to tables
$('table.corner-me').addClass('ui-corner-all').each(function(){
var $table = $(this);
$table.find('tr:first :first-child').addClass('ui-corner-tl');

[Code].....

View 1 Replies View Related

JQuery :: Loop Through Multiple Elements?

Apr 11, 2011

Can someone explain to me the best way to loop through the geocode and marker (google maps) part of this code for all of the elements with the "address" class using jQuery (or javascript if need be). I tried wrapping the contents of the codeAddress function in $(".address").each(function () {... and replacing the getElementById with a jquery selector, but I still seem to be lost.

[Code]...

View 2 Replies View Related

JQuery :: Remove() Multiple Elements?

Oct 2, 2010

I have this query that does what I want it to do, find the class and remove an extra element within its parent:

$(".emptyTopNavOption").parent().children().first().remove();

But when there are multiple classes, it only deletes the first element in its query. As a successful test, I appended some CSS to ensure the query selected all classes and added a border to each element. So why does remove() not work? Is it a bug or is my query missing something?

View 1 Replies View Related

JQuery :: Sum Height Of Multiple Elements?

Nov 14, 2011

I just started using jquery a few days ago and am already addicted.Now I am trying to figure out one thing which I can't seem to get answered by Google:I am building a dynamic website where at one place there will be an unclear number of div-elements. So there can be none, just one or several.The plan is to show them by a click on a button via slideDown(). So I wrapped them with another div.wrapper via wrapAll(). This works nicely for any number.Now the thing is: if my .wrapper has no specified height, the slideDown jumps - which doesn't look very nice.So I gave it a height:$('.wrapper').css({'height': $('div').outerHeight()});Presto, the animation works smoothly. But this works only if there's just one div.

View 2 Replies View Related

JQuery :: Targeting Multiple Elements

Dec 24, 2009

I am putting together a validation function and am having trouble with targeting multiple elements.[code]an onclick event fires my validation function. If any of the fields are empty, the appropriate error message should display.This sort of works. If all of the fields are empty, only the error message of the first element is displayed, not all 3.

View 1 Replies View Related

JQuery :: Using The Same Animation On Multiple Elements?

Aug 18, 2010

I am performing the same animation three different times on three different elements. Is there a more efficient way to do this?

Here's my code:
$('.tier1').animate({opacity:.2}, 500)
$('.tier2').animate({opacity:.2}, 500)

[code]....

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved