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?
Hey Guys
Im looking for a jquery or ajax file uploader, Im currently using the FancyUploader which worked great until Flash brought out their update making all flash progress bars absolete, now whenever I try to upload large files... it will fill the progress bar to 100% in a matter of seconds even though the actual upload finished minutes after. So im now looking for a new uploading script that DOESNT require flash but can still display the progress.
Any suggestions?
I am attempting to set a value in a textarea field using jquery with the following code:
$("textarea#ExampleMessage").attr("value", result.exampleMessage);
The issue is, once this code executes, it is not altering the text in the textarea?
However when performing an alert($("textarea#ExampleMessage").attr("value")) the newly set value is returned?
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?
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'm doing some experiments with jquery n widths for a liquid column and I'm not sure why it isn't working on firefox.
It works fine on IE6,7,8 Chrome, Opera(sluggish).
I found some articles about firefox not recognizing the .resize attribute but no explanation/solution =\
$(document).ready(function(){
$(midCol).width((window,$(window).width()) - 470)
$(window).resize(function(){$(midCol).width((window,$(window).width()) - 470)
})
});
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
I used this code to get the particular column value using jquery..
$("#Grid td:first-child").click(function() {
var resultArray = $(this).closest('tr').find('td').text();
alert(resultArray);
});
How do I get the particular column value? That is, I need grid 4th and 5th column value?
I'm looking for a way to grab the custom attributes of a element with jquery.
<span id='element' data-type='foo' data-sort='bar'></span>
I'm looking to get: `["data-type", "data-sort"]` as an array.
Anyone know how to do this?
Thanks.
Is it possible to get a value from the external CSS of a page if the element that the style refers to has not been generated yet? (the element is to be generated dynamically).
The jQuery method I've seen is $('element').css('property','value');, but this relies on element being on the page. Is there a way of finding out what the property is set to within the CSS rather than the computed style of an element?
Hi,
I am trying to hide the sub menu items(ul) when it lost focus.. my structure looks something like this
<div id="ActionDiv" style="border-color: #0099d4; width: 120px; height: 100%">
<ul>
<li><a href="#"><span id="ActionHeader">Action <em>
<img src="images/zonebar-downarrow.png" alt="dropdown" />
</em></span></a>
<ul>
<li><a href="javascript:TriggerAction(1)">Send Email</a></li>
<li><a href="javascript:TriggerAction(1)">Invite to chat</a></li>
<li><a href="javascript:TriggerAction(1)">Consider For Opp</a></li>
</ul>
</li>
</ul>
</div>
In JQuery i have used focusout event to handle the lost focus.
$("#ActionDiv>ul>li>ul").focusout(function() {
$("#ActionDiv>ul>li>ul").hide();
});
But the above code is not working. can anyone recommend a way to handle the lost focus event in the ul.
Cheers
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 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?
Hello friends,
i have three subtabs under main tab, when I click main tab defauly I am dislyaing tab1 data using jquery grid, now initially I need disable the tab2 and tab3,
can any one help me out
thanks
How can I set the background-image css property of say a div using jquery? will something like this work?
$("#div").css("backgroundImage", "url('test.jpg')");
hi,
I am creating a line in canvas tag using jquery drawing library. After the line drawn the
<div id="cool"><canvas id="canid"></canvas></div>
Then on click the below code executed.
$('#canid').remove();
What happens in IE after removing, dom with canvas end tag and also line is not removed.
Please help me out!.
I need to do a custom tree with simple drag and drop functions (mainly for reordering tree nodes)
Coding from scratch, are there any guides/examples out there for getting me jumpstarted?
Oh and using jQuery of course!
I have image map like this
<map name="imgmap">
<area shape="poly" coords="63,10,64,38,89,37,91,10" href="#" id="x1"></map>
and how can I color that area dynamically with jquery like
("#x1").color('red')
?
I have used the following code to generate some dynamic checkboxes. This works for the first time and adds the check box chk2 to the page and then after the trigger for the
$('#newLink').click is not working. Please help me with this.
<div id="chkBoxesDiv">
<input type="checkbox" id="chk1" ></input>
<input id="answerText" type="text" size="30" ></input>
<input type="button" value="add new" id="newLink"/>
</div>
$(document).ready(function(){
$('#newLink').click(function (event){
var i = 0;
//To count the children
$("#chkBoxesDiv").children().each(function(){
var child = $(this);
if(child.is(":checkbox")){
i++;
}
});
//prevent action
event.preventDefault();
//get textbox value to fill checkbox
var text = $("#answerText").val();
alert(i);
//if text not empty do stuff
if(text != ""){
//add label
$("#chk"+i).after("<label for=\"chk"+i+"\" id=\"lblchk"+i+"\">"+text+"</label>");
$("#newLink").remove();
$("#answerText").remove();
$("#lblchk1").after("<br /><input type=\"checkbox\" id=\"chk"+(1+i)+"\" ></input><input type=\"text\" id=\"answerText\" size=\"30\" ></input> <input type=\"button\" value=\"add new\" id=\"newLink\"/>");
}
});
});
I've created a jquery table that from time to time needs to be cleared and the re-populated, my clear method is this:
//Clear table content before repopulating values
$('#tabela_dash2_maquinas .real-content table tr:gt(0)').remove();
Now i'm trying to use tablesorter to sort a specific column, but my problem is that when I enable the tablesorter:
//Initialize tablesorter
$("table").tablesorter();
The table clearing method is not working anymore, it just keeps adding the new data with the old data, creating a lot of repeated information.
Please help
I am using JQuery to populate a set of three cascading dropdowns which have the autopostback to false. How in the code behind do I access the selected values of the dropdowns?
function checkauth(){
jQuery.getJSON("/users/checkauthjson", null, function(xhr){
if(xhr.success){ return true;}else{ return false;}
});
}
Obviously, that does not work, but it illustrates what i want to achieve. I want checkauth to return a value which is checked against an ajax server script.
How do i do this?