Why this delay of Jquery animation does not work as it should be?
$(" .inner").stop().delay(1000).animate({height:'142px'},{queue:false, duration:600});
Is there any other way to delay this animation?
I'm using jQuery.serialize to retrieve all data fields in a form.
My problem is that it does not retriev checkboxes that is not checked.
It includes this:
<input type="checkbox" id="event_allDay" name="event_allDay" class="checkbox" checked="checked" />
but not this
<input type="checkbox" id="event_allDay" name="event_allDay" class="checkbox" />
How can I get "values" of checkboxes that is not checked?
On some pages youtube uses "Turn off the lights" feature.
The same can be done in jQuery. Example
The example dims the entire page background but the video player remains on the top. Why is it so?
And what is the simplest way to dim all divs except the video one explicitly?
Is there a way for a jQuery function to "skip" an li? Such as Having 3 list items, you click on the 1st one, it calls a next() function, and skips the 2nd li and goes to the 3rd.
Current code is here:
$('ul.gallery li').click(function() {
$(window).scrollTo($(this).next('li'), 800, {easing:'easeOutCirc', axis:'x', offset:-50 } );
});
I want it to skip the immediate li and go to the one after that.
I have this code inside a form of mine:
<textarea>Your message</textarea>
The html content of the tag will be emptied on focus.
I want to run some validation on this field with jQuery. First, the value of this field should not be = "". Secondly, the content of the tag should not be = "Your message".
Anyone knows how I can archive this in the most efficient way?
Im using a jquery slider and having an issue with what direction it scrolls on click. It seems to screw up after clicking the right arrow then left, but will scroll left if clicked first, weird. Is this a bug or am I missing something here? PS- Im using Chrome (Mac) but seems to behave the same with Firefox and Safari
See example
http://www.warface.co.uk/clients/warface.co.uk/blog/
Please click the red central arrow to reveal the slider.
Many thanks
Rob
I would like to select every div that has a red background color for example.
is this possible in jquery?
<div style="background-color:red"></div>
<div style="background-color:white"></div>
<div style="background-color:red"></div>
<div style="background-color:yellow"></div>
thank you
I am using Jquery's Just Another Carousel plugin and I'm having issues with something which I am not sure and because of this it's not working. I'm using this plugin because I need fixed height rather than fixed width.
This Doesn't Works (When used Refresh CTRL+F5)
any help?
I am a jQuery noobie, and have been trying to add a script to change the id of a div onClick.
Here is a jsfiddle example.
$(function accept() {
$("div:scrollwrap").attr('scrollwrap','highlight');
});?
Thanks :)
i have a set of hyperlinks with href = javascript:method('category1') and likewise category2 category3 ...
I want to select hyperlink with href containing category1 so i have written
jQuery(a[href*='category1']) but dont know why it also selects hyperlinks with category10 category11 category12 ... also
I understand that category1 is common in all of them but 'category1' should'nt be do i need to put ' with escape charaters.
Hi,
Is it possible to stop the automatic preventDefault() from applying in a simple Jquery toggle function?
$(".mydiv").toggle(
function () {
$(this).addClass("blue");
},
function () {
$(this).removeClass("blue");
}
);
The above prevents elements inside the div from responding normally to the click.
It doesn't have to be the toggle() function - anything that allows toggling a class on and off AND doesn't return false would be great.
Thanks.
I need to find which event handlers an object has registered.
eg.
$("#el").click(function(){...});
$("#el").mouseover(function(){...});
Is there anyway I can use a function to find out that- $("#el") has click and mouseover registered and possibly iterate over the event handlers.
If not a jQuery Object can we find this on a plain DOM object?
when using the jquery ui autocomplete, i would thought there would be an option to force only valid key entry based on the list. Is there anyway to not allow invalid keys so you can only enter valid items in the list?
In the following function it goes through the if and the else, why is that?
function test(){
$(".notEmpty").each(function() {
if($(this).val() === ""){
alert("Empty Fields!!");
return;
}
else{
AddRow_OnButtonClick('tblMedicationDetail',6);
}
});
}
Is there any if and else statement on jquery that I am not aware of?
Thanks
[http://jsfiddle.net/mhmBs/][1]
I tried using the method that he uses in a jquery validator plugin.. My error container is separated from the form, it is outside the form. When I use that method to validated that the user input at least one from 3 input text boxes. It validates the field, but the other items to be validated is ignored specially the items before 3 input text boxes.
I would like to use jquery to remove some tags inside mainclass, so that this -
<div class='mainclass'>
<div class='inclass'>
<a href='#'>Some text</a>
</div>
</div>
Becomes this -
<div class='mainclass'>
Some text
</div>
Thanks in advance.
I have regular javascript code and am trying to utilize JQuery just to load and parse an xml file. I have the following:
function loadXml() {
$(function() {
$.ajax({
type: "GET",
url: "my_file.xml",
dataType: "xml",
success: parseXml
});
});
}
function parseXml() {
alert("Parsing...");
}
When calling loadXml I cannot get the callback success function to execute. I am running this all locally and my_file.xml resides in the same directory as this javascript. Any ideas?
hello,
var cin = $("#datepicker").val();
var cout = $("#datepicker2").val();
dateformat is : dateFormat: 'DD, d MM, yy'
how do i use jquery to check cin(checkin) date not past cout(checkout) date? which means, cout date cannot earlier then cin date
Hi,
I have 2 scripts working ok separately but can't get them working together -
What I'm after is expanding menus where if the items exceed 10 a 'more' link appears that expands the list, which can also then be hidden.
http://www.brianfitzer.ie/test2/
expanding menu is file test12.html
toggle+limit:
toggle is file test13.html
(I have these working separately)
And then I need this to be able to be applied in multiple instances as I'll have multiple categories.
Any code help greatly appreciated! (i'm a jquery newbie so if you have full code that would be xtra handy)
Is it possible to drag stuff out of a jQuery UI dialog and drop it onto the page? I'm using html() function to move data between the dialog and the page, but it would be cool to have the drag and drop effect.
What is the equivalent of YUI 3's Y.Array in jQuery?
Y.Array() takes array like inputs and converts them into array. More info at http://developer.yahoo.com/yui/3/api/yui-array.js.html