jQuery UI 1.8.17 est disponible

[danielhagnoul]

jQuery UI 1.8.17 est disponible

La dix-septième version de maintenance de la branche 1.8 corrige des bogues dans Accordion, Autocomplete, Button, Datepicker, Droppable, Position, Progressbar, Selectable, Sortable, Tabs, et le CSS Framework. Cette version améliore la compatibilité avec jQuery 1.7.1

Liste des modifications

Source

Pour utiliser cette version, il suffit d'inclure les appels suivants dans votre page web :

Code :

1
2
<link rel="stylesheet" type="text/css" 
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/humanity/jquery-ui.css">

Liste des thémes CSS disponibles :

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, et vader.

Code :

1
2
3
<script charset="utf-8" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/i18n/jquery-ui-i18n.min.js"></script>
<script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>

[Flaburgan]

Et si je veux utiliser JQuery sans linker vers Big Brother, le télécharger puis le mettre dans un dossier à côté, ça marche ?

[xelab]

Envoyé par Flaburgan

Et si je veux utiliser JQuery sans linker vers Big Brother, le télécharger puis le mettre dans un dossier à côté, ça marche ?

Oui et heureusement, car si tu n'as pas accès au net (par exemple appli en intranet), comment faire? De plus il y a d'autres serveurs que Google où jquery est dispo (là je ne sais plus lesquels, il faut chercher).

[Flaburgan]

Ok merci, je n'ai encore jamais touché à JQuery mais j'avais le projet d'apprendre, mais j'en ai marre de toujours passer par ce fouineur de Google dès que j'ai besoin de quelque chose...

[danielhagnoul]

Pour une version perso : http://jqueryui.com/download

Pour les alternatives : le lien vers l'article source.

[SurferIX]

Envoyé par Flaburgan

Ok merci, je n'ai encore jamais touché à JQuery mais j'avais le projet d'apprendre, mais j'en ai marre de toujours passer par ce fouineur de Google dès que j'ai besoin de quelque chose...

Mais mais mais.. il ne fouine pas, il aide !

Faut pas voir la méchanceté partout !

De plus google s'adapte à ce qu'on lui demande, je m'explique : si tu dis ça :

href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/blabla"

alors il récupère la 1.8.17, ok ?

Mais si tu dis ça :

href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/blabla"

il récupèrera automatiquement la dernière version de la branche 1.8, soit actuellement la 1.8.17 ! Génial !

Et en continuant :

href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/blabla"

il récupèrera automatiquement la dernière version de la branche 1, soit actuellement la 1.8.17 ! Et quand la 1.9 sortira, automatiquement il passera à la 1.9 sur ton site !

Génial !

Faut arrêter de voir le mal partout !

[danielhagnoul]

Bonjour

Tant pour jQuery que pour jQuery UI, je vous déconseille le chargement automatique de la dernière version, car il peut y avoir des problèmes de rétrocompatibilité.

Nous avons eu le cas avec jQuery lors de l'apparition de la méthode prop et cela va être le cas avec jQuery UI 1.9, voir : http://www.developpez.net/forums/d10...te-cours-lapi/

[SurferIX]

Envoyé par danielhagnoul

Bonjour

Tant pour jQuery que pour jQuery UI, je vous déconseille le chargement automatique de la dernière version, car il peut y avoir des problèmes de rétrocompatibilité.

Nous avons eu le cas avec jQuery lors de l'apparition de la méthode prop et cela va être le cas avec jQuery UI 1.9, voir : http://www.developpez.net/forums/d10...te-cours-lapi/

Entièrement d'accord. Mais l'autre côté c'est que si on laisse "1.8" alors la résolution de bogues d'affichages et autre se fera automatiquement. C'est un choix à faire, mais le plus important à noter, c'est que c'est un choix possible (ça n'est pas le cas d'ordinaire), gratuit, et qui vous fait économiser énormément de bande passante.

Ca m'agace un peu de voir que même lorsqu'il y a du bon, des personnes arrivent malgré tout à y voir du mal (je ne parle pas pour toi mais pour les posts précédents).

[Flaburgan]

Google est génial. Google propose des services bien au dessus de la majorité. Google permet de faire des choses extraordinaires. Google sait tout. Et Google reste une grosse boite pour faire de l'argent. Et comment on peut le voir, quand on sait tout, même avec des produits gratuits, c'est pas difficile, de se faire de l'argent. Surtout quand on a un tel irrespect de ses utilisateurs.

[SurferIX]

Envoyé par Flaburgan

Google est génial. Google propose des services bien au dessus de la majorité. Google permet de faire des choses extraordinaires. Google sait tout. Et Google reste une grosse boite pour faire de l'argent. Et comment on peut le voir, quand on sait tout, même avec des produits gratuits, c'est pas difficile, de se faire de l'argent. Surtout quand on a un tel irrespect de ses utilisateurs.

Pour moi google est une entreprise, elle est là pour faire de l'argent, et en a tellement, qu'elle offre aussi d'autres choses, gratuitement, et même en cherchant bien, je ne vois absolument pas comment elle pourrait faire "fructifier" le fait que des milliers de gens utilisent non pas leur bande passante pour jQuery, mais la leur.

Je ne comprends absolument pas le sens de ton commentaire. Peux tu justifier, même si c'est un peu hors sujet?

[Flaburgan]

Il y a beaucoup de choses qui me gênent dans le fonctionnement de Google. Dans notre exemple, pour éviter de partir trop en hors sujet, deux choses me dérangent :

Le fait de passer par Google fait qu'il sait que nous utilisons JQuery. Il peut avoir, de manière indirecte, de nombreuses informations sur notre serveurs, nos visiteurs, etc, puisqu'une partie de notre site inclue du contenu de Google. Un parallèle : le bouton j'aime de facebook inclue dans les sites webs, qui permet à facebook de savoir qui vient sur notre site, puisque la personne a son compte ouvert dans un autre onglet donc un cookie actif. Google comme Facebook tracent les gens, et je n'aime pas ça.

Deuxièmement, le jour ou Google change son hébergement, il le fera comme il veut. Après tout, il propose la juste un service que nous avons pas souscrit. Il peut très bien déplacer l'url, et si je suis en vacances à ce moment là, je peux avoir un site buggé pendant un moment sans pouvoir intervenir...
Pire, il attend que nous habituions à ce qu'il propose gratuitement, comme une API pour Google maps par exemple, avant de rendre payant le service, une fois que tout le monde en dépend...

[SurferIX]

Envoyé par Flaburgan

Il y a beaucoup de choses qui me gênent dans le fonctionnement de Google. Dans notre exemple, pour éviter de partir trop en hors sujet, deux choses me dérangent :

Le fait de passer par Google fait qu'il sait que nous utilisons JQuery. Il peut avoir, de manière indirecte, de nombreuses informations sur notre serveurs, nos visiteurs, etc, puisqu'une partie de notre site inclue du contenu de Google.

Techniquement, je ne vois pas comment. Avec le bouton "j'aime", oui, on déclenche un javascript qui fait tout un tas de choses. Mais pas quand on inclut du javascript jQuery.

En fait tu généralise, quoi, genre : "google trace alors je ne me sers absolument jamais de google ni de ses outils aussi gratuits puissent ils être".

Ok ok c'est un choix compréhensible.

[Flaburgan]

Envoyé par SurferIX

Avec le bouton "j'aime", oui, on déclenche un javascript qui fait tout un tas de choses.

Non, c'est bien pire que ça, il n'y a pas besoin de clique sur le bouton. Comme c'est une partie de facebook qui est inclus dans ton site, cette partie à accès à ton cookie comme si tu étais sur facebook, donc on pourrait très bien imaginé avant la moindre interaction de ta part "bonjour surferIX, aimez vous cette article ?" comme bouton, au lieu du simple "J'aime". Facebook sait que tu es sur ce site même si tu ne touches pas au bouton. Le nombre de sites incluant ces boutons étant très élevé, facebook peut reconstituer une bonne partie de ta navigation...

Pour Google, on pourrait imaginer une version un peu modifiée de JQuery qui te tracerait aussi, ce serait devenir parano, je n'en suis pas à ce point là, mais techniquement, c'est tout à fait possible.

[charles31]

excusez-moi d'avance pour ma naïveté, mais je teste en ce moment jquery et je tourne en rond depuis qq heures....
Sur la page on ne peut plus basique qui suis, j'ai un "SYNTAX_ERR: DOM Exception 12" (console js de Chrome). Qqn saurait m'expliquer ?

Code html :

1
2
3
4
5
6
7
8
9
10
<html>
    <head>
    </head>
    <body>        
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/humanity/jquery-ui.css">
        <script charset="utf-8" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/i18n/jquery-ui-i18n.min.js"></script>
        <script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>
    </body>
</html>

[danielhagnoul]

Bonsoir

Le <link> doit être dans le <head> !

Nota bene : sur le serveur Google la version 1.8.16 de i18n est disponible, mais pas la 1.8.17 !

Code :

1
2
<link rel="stylesheet" type="text/css" 
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/humanity/jquery-ui.css">

Code :

1
2
3
<script charset="utf-8" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js"></script>
<script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>

[charles31]

Envoyé par danielhagnoul

Bonsoir

Le <link> doit être dans le <head> !

Nota bene : sur le serveur Google la version 1.8.16 de i18n est disponible, mais pas la 1.8.17 !

Code :

Code :

Il l'était au départ, mais j'ai changé tellement de fois pour que essayer toutes les options...
Malheureusement, je confirme, le code suivant fait la même erreur :

Code :

1
2
3
4
5
6
7
8
9
10
11
 
<html>
    <head>
        <title>Bonjour !</title>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/humanity/jquery-ui.css">
    </head>
    <body>
        <script charset="utf-8" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>
    </body>
</html>

[danielhagnoul]

SYNTAX_ERR code 12 : In invalid or illegal string has been specified; for example setting the selectorText property of a CSSStyleRule with an invalid CSS value.

D'après le code de l'erreur, il s'agit d'un bogue dans l'écriture des CSS.

Je remarque que vous n'avez pas de doctype. Voici un exemple de page qui fonctionne (je viens de la tester) :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta name="Author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/humanity/jquery-ui.css">
	<link rel="stylesheet" href="http://danielhagnoul.developpez.com/lib/jPicker/css/jPicker.dvjh-1.1.6.min.css" />
	<style>
		/* Base */
		html {font-size:62.5%; } /* Pour 62.5% 1rem =~ 10px */
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {margin:0; padding:0; }
		body {background-color:rgb(122, 79, 79); color:#000000; font-family:sans-serif; font-size:1.4rem; font-style:normal; font-weight:normal; line-height:normal; letter-spacing:normal; }
		h1,h2,h3,h4,h5 {font-family:'Redressed', cursive; padding:0.6rem; }
		p, div, td {word-wrap:break-word; }
		pre, code {white-space:pre-wrap; word-wrap:break-word; }
		img, input, textarea, select {max-width:100%; }
        img {border:none; }
		h1 {font-size:2.4rem; text-shadow: 0.4rem 0.4rem 0.4rem #bbbbbb; text-align:center; }
		p {padding:0.6rem; }
		.conteneur {width:95%; min-width:80rem; min-height:30rem; margin:1.2rem auto; background-color:#ffffff; color:#000000; border:0.1rem solid #666666; }
		footer {margin-left:3.6rem; }
 
		/* -- */
	</style>
</head>
<body>
	<h1>Forum jQuery</h1>
	<section class="conteneur">
 
		<p>Date: <input type="text" id="datepicker"></p>
 
	</section>
	<footer itemscope itemtype="http://data-vocabulary.org/Person">
		<time datetime="2012-01-27T19:55:51.000+01:00" pubdate>2012-01-27</time>
		<span itemprop="name">Daniel Hagnoul</span>
		<a href="http://www.developpez.net/forums/u285162/danielhagnoul/" itemprop="url">@danielhagnoul</a>
	</footer>
	<script charset="utf-8" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js"></script>
	<script charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>
	<script charset="utf-8" src="http://danielhagnoul.developpez.com/lib/jPicker/jpicker-1.1.6.min.js"></script>
	<script>	
		"use strict";
 
		// Date ISO format long US
		Date.prototype.formatISO = function(){
			this._nowFormat = 'aaaa-mm-jjThh:ii:ss.000Szz:00';
			this._toLen2 = function(_nowStr){
				_nowStr = _nowStr.toString();
				return ('0'+_nowStr).substr(-2,2);
			};
			this._nowFormat = this._nowFormat.replace(/j+/, this._toLen2(this.getDate()));
			this._nowFormat = this._nowFormat.replace(/m+/, this._toLen2(this.getMonth()+1));
			this._nowFormat = this._nowFormat.replace(/a+/, this.getFullYear());
			this._nowFormat = this._nowFormat.replace(/h+/, this._toLen2(this.getHours()));
			this._nowFormat = this._nowFormat.replace(/i+/, this._toLen2(this.getMinutes()));
			this._nowFormat = this._nowFormat.replace(/s+/, this._toLen2(this.getSeconds()));
			this._nowFormat = this._nowFormat.replace(/S+/, (this.getTimezoneOffset() < 0) ? ("+") : ("-"));
			this._nowFormat = this._nowFormat.replace(/z+/, this._toLen2(Math.abs(this.getTimezoneOffset()/60)));
			return this._nowFormat;
		};
 
		$(function(){
			/* Base */
			console.log(new Date().formatISO());
 
			/* -- */
			$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
 
			$( "#datepicker" ).datepicker();
 
			/*
			 * jPicker : http://www.digitalmagicpro.com/jPicker/,
			 * est un outil pour choisir rapidement une couleur
			 *
			 * Sue Firefox, avec Web Developper, cette version
			 * de jPicker provoque des avertissements CSS !
			 *
			 * Mais il est très pratique !
			 */
			$.fn.jPicker.defaults.images.clientPath="http://danielhagnoul.developpez.com/lib/jPicker/images/";
 
			$(".conteneur").jPicker({
				window: {
					expandable : true,
					title : "jPicker : choissisez une couleur :",
					alphaSupport : true,
					position : {
						x : 'screenCenter',
						y : 'top'
					}
				},
				color : {
					active : new $.jPicker.Color({
						r : 210,
						g : 214,
						b : 98,
						a : 128
					})
				}
			}, function( color, context ){
				var c = color.val("all");
				if ( c ){
					$( "body" ).css( "background-color", "rgba(" + c.r + "," + c.g + "," + c.b + "," + (c.a/255).toFixed(2) + ")" );
				}
			});
		});
 
		$(window).load(function(){
		});
	</script>
</body>  
</html>

[charles31]

ben même avec le doctype, les meta et tout et tout, j'ai toujours cette erreur.
C'est incompréhensible....

[SurferIX]

Envoyé par charles31

ben même avec le doctype, les meta et tout et tout, j'ai toujours cette erreur.
C'est incompréhensible....

En même temps ici c'est un forum de discussion, c'est pas le SAV jQuery hein

[danielhagnoul]

Bonjour

La dix-huitième version de maintenance de jQuery UI est annoncée sur le blog officiel (http://blog.jqueryui.com/, http://jqueryui.com/download), mais au moment où j'écris elle n'est pas disponible chez Google ou Microsoft.