[jQuery] Re: better examples for UI DatePicker?
wick, I made that default skin and there is no offense taken. The idea behind the default skin was to not use images, allowing people to make up their own as easy as possible. I've seen some AMAZING styles for UI Datepicker, but unfortunately they were proprietary (someone paid them and owns rights) to the skins. Overall there has been much praise about how easy it is to customize UI Datepicker's skin vs other datepickers. However, recently I received a better default theme and will integrate it soon -- so you won't have to hold your breathe for too long! I don't think it has been bad for datepicker's success either, because it is the functionality that we have poured our hearts into. There are 50+ customization options and almost 30 translations for a reason. Optimization (faster and smaller code base) is the main priority right now, but I will be updating the default theme as well. I've been wanting to create a whole suite of themes too, but that will come when motivation strikes. Thanks for your feedback, Marc Grabanski http://marcgrabanski.com On Apr 2, 2:38 pm, wick [EMAIL PROTECTED] wrote: No one has any better styles done? That hurts. On Apr 1, 8:44 am, wick [EMAIL PROTECTED] wrote: No offense to anyone involved with creating the default examples, but I think the default and especially the alternate UI DatePicker styles are awful. I realize they are meant to be a starting point for people to customize. In theory that sounds like a good idea, but in reality it's probably detrimental to DatePicker's success. Customizing the calendar [and doing it well] takes a fair amount of CSS/graphic design work I doubt many jQuery users have the skills and/or the time. For those who aren't familiar with them, Calendar for MooTools' three default styles are phenomenal (link below) - clean, professional modern looking. Compare them to the DatePicker default styles you'll see what I'm talking about. I'd love to see a calendar style of similar quality available for UI DatePicker. jQuery UI DatePicker:http://marcgrabanski.com/code/ui-datepicker/ (click the Stylesheets tab for the alternate style example .. pretty clunky) MooTools Calendar:http://www.electricprism.com/aeron/calendar/ Anyone have any better examples of UI DatePicker styles?
[jQuery] Re: Full size Calendar
I have not seen one. There are a few commercial solutions, but I have yet to see a good open source implementation. On Feb 29, 11:13 pm, waf771 [EMAIL PROTECTED] wrote: Has anyone developed a full size calendar, like a day planer etc. Similar to google calendar???
[jQuery] Re: simplemodal and datepicker
I've had a lot of questions about modal windows and UI Datepicker, so I created a demo example using thickbox: http://marcgrabanski.com/code/ui-datepicker/extras/thickbox-datepicker I hope that helps. On Jan 30, 10:55 am, Eric Martin [EMAIL PROTECTED] wrote: On Jan 30, 6:13 am, rayfidelity [EMAIL PROTECTED] wrote: Hi, I want to enable datepicker in the modal window that opens...datepicker works fine for itself but i cannot get it to work in modal. Any ideas? Can you clarify what you mean by cannot get it to work in modal? Modal window is loaded through ajax... Do you have a page or code that we/I can view? -Eric
[jQuery] Re: ui.datePicker and clone() issue
Could you provide a link to the code actually running? It is hard to
debug code without having the entire context. Thanks.
On Jan 2, 6:38 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote:
hi,
In a form, I'm cloning a number of times a portion of html that
displays a sub form. Now, that subform contains date input fields
which *should* display the date picker plugin. The plugin works fine
on other input dates, but not on the cloned ones.
I tried previously with the masked Plugin and i also had issues with
it, so i suspect i'm the faulty one here...
Any idea what i 'm doing wrong?
Here is the cloning code if that can help:
$.datepicker.setDefaults({
showOn: 'both',
buttonImageOnly: true,
buttonImage: '../_js/jquery_plugins/ui/datePicker/3.2/
calendar.gif',
buttonText: 'Calendar',
dateFormat: 'dd/mm/yy',
speed: 'fast'
});
$(.isADate).datepicker();
// more code .. then comes this:
$('#weekamount').bind(change, function(){
$weeks = $(this).val();
$('.newWeek').remove();
for (i = 0; i $weeks; i++) {
$('#templateUI legend').text('Semaine ' + parseInt(i +
1));
$
('#templateUI').clone(true).fadeIn(slow).addClass('newWeek').attr('id',
'#templateUI' + i).appendTo('#addWeekUIholder').css({
backgroundColor: yellow
}).animate({
backgroundColor: 'white'
}, 1000);
//$(.newWeek .isADate).mask(99/99/);
$(.isADate).datepicker();
}
});
[jQuery] Re: jQuery UI DatePicker in use by Google
I posted my reaction to the news: http://marcgrabanski.com/article/96/Google-Uses-UI-Datepicker/ Thanks for letting everyone know, Rey. On Dec 28, 3:37 pm, Rey Bango [EMAIL PROTECTED] wrote: Google continues to leverage jQuery, this time using the jQuery UI Datepicker plugin: http://code.google.com/events/add/ Congrats Marc! You must be a proud daddy! ;) Rey
[jQuery] Re: [NEWS] Getting jQuery Adopted in Corporations
I guess I should digg my own post, hehe. Thanks for the mention, Rey! On Dec 6, 6:31 pm, Guy Fraser [EMAIL PROTECTED] wrote: [EMAIL PROTECTED] wrote: Although I keep coming up against the following: 1. Is jQuery going to be here for the long term? 2. Why not use prototype, what are the benefits of jQuery over it? We're hitting those two questions on a regular basis. The first is pretty easy to deal with - jQuery is growing rapidly both in terms of available plugins and sites using it. It also has books, blogs and vibrant community. As for the second one, that's a problem. Prototype is entrenched in a lot of organisations and developers don't like ditching their tried and tested libraries for something new. However, in certain circumstances Prototype is a major nightmare because it's not namespaced - drop it in to a portal environment and generally everything goes pearshaped. Guy
[jQuery] Re: Pretty Calendar Plugin
Weepy, those datepicker skins are very nice! I've seen great skins for jQuery UI Datepicker as well, but unfortunately they were proprietary and could not be released to the public. Pretty datepicker skins are certainly on my task list for UI Datepicker, and until then it is easy to make skins so if you are a designer the process is fairly simple. Marc Grabanski http://marcgrabanski.com On Nov 29, 11:16 am, Jean [EMAIL PROTECTED] wrote: And they are very good in this uhn =p Let jqueryfy them \o/ On Nov 29, 2007 2:59 PM, Rey Bango [EMAIL PROTECTED] wrote: Mootools itself is not the best for interfaces. Mootool users, though, appear to go to great length to style their apps nicely. Rey Jean wrote: Mootools always the best for interface =/ On Nov 29, 2007 2:37 PM, weepy [EMAIL PROTECTED] wrote: http://www.electricprism.com/aeron/calendar/ Unfortunately it's in MooTools - would it be difficult to port ? -- []´s Jeanwww.suissa.info Ethereal Agencywww.etherealagency.com
[jQuery] Re: DateJS: Robust Date manipulation library
25k is a lot for Javascript, yes but include it in the bottom of your page and the 25k will be the last to process while not holding your page captive. This works great for anything form related because date entry is usually lower in the page/form. For dates, functionality matters over size. Marc Grabanski http://marcgrabanski.com On Nov 27, 8:12 pm, Erik Beeson [EMAIL PROTECTED] wrote: Hello all, This came through my feed reader this morning, and I thought it looked like the kind of thing jQuerians might enjoy: http://www.datejs.com/ It's a Date library with lots of parsing capabilities and jQuery style chainable syntactic sugar. It's ~25k minified (!), so it's probably not for everyone, but I can imagine a lot of places where something like this would be very helpful. Cheers! --Erik
[jQuery] Re: jQuery Ajax throws parseerror in IE
I solved this problem by modifying the results of Google's Ajax
method.
GDownloadUrl(XMLPath, function(data, responseCode) {
if(responseCode == 200) {
var xml = GXml.parse(data);
$('node', xml.documentElement);
} else if(responseCode == -1) {
alert(Data request timed out. Please try later.);
} else {
alert(Request resulted in error. Check XML file is
retrievable.);
}
});
On Nov 16, 5:04 pm, 1Marc [EMAIL PROTECTED] wrote:
Here is an update. I tried using Google's API for Ajax and it is
returning the data but I am unable to parse it with jQuery.
CODE
GDownloadUrl(object.path + '?' + object.data, function(data,
responseCode) {
if (responseCode == '200') {
$('node', data);
}
});
OUTPUT firebug outputs this:
ret[i].getElementsByTagName is not a function jquery.js (line 23)
On Nov 16, 4:07 pm,1Marc[EMAIL PROTECTED] wrote:
When using jQuery Ajax, I am receiving a parseerror in IE (Firefox
Safari work). Has anyone run into this before - and know how to fix
it? Or something I can at least try.
CODE
object = {
path : 'data.xml',
data : 'lat=40.935lng=-125.000'
}
$.ajax({
url: object.path,
data: object.data,
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert('Error loading data: ' + textStatus);
},
success: function(xml){
...
}
});
OUTPUT 'Error loading data: parseerror'
[jQuery] jQuery Ajax throws parseerror in IE
When using jQuery Ajax, I am receiving a parseerror in IE (Firefox
Safari work). Has anyone run into this before - and know how to fix
it? Or something I can at least try.
CODE
object = {
path : 'data.xml',
data : 'lat=40.935lng=-125.000'
}
$.ajax({
url: object.path,
data: object.data,
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert('Error loading data: ' + textStatus);
},
success: function(xml){
...
}
});
OUTPUT 'Error loading data: parseerror'
[jQuery] Re: jQuery Ajax throws parseerror in IE
Here is an update. I tried using Google's API for Ajax and it is
returning the data but I am unable to parse it with jQuery.
CODE
GDownloadUrl(object.path + '?' + object.data, function(data,
responseCode) {
if (responseCode == '200') {
$('node', data);
}
});
OUTPUT firebug outputs this:
ret[i].getElementsByTagName is not a function jquery.js (line 23)
On Nov 16, 4:07 pm, 1Marc [EMAIL PROTECTED] wrote:
When using jQuery Ajax, I am receiving a parseerror in IE (Firefox
Safari work). Has anyone run into this before - and know how to fix
it? Or something I can at least try.
CODE
object = {
path : 'data.xml',
data : 'lat=40.935lng=-125.000'
}
$.ajax({
url: object.path,
data: object.data,
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert('Error loading data: ' + textStatus);
},
success: function(xml){
...
}
});
OUTPUT 'Error loading data: parseerror'
[jQuery] jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar) I am happy to announce that UI Datepicker version 3 has been released today. http://marcgrabanski.com/code/ui-datepicker/ Highlight New Features: Included in the official jQuery User Interface library (http:// ui.jquery.com) Date range selection Display multiple months at a time More customization options License changed to reflect jQuery Compatibility option to use existing code UI Datepicker was presented at jQuery Camp in Boston at Harvard. Here are the slides from the presentation: http://marcgrabanski.com/presentations/jQuery-Datepicker-Success.html Mods based on jQuery Calendar: West Wind created an ASP.NET control out of jQuery Calendar http://www.west-wind.com/jqueryweb/jquerycalendar.aspx PHP Framework Symfony Plugin (ddJQueryCalendar) http://trac.symfony-project.com/wiki/ddJQueryCalendar Drupal jQuery Calendar Plugin http://drupal.org/project/jquery_calendar Featured on Smashing Magazine Date Pickers http://www.smashingmagazine.com/2007/10/23/online-calendars-and-date-pickers/ Thank you all for your great feedback which has made this Datepicker so successful! Marc Grabanski Interactive Developer http://marcgrabanski.com Minnesota, US
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
@Stefan: datepicker({ firstDay: 1 });
For a complete list of customization options go here and click the
options tab:
http://docs.jquery.com/UI/Datepicker/datepicker#options
@Dan: That happens when you render multiple months datepicker and
only one month in the next datepicker. Typically you would only have
one type of datepicker on the page and you wouldn't ever see the
animation snap back.
On Nov 1, 8:45 am, Dan G. Switzer, II [EMAIL PROTECTED]
wrote:
Marc,
One thing I noticed is that in FF 2.0.0.8 there's a little resize jump
when the datepicker opens. As the open animation is occurring, it does some
kind of weird little snap back at the end of the animation.
-Dan
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of 1Marc
Sent: Thursday, November 01, 2007 12:35 AM
To: jQuery (English)
Subject: [jQuery] jQuery UI Datepicker v3.0 Released! (Previously named
jQuery Calendar)
jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
I am happy to announce that UI Datepicker version 3 has been released
today.
http://marcgrabanski.com/code/ui-datepicker/
Highlight New Features:
Included in the official jQuery User Interface library (http://
ui.jquery.com)
Date range selection
Display multiple months at a time
More customization options
License changed to reflect jQuery
Compatibility option to use existing code
UI Datepicker was presented at jQuery Camp in Boston at Harvard. Here
are the slides from the presentation:
http://marcgrabanski.com/presentations/jQuery-Datepicker-Success.html
Mods based on jQuery Calendar:
West Wind created an ASP.NET control out of jQuery Calendar
http://www.west-wind.com/jqueryweb/jquerycalendar.aspx
PHP Framework Symfony Plugin (ddJQueryCalendar)
http://trac.symfony-project.com/wiki/ddJQueryCalendar
Drupal jQuery Calendar Plugin
http://drupal.org/project/jquery_calendar
Featured on Smashing Magazine Date Pickers
http://www.smashingmagazine.com/2007/10/23/online-calendars-and-date-
pickers/
Thank you all for your great feedback which has made this Datepicker
so successful!
Marc Grabanski
Interactive Developer
http://marcgrabanski.com
Minnesota, US
[jQuery] Re: jQuery UI Datepicker v3.0 Released! (Previously named jQuery Calendar)
@Stefan: datepicker({ firstDay: 1 });
http://docs.jquery.com/UI/Datepicker/datepicker#options
Click the options tab here to see the 30+ customization option:
@Dan: The animation snap back occurs when you have drastically
different datepickers on the same page. Typically this wouldn't
happen because you would only use one type of datepicker on most
applications.
@Graeme: Click the stylesheet tab on the demo - the datepicker is easy
to style with CSS.
On Nov 1, 11:08 am, Michael Stuhr [EMAIL PROTECTED] wrote:
Graeme B. Davis schrieb: Is there a way to apply a style it so that it looks
a bit better? Perhaps
like this calendar I've been using on my sites for ~6yrs:
http://www.ssw.com.au/ssw/Standards/DeveloperGeneral/Images/popupCale...
f
http://www.peterbe.com/plog/blogitem-20031017-1526/popwincal
I like the jquery calendar, but feel it doesn't look as good as it could...
no offense, but:
have you even looked at the example site ?
there's a tab that says Stylesheets. I guess that's (nearly) all you need.
micha
[jQuery] Re: Keeping the calendar plug in open?
jQuery calendar has inline display - click the inline tab on the demo page: http://marcgrabanski.com/code/jquery-calendar All you have to do is simply attach the calendar to a span or div instead of an input. Vualah! On Oct 7, 3:31 pm, iain duncan [EMAIL PROTECTED] wrote: On Sun, 2007-07-10 at 19:32 +0100, Kelvin Luck wrote: Hi Iain, I'm not sure which calendar plugin you are talking about but your email prompted me to add the functionality you describe to my datePicker plugin (something I've been meaning to do for a very long time and luckily had a spare bit of time today for). You can find the examples of this new functionality here: http://kelvinluck.com/assets/jquery/datePicker/v2/demo/inlineDatePick... http://kelvinluck.com/assets/jquery/datePicker/v2/demo/inlineDatePick... And you will find documentation, downloads and many examples of the plugin's homepage: http://kelvinluck.com/assets/jquery/datePicker/v2/demo/ Hope that helps, Kelvin :) Thanks Kelvin. I was refering to Marcs calendar, but it looks like your date picker may be a better alternative for this use case. My perception at a glance is that the date picker is a bit more light weight, would you say that is true? Iain
[jQuery] Re: Keeping the calendar plug in open?
jQuery calendar also has inline display. Click the inline tab on the demo page to view it: http://marcgrabanski.com/code/jquery-calendar/ All you have to do is simply attach the calendar to a span or div instead of an input. Vualah! And as far as which calendar to choose - be happy you have a choice, both scripts are free! Use the one that suites your needs the best! On Oct 7, 3:31 pm, iain duncan [EMAIL PROTECTED] wrote: On Sun, 2007-07-10 at 19:32 +0100, Kelvin Luck wrote: Hi Iain, I'm not sure which calendar plugin you are talking about but your email prompted me to add the functionality you describe to my datePicker plugin (something I've been meaning to do for a very long time and luckily had a spare bit of time today for). You can find the examples of this new functionality here: http://kelvinluck.com/assets/jquery/datePicker/v2/demo/inlineDatePick... http://kelvinluck.com/assets/jquery/datePicker/v2/demo/inlineDatePick... And you will find documentation, downloads and many examples of the plugin's homepage: http://kelvinluck.com/assets/jquery/datePicker/v2/demo/ Hope that helps, Kelvin :) Thanks Kelvin. I was refering to Marcs calendar, but it looks like your date picker may be a better alternative for this use case. My perception at a glance is that the date picker is a bit more light weight, would you say that is true? Iain
[jQuery] List of Useful jQuery Plugins
I viewed each of the jQuery plugins in the jQuery plugins repository. I couldn't believe how many there were! So I decided to make this master list to weeded out any plugins that were either broken or I didn't find any practical application for (view the link below). List of Useful jQuery Plugins: http://marcgrabanski.com/article/75/List-of-Useful-jQuery-Plugins P.S. Why am I simply linking to my own article? John Resig asked me to post this list to the mailing list.
