When the window loads, I want a function to check all text fields with a certain class if there is a value. If there is no value in the text field the value 0 will be set to the field. So far this is my code, but it does not work:
$(window).load(function() {
$(".classx,.classy").(function() {if ($(this).val() == "") {(this).val("0")}});
});
is there a way in jQuery to bind variables to function calls similar as prototype.js does it? See [URL]
E.g. in the slideUp method of jQuery you can specify a callback that is called after the effect has finished. I would like to bind a variable to this call so that it is used inside of this callback as a closure.
Using jQuery, how do I make a function to execute when users press Ctrl+Q? Or other combinations of Ctrl and a key.
View 3 Replies View RelatedI try to load some contentof the .load() function. this works like a charm. See my code here:
$('#index').load('link.html #content', function() {
$('#index').animate({'opacity':1},site_transition_speed);
show_loader("hide");
[code]....
I have created a drop-down menu using jQuery, here: [URL]. It works just fine, but as you can imagine, I want each drop-down menu to work independently of the others. I understand what's happening and why it happens, but am unsure of the best course of action. I need it to be dynamic, meaning we really never know how many drop-down menus will be on the screen; could be 2 could be 22? So how do we bind the function to each drop-down so they can work independently? Probably some different ways to skin this cat, but what is the best way? Here's my javascript: [URL].
View 1 Replies View RelatedI use the live - method to bind a handler to a click-event for all links with class "userDiv"
When I DON'T use this and use instead the "normal" click handler
I can still use the middle Mouse-Button in Firefox to open the link in a new tab without any jquery-stuff
But when I use the live-method (and it would be nice to use it) the middle Mouse-Button behaves like the left one.
I have created a function, function test [code]...
I want to bind this function for click event using $('#btnsave').bind("click",function(){}) in jquery
How can i do this?
Is there a jQuery way of doing this Prototype bind?
var func = myFunction;
setTimeout
func.bind
this
, 1000
;
I have some jQuery.ajax() calls. It'is all the same but success function and I'd like get less code by taking all ajax calls in the same function.But I need one additional parameter I am using later in the success function, for instance.My actual code is like this:
jQuery.ajax(myParam){
...
success: function(responseData){[code]....
But I can't manage to archieve that.
Lets assume I have the outer div ( class= outer) which has inside of it 5 inner divs (class = inner) and one button (id = buttonID).
I want to bind a click on the button. (DONE)
The button will call a function to fadeOut(5000) the divs. and then fadeIn(5000) (DONE)
If I press the button while the fading is happening then another fade "queue" will add to the one happening.
I want to unbind the click while the effect starts. (DONE)
I want to queue the binding to the button after the effect have ended. (NOT DONE!!!)
.queue() refers to an element while I have different elements.
.setTimeout is not an option because the time is not standard.
Can I do something like:
$('body').queue( function() {
function to select the divs and fade them
})
.queue( function () {
function to select the button and bind the click
});
I have multiple inputs with names like "price1","price2" etc. and they added in the document dynamically after a user event.
I want to bind a function to them so everytime a change event occur to each one, i can calculate the new price. I try to use $("input[name*='price']").each(function(index){}); but I can't to this with live method and combine the change event too.
How do I replicate this click action within abind('hashchange') function?
$("#menu > li > a").click(function() {
$("#menu > li > a.expanded")
.not(this)
.toggleClass("expanded")
.toggleClass("collapsed")
[Code]...
I am new to this discussion but hope you would post reply for my query and encourage me to keep in touch with this discussion. Well here is my problem. I have made an edit in place form in which we can add and remove the elements. I have used jquery.jeditable.mini.js and jquery.duplicate-remove.js plugins for edit in place and add and remove action. I have live() function to access the dynamically ganerated elements like this. $(".addressDiv span").live("mouseover", function(){
clickable function here...
[Code]...
I am getting a Safari only error: TypeError: Result of expression near '...}.bind(this))...' [undefined] is not a function.These are lines 88-92:
$(this.options.work).each(function(i, item) {
tmpItem = new GridItem(item);
tmpItem.getBody().appendTo($("#" + this.gridId));
[code]...
I'm using jquery to make it easy for AJAX calls.
So I create a class: function cMap(mapID){//vars and stuff}
I go and prototype a function: cMap.prototype.loadMap = function(){ //jquery AJAX call }
Now in the jquery $.ajax({...}); call, I use an anonymous function on the "success:" call: success: function(data){ this.member = data; }
My problem is that inside this anonymous function call I'm trying to call a class member of my cMap class to store the data in from the AJAX call, but it's out of scope. So the JS console in FF/Chrome throws errors about bad value/doesn't exist.
How can I access this class member from inside an anonymous function? Or at least what's a good way to go about doing all this?
Im trying to extract text data within a table row.
Can I combine the id and class within the .each function. Do you have an example.
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.
Is there a function to tell jquery to only do something on the first instance that matches then to stop. For example I add a class to a LI to an UL with the below but it adds the LI to all ULs under it.
$("div#container ul").prepend("<li>Home</li>");
Original code:
<ul><li>
<ul><li>item</li>
</ul></li>
</ul>
Code needed:
<ul>
<li>Home</li>
<li><ul>
<li>item</li>
</ul></li></ul>
Currently Output code:
<ul>
<li>Home</li>
<li><ul>
<li>Home</li>
<li>item</li>
</ul></li></ul>
I'm sure this is much simpler than I have been making it seem in my head so I'm giving up and asking Basically I have a html document being dynamically created by php. In the markup I create some divs (the number of which changes between pages) all of which belong to the same class (class="div") and have id's of the same format (id="div_90001" or "div_88926773"). What I want to do is perform a function on eachelementin the class and extract the number in the id and then perform a function with the number (AJAX) and then return the results to the div (probably some extra markup)
I can handle all the AJAX parts, the extracting of the id number etc... I just can't make a function that will work on all elements in a class. I fear I am not making much sense, I'll try again cos I don't think I'd understand what's above. I have some divs that belong to a class, I want to perform the same function on each of the elements in the class. How is this done?
I'm using jquery file upload - when each file has uploaded, the name of the file appears, and I've added a check button:
<td colspan="2"><span class="ui-icon ui-icon-check"></span></td>
What I'd like to do is make jplayer fire off a "ding" sound as soon as each file is up.
For example (just to test)
$('.ui-icon-check').live('click', function() {
$(this).css("background-color","yellow");
});
needs an action, like a click or a mouseover or something. For each file that arrives, and therefore adds another instance of ui-icon-check, I'd like to fire an event. A weekend of googling has really only turned up Live Query from 2007, which works perfectly with
$('.ui-icon-check').livequery(function(){
$(this).css("background-color","yellow");
});
[Code]....
So am I totally mis-understanding the point of live, or just mis-using it?
I'm doing it this way rather than mess with the uploader code as he's updating the code all the time, and the more I can stay away from code code the better I think.
I'm new to jquery, and I'm trying to use multiple dynamically generated buttons (removal from a list), that look like this:
<div> item #1 <input type="submit" name="remove_mailinglist_1" id="remove_mailinglist_1" value="Remove" class="remove_mailinglist"> </div>
<div> item #2 <input type="submit" name="remove_mailinglist_2" id="remove_mailinglist_2" value="Remove" class="remove_mailinglist"> </div>
[Code]......
Three quick questions:
1. Why might this function not get triggered? (I set a breakpoint and it never makes it into the click function.)
2. How could I tell which "Remove" button was pushed? Where can I find the data in scope?
3. Is there a more standardized way to do what I'm doing?
I'm trying to create a two-part animation: On mouseenter over a thumbnail image, the background area expands. Then, once the background has reached full size, I add a class to the text content so that it gets displayed.My problem is that the text content only displays sometimes and I can't determine why this is the case other than that it has something to do with the callback. If you roll over the thumbnails, sometimes you see some text information below the image and sometimes you don't. Why? You should always see that text information.
$(document).ready(function() {
$(".thumbs").delegate(
'li',
[code]....
I have a form that is initially submitted by normal submit button, but after that I want it to resubmit on change(). I thought I'd be able to pick up the secondary change()s by adding a class to all of the inputs. However I now understand that won't work by default because the change() can't be attached to the class added by the the submit() as it didn't exist at the time, it was added by Jquery. I've since discovered on() but I'm now stuck on where to include it.
Here's the script so far:
The submit() adds the 'stu' class, and then the change() tries to select it but can't
<script>
$(document).ready( function(){
$("#search_choices").submit( function(evt){
runSearch();
$("input").addClass("stu");
evt.preventDefault();
});
});
$('.stu').change( function(){
runSearch();
});
function runSearch(){
var sFor
= $("#for").val(),
sWhere
= $('input[name=where]:radio:checked').val();
$("#search_results").load('search.php', { where: sWhere, treb: sFor } );
};
</script>
I'm trying to swap the class of an element when it's clicked on. Using jquery 1.6.1, here's what it looks like:
[Code]....
Now, for the sake of brevity�*i omitted some other stuff that is happening when they're clicked on. The problem is that the click event for .unchecked_container is firing fine and the class is changed, BUT when clicked on again�*the '.checked_container' click event is NOT firing.
My code: [URL]... When I click on Upraviť in class edit I need add some HTML code to begin and to end of class entry how to I can select class entry in the same class post on which I clicked?
View 1 Replies View RelatedI just want to make a note of a recent fix I installed that was confusing me for quite a few days, just in case anyone else has the same problem.I have a menu which will slideDown and slideUp as the user traverses it. Each node of the menu was binded to a function that did the logic.When the frame was small enough to force a scroll bar, clicking on any node, no matter where the scroll bar was, would force it to the top.Originally, I had
Object.bind("click", handleFunction)
To fix the problem, I changed the above code to:
Object.bind("click", function(event) { handleFunction(event); return false; });