What are the most recommended jQuery grid plugins out there? I've been messing around with Flexigrid which seems to be fairly decent. Are there any other noteworthy ones out there I should be looking at?
I've build a livesearch with the jQuery.ajax() method. On every keyup events it receives new result data from the server.
The problem is, when I'm typing very fast, e.g. "foobar" and the GET request of "fooba" requires more time than the "foobar" request, the results of "fooba" are shown.
To handle this with the timeout parameter is impossible, I think.
Has anyone an idea how to solve this?
I've dug the manual and tried extensivelly to drop the extra function(){...} call after the error and success to do it like mootools but to no good luck.
Is there any way i can avoid the extra function in jQuery?
function doFileDelete(ui) {
$.ajax({
error: function() { doFileDeleteAnimation(ui, false) },
success: function() { doFileDeleteAnimation(ui, true) },
url: '/url-to-delete-file'
});
}
Thank you!
Does anyone have any idea what this jQuery selector will do?
object.find('td:eq(1) div div');
I know that the td:eq(1) will get the 2nd td element in the object, but what will the 2 div's referenced at the end of the selector do?
Small question about C# language design :))
If I had an interface like this:
interface IFoo {
int Value { get; set; }
}
It's possible to explicitly implement such interface using C# 3.0 auto-implemented properties:
sealed class Foo : IFoo {
int IFoo.Value { get; set; }
}
But if I had an event in the interface:
interface IFoo {
event EventHandler Event;
}
And trying to explicitly implement it using field-like event:
sealed class Foo : IFoo {
event EventHandler IFoo.Event;
}
I will get the following compiler error:
error CS0071: An explicit interface implementation of an event must use event accessor syntax
I think that field-like events is the some kind of dualism for auto-implemented properties.
So my question is: what is the design reason for such restriction done?
I want to have site wide default settings for all jQuery validation uses on my site, I want every form to use the below settings, but then on a per form basis change the rules and messages. Is this possible?
$('#myForm').validate({
errorClass: 'field-validation-error',
errorElement: 'span',
errorPlacement: function(error, element) {
element.next('span').remove();
error.insertAfter( element )
.removeClass('field-validation-error')
.addClass('ui-state-error');
},
success: function(label) {
label.remove();
}
});
I'm trying to use jquery to load external pages into the current without reloading.
Apparently everything works fine except of one little issue, I hope I'll be clear as much as possible.
When I call the page 'info.php' it is loaded into the #content div. That's what the script supposed to do, the problem is that in the main page, which contains the script and the #content div, I already have some code that I want it to be executed when someone visit the page and not to be called from external page. That is actually the case but when I click on one of the links in the menu, I can't go back to the initial content..
<script>
$(function() {
$('#nav a').click(function() {
var page = $(this).attr('href');
$('#content').load(page + '.php');
return false;
});
});
</script>
<ul id="nav">
<li><a href="#">Page1</a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>
<li><a href="info">Info</a></li>
</ul>
<div id="content">
Here I have some code that I wanted to be attributed to the "Page1"
</div>
Do you have any suggestions how to fix this issue? Thanks
Hi,
I'm using jQuery validation in ASP.net MVC. I would like to show validation summary and also individual error messages besides the control. I can do either one at a time. So it would be really helpful to know how can I display both.
Thank you.
I have a submit button which has been working to submit my form in ASP.NET-MVC.
I would like to attach a jQuery dialog to the button click. If the user exits out of the dialog, then I would like to exit from the submit as well.
I have dialogs hooked to other buttons, but not submits. How can I do this?
Hi
I'm just wondering if anybody else can manage to get the tolerance:'fit' option to work when using the 'droppable' feature in jQuery's UI?
I want to call a function only when the draggable div is dropped perfectly onto a droppable div. Both divs are the same size and I'm using snapMode:outer to help the end user.
I simply cannot get it to work with 'fit'. Works perfectly with 'intersect'.
Would really appreciate some help.
Thanks
Chris
I am looking for suggestions on the easiest to set up and use AJAX Autocomplete plugin that will use JSON key/value pairs. I want a plugin that supports setting the form value to the key of the name selected.
I have been working with jQuery UI Autocomplete, but it is a total pain in the rear to get this working. Does anyone know of anything that actually supports this out of the box, or have a thread or page where this is already detailed?
anybody knows how to make the jquery dialog not resizable ?
I call it like this atm :
var elem = $("#mydiv");
elem.dialog({
modal: true,
title: 'title',
buttons: {
Ok: function() {
$(this).dialog('close');
} //end function for Ok button
}//end buttons
}); // end dialog
elem.dialog('open');
hi
when I append jquery datepicker to my asp textbox, by clicking on it, my browser auto shows the history of the dates i typed in a dropdownlist. Can I prevent this?
Set textbox to readonly isn't a good idea because asp.net doesn't read the values from read only fields in code behind.
any other ideas?
thank you and best regards.
marc
jQuery('#alternatives').accordion({
header: 'div.AirlineHeader',
active: false,
alwaysOpen: false,
animated: 'bounceslide',
autoheight: false
})
My accordian is having many panes. The problem is when I click it first, it works OK but second time it doesn't have constant height, Instead it is having a greater height value.
Should I add another option or anything for that ?
I'm trying to create a page that allows a user to change the "look and feel" of the site. I would like to use something similar to jQuery's ThemeRoller or FireFox's Developer Tool.
I can't force the user to use Firefox and I don't need all the options that the ThemeRoller has. I'm really only looking for header, background, font size and font type.
Any suggestions?
Thanks
Hello, I am trying to show and hide a few form fields dependent on the value of one of my select fields, I am looking to use arrays to to hold what should be show and what should not be show for each select value, to save me from a massive switch statement, but cannot figure out to do it.
I am using PHP and Jquery. Any help would be great.
Hey,
anyone knows a jQuery plug-in for text zoom a-la MAC OS X "Large Type" function in Address Book? I'd use it for the same situation - to show full-screen phone number after clicking on it.
Cheers
jQuery Validation plugin has "element" argument for required rule. I know how to use it for inline functions but what if I want to pass it to out-of-line JS function? I tried this:
rules: {
startHours: {
required: startTimeRequired(element)
},
but it didn't work.
I am using jQuery validate for client side validation and I want to ignore any element that has the style="display: none"
$("#myform").validate({
ignore: "?"
});
What would my selector be for that in the above case?
hi, I'm using jquery-plugin columnizer
http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=columnizer
for this website: http://donatellabernardi.ch/drupal
It is sometimes very slow to create the columns (you can try changing the browser window size, or selecting a filter.
Sometimes Firefox gives the error message: "Unresponsive Javascript script" and I have to press on continue to continue the navigation.
thanks
Hi,
I was wondering whether there's a way of using multiple selectors in jQuery and setting different values for them IN ONE CALL.
E.g.:
$(selector1, selector2, selector3, ...).css({left:[532, 112, 453, ...]});
Thanks in advance
I am using jQuery validation plugin and Watermark plugin. The problem I am facing is when i applied a watermark to any input field for which validation is also applied then validations are failing
For Example:
<input type=text name=myinput class="required">
and I applied a watermark for this field in document ready function:
$("#myinput ").Watermark("myinput ");
This is the sample case where validation is failing as value=myinput is set for input field which is watermarked.
I'm using JQUERY animate to show a banner at the top of the page, which is a DIV that is set to top -60 to hide it. I'm using the following JS call to show the div:
// Animation
$('#message-dock').animate({
top: 0
}, 500, function() {
// Animation complete.
});
What I can't figure out is for some reason there is an unwanted delay before I start seeing the div and I can't figure out why? Any Ideas?
All,
Is there a jQuery timer which can start a timer for 20 minutes and display time elapsed? Please point me to a small code for it.
var austDay = new getTime();
austDay = new getSeconds(austDay);
var duration = 1200;
duration += austDay;
Thanks