Search jQuery

jQuery Forum

Using jQuery UI

tdpsgm

Should I use a more current Library than 1.8.11?

in Using jQuery UI • 3 months ago

I have my date picker working properly with this code:

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis. com/ajax/libs/jqueryui/1.8.11/ themes/base/jquery-ui.css" />
<script src="https://ajax.googleapis. com/ajax/libs/jqueryui/1.8.11/ jquery-ui.min.js" type="text/javascript"></ script>
<script type="text/javascript">jQuery( '#inf_custom_ MATURITYDATE'). datepicker({dateFormat: 'dd-mm-yy'});</script>

But I see on this page here (the google libraries page):
https://developers.google.com/speed/libraries/devguide#Libraries

That the current version is 1.10.1 for the jQuery UI

Would it be incorrect to use it like this:

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">jQuery('#inf_custom_MATURITYDATE').datepicker({dateFormat: 'dd-mm-yy'});</script>

The reason I ask is that at the top of the Libraries page is says:

To load a hosted library, copy and paste the HTML snippet for that library (shown below) in your web page. For instance, to load jQuery, embed the <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> snippet in your web page.

I have not done that in my testing and it 'seems' to work as I have it posted.

Should I be adding that code forthe 1.9.1 script line so that the code looks like this instead (to prevent future problems?):

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">jQuery('#inf_custom_MATURITYDATE').datepicker({dateFormat: 'dd-mm-yy'});</script>

Is there a more current jquery-ui.css sheet I should be referencing as well? If so where would I find that as I didn't notice it in the google libraries page at all.

Thanks for the help.

Replies(17)

Godsbest

Re: Should I use a more current Library than 1.8.11?

3 months ago

https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css

tdpsgm

Re: Should I use a more current Library than 1.8.11?

3 months ago

Thanks Godsbest!

Just out of curiosity, how did you find that?

I was looking here:
https://developers.google.com/speed/libraries/devguide

But I didn't see a reference to it.

Is there some place I can go look for the latest and greatest?

Thanks again.

Godsbest

Re: Should I use a more current Library than 1.8.11?

3 months ago

Given that you were using 1.8.11:

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css

Then version 1.10.1 css would be:

https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css

tdpsgm

Re: Should I use a more current Library than 1.8.11?

3 months ago

Maybe this is a dumb question, but I'll never learn if I don't ask.

This is the final evolution of the code that works for me today:

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">jQuery('#inf_custom_XXXXXXX').datepicker({changeMonth: true, changeYear: true, dateFormat: 'dd-mm-yy'});</script>

. . . as it is referencing the Google Libraries ( I am not sure I said that right ), will they always be available or could there come a time that they will be removed from the Google Libraries and I'll be required to go back and find all the areas that I have used these and update them?

Godsbest

Re: Should I use a more current Library than 1.8.11?

3 months ago

Google works directly with the key stake holders for each library effort and accepts the latest stable versions as they are released. Once we host a release of a given library, we are committed to hosting that release indefinitely.

https://developers.google.com/speed/libraries/

https://developers.google.com/speed/libraries/terms

Google promises to host the libraries indefinitely, you may do well to know other alternate CDNs:

http://jquery.com/download/

http://jqueryui.com/download/

tdpsgm

Re: Should I use a more current Library than 1.8.11?

3 months ago

I sure appreciate the help Godsbest!

Regarding this response:

Given that you were using 1.8.11:
https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css

Then version 1.10.1 css would be:
https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css

If you could humour me while I clarify my question that would be appreciated.
I was only guessing myself when I went from:

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css
to
https://ajax.googleapis.com/ajax/libs/jqueryui /1.10.1/themes/base/jquery-ui.css

My question is, How do we KNOW that the CSS sheets are located at:

https://ajax.googleapis.com/ajax/libs/jqueryui/x.xx.x/themes/base/jquery-ui.css

. . . and that the latest version of the CSS is x.xx.x?

It is important for me to understand for a couple of reasons.

Google Libraries has the links to everything else on this page: https://developers.google.com/speed/libraries/devguide#Libraries and the versions numbers (as of this moment) don't always match each other ====> currently the jQuery-UI is version:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>

has a note below it that says: note: This library depends on jQuery. You must also load jQuery before loading this module.

. . . and currently the latest version of jQuery on that same page is:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> I just didn't want to be Guessing at what the latest version the CSS was at. Sorry for being so 'wordy'. Basically, where is it that I go to see what the "Latest" version of the CSS is?
I appreciate the alternate CDN link, but it appears that I have to use the "Google Library" references. If I don't, then the datepicker calendars DO NOT show up in the Chrome browser.

Every other browser works perfectly. Whether I host the files on my site, or pull them remotely from another, all other browsers work great except for chrome . . . unless I use the Google Libraries.

Godsbest

Re: Should I use a more current Library than 1.8.11?

3 months ago

Your jQUI css version number has to match your jQUI version number. The following page usually gives you the latest js version:

https://developers.google.com/speed/libraries/devguide?hl=ja#Libraries

tdpsgm

Re: Should I use a more current Library than 1.8.11?

3 months ago

hmmmm, I think I may have sort of answered my question regarding how to know if the CSS version has been updated.

On this page here: http://jqueryui.com/download/ . . . it has the Quick Access links in the footer that show what the latest 'version' of each are in the CDN links themselves.

It is kind of a round about why to do it. Is there a more "In your face" list somewhere like there is for the jQuery and jQuery-UI updates?

FYI: I used the CDN links exactly as posted and I have confirmed that they DO NOT work with the Chrome Browser at all. Any ideas why?

Godsbest

Re: Should I use a more current Library than 1.8.11?

3 months ago

You are probably using https; chrome blocks anything being served via http. If you take a look at chrome's web inspector console tab, you will see what has been blocked. That leaves you two options:

1. Host the files yourself

2. Use Google CDN

tdpsgm

Re: Should I use a more current Library than 1.8.11?

3 months ago

Sorry, I didn't see you post this:

Your jQUI css version number has to match your jQUI version number. The following page usually gives you the latest js version:

https://developers.google.com/speed/libraries/devguide?hl=ja#Libraries

. . . when I wrote the last post.

Will the CSS version always be updated at the same time as the jQUI version?

FYI: Yes, the date picker happens to be on an https page hosted by the customer management system I am using, and I don't have accesss to uploading the scripts to THAT domain. I am happy to use the Google CDN.

I still don't get how it is that we KNOW that the CSS sheets are located on Google's CDN at:

https://ajax.googleapis.com/ajax/libs/jqueryui/x.xx.x/themes/base/jquery-ui.css

. . . If I didn't ALREADY know they were there (the above url), how is it I'd find this information out as it is not on the Google Libraries page?

Kevin B

Re: Should I use a more current Library than 1.8.11?

3 months ago

You could always look in the footer of the jQuery ui websites: http://jqueryui.com If it is listed there, it will also be on the Google CDN within a week of it being updated. It will be immediately available on the code.jquery.com CDN.

-- Kevin

tdpsgm

Re: Should I use a more current Library than 1.8.11?

3 months ago

Thanks Kevin B. I appreciate the answer.

I have decided that that is how I'll check for the latest and greatest.

The question that I am still trying to figure out is this:

I still don't get how it is that we KNOW that the CSS sheets are located on Google's CDN at:

https://ajax.googleapis.com/ajax/libs/jqueryui/x.xx.x/themes/base/jquery-ui.css

. . . If I didn't ALREADY know they were there (the above url), how is it I'd find this information out as it is not on the Google Libraries page?

Should that not be something that also appears on this page as well:

https://developers.google.com/speed/libraries/devguide?hl=ja#Libraries

Everything else has a "Snippet" there. Why not the CSS?

Kevin B

Re: Should I use a more current Library than 1.8.11?

3 months ago

I've always wondered that myself, but decided not to waste time trying to figure it out.

-- Kevin

Godsbest

Re: Should I use a more current Library than 1.8.11?

3 months ago

Good point! It's most likely an oversight on the part of Google.

tdpsgm

Re: Should I use a more current Library than 1.8.11?

3 months ago

Thanks folks. Much appreciated.

Is it possible that it is because it is not a 'script' so to speak?

For example I have used it as:

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css" />

Who would be the ones that "Push" it to the Google CDN Library?
Maybe we should drop them a note to include it.

I was just trying to save others the grief in trying to figure it out in the future.

Godsbest

Re: Should I use a more current Library than 1.8.11?

3 months ago

Google seems to have left that to the jQuery folks:http://blog.jqueryui.com/2013/02/jquery-ui-1-10-1/

But what the page does not seem to mention is that the Google files are served via both http and https, and 1.10.1 is not yet available on the Microsoft CDN.

tdpsgm

Re: Should I use a more current Library than 1.8.11?

3 months ago

Wow - This is so cool!
I feel like a kid in a candy store.

On the page Godsbest mention here: http://blog.jqueryui.com/2013/02/jquery-ui-1-10-1/

Under the "Google Ajax Libraries API (CDN)" header is the section

Themes:
base, black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast, pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, and vader.

All the old hats here probably already KNOW this, but I just figured out how to change how my calendar looks!!!!

For the 'Green Horns" like myself -- in my code I was using:

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css" />

I just changed 'base' to 'pepper-grinder' (one of the names listed in the Themes section) to change the look of the datepicker!

<link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/pepper-grinder/jquery-ui.css" />

That's so cool!!!!

Ok, so I just revealed how green I am to jQuery UI, but I can't help it.
That's so neat. I love it.

Top Reply

Response title

Attachments

jQuery Forum

Should I use a more current Library than 1.8.11?

Replies(17)

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Re: Should I use a more current Library than 1.8.11?

Statistics

Tags

Actions

Related Posts