Developpez.com

Plus de 2 000 forums
et jusqu'à 5 000 nouveaux messages par jour

jQuery UI 1.8.17 est disponible
La bibliothèque améliore la compatibilité avec jQuery 1.7.1

Le , par danielhagnoul, Rédacteur
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 : Sélectionner tout
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 : Sélectionner tout
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>


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de SurferIX SurferIX - Membre expérimenté http://www.developpez.com
le 19/01/2012 à 15:22
Citation Envoyé par Flaburgan  Voir le message
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?
Avatar de Flaburgan Flaburgan - Modérateur http://www.developpez.com
le 21/01/2012 à 17:37
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...
Avatar de SurferIX SurferIX - Membre expérimenté http://www.developpez.com
le 21/01/2012 à 17:55
Citation Envoyé par Flaburgan  Voir le message
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.
Avatar de Flaburgan Flaburgan - Modérateur http://www.developpez.com
le 22/01/2012 à 11:35
Citation Envoyé par SurferIX  Voir le message
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.
Avatar de charles31 charles31 - Membre à l'essai http://www.developpez.com
le 26/01/2012 à 15:37
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 : Sélectionner tout
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>
Avatar de danielhagnoul danielhagnoul - Rédacteur http://www.developpez.com
le 26/01/2012 à 19:02
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 : Sélectionner tout
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 : Sélectionner tout
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>
Avatar de charles31 charles31 - Membre à l'essai http://www.developpez.com
le 27/01/2012 à 15:52
Citation Envoyé par danielhagnoul  Voir le message
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 : Sélectionner tout
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 : Sélectionner tout
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>

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 : Sélectionner tout
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>
Avatar de danielhagnoul danielhagnoul - Rédacteur http://www.developpez.com
le 27/01/2012 à 19:56
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 : Sélectionner tout
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>
Avatar de charles31 charles31 - Membre à l'essai http://www.developpez.com
le 29/01/2012 à 22:56
ben même avec le doctype, les meta et tout et tout, j'ai toujours cette erreur.
C'est incompréhensible....
Avatar de SurferIX SurferIX - Membre expérimenté http://www.developpez.com
le 30/01/2012 à 9:23
Citation Envoyé par charles31  Voir le message
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
Avatar de danielhagnoul danielhagnoul - Rédacteur http://www.developpez.com
le 24/02/2012 à 10:18
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.
Offres d'emploi IT
Data scientist inspection générale (H/F)
Société Générale - Ile de France - Hauts-de-Seine
Expert sécurité en audit d'applications (H/F)
Société Générale - Ile de France - Val-de-Marne
Analyste SI-métier (poste également ouvert aux stagiaires, alternants et VIE du groupe)-(H/F)
Société Générale - Ile de France - Val-de-Marne

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil