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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
| <!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0">
<meta name="author" content="Daniel Hagnoul">
<title>Forum jQuery</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/headjs/1.0.3/head.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Sofia|Ubuntu:400|Kreon'>
<script>
"use strict";
var debugBool = true;
/*
* J'utilise head.js pour charger CSS et JS de manière asynchrone
* et parallèle, mais les fichiers sont exécute dans l'ordre.
* Voir la documentation et l'API : http://headjs.com/
* Les polices de caractères et le fichier head.js doivent être
* inclus manuellement.
*/
head.load(
"http://danielhagnoul.developpez.com/styles/dvjhRemBase.css",
"http://code.jquery.com/ui/1.10.4/themes/sunny/jquery-ui.css",
"http://code.jquery.com/qunit/qunit-1.13.0.css",
{ "d3" : "http://d3js.org/d3.v3.min.js" },
{ "d3Hello" : "http://danielhagnoul.developpez.com/lib/dvjh/d3Hello.js" },
{ "jquery" : "http://code.jquery.com/jquery-2.0.3.min.js" },
{ "jqueryui" : "http://code.jquery.com/ui/1.10.4/jquery-ui.min.js" },
"http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery-ui-i18n.min.js",
{ "qunit" : "http://code.jquery.com/qunit/qunit-1.13.0.js" },
{ "testsQUnit" : "http://danielhagnoul.developpez.com/lib/dvjh/testsQUnit.js" }
);
</script>
<style>
/* Nota bene : ici 1 rem est égal à 10 px, voir dvjhRemBase.css */
/*-- Début code du test --*/
/*-- Fin code du test --*/
</style>
</head>
<body>
<header>
<hgroup>
<h1>Forum jQuery</h1>
<h2>
<a href="">Lien</a>
</h2>
</hgroup>
</header>
<section class="conteneur">
<nav>
<!-- Début code du test -->
<!-- Fin code du test -->
</nav>
<article>
<!-- Début code du test -->
<div id="agence">
Infos Agence :<br />
<input type="text" name="siret" placeholder="Numéro de SIRET" required class="siret" /><br />
<input type="text" name="nom_agence" placeholder="Nom de l'agence" required /><br />
<input type="text" name="adresse" placeholder="Adresse de l'agence" required /><br />
<input type="text" name="cp" placeholder="Code postal" required /><br />
<input type="text" name="ville" placeholder="Ville" required /><br /><br />
</div>
<!-- Fin code du test -->
</article>
<article class="qunit">
<div id="qunit"></div>
<div id="qunit-fixture"></div>
</article>
</section>
<footer itemscope itemtype="http://danielhagnoul.developpez.com/">
<time datetime="2014-01-11T10:09:18.884+0100" pubdate>2014-01-11T10:09:18.884+0100</time>
<span itemprop="name">Daniel Hagnoul</span>
<a href="http://www.developpez.net/forums/u285162/danielhagnoul/" itemprop="url">@danielhagnoul</a>
<a href="http://danielhagnoul.developpez.com/" itemprop="url">Mon cahier d’exercices</a>
<a href="http://javascript.developpez.com/faq/jquery/" itemprop="url">FAQ</a>
<a href="http://javascript.developpez.com/cours/?page=frameworks#jquery" itemprop="url">Tutoriels</a>
</footer>
<script>
"use strict";
/*
* Chargeur de code head.js, document ready et fichiers chargés.
*/
head.ready( [
"d3", "d3Hello", "jquery", "jqueryui", "qunit", "testsQUnit"
], function(){
/* Début code du test */
var dataset = [
{ "label" : "48805738100060", "value" : "Cabanis les routes", "rue" : "75 Avenue Clovis Hugues", "cp" : "14000", "ville" : "Caen" },
{ "label" : "48805738100061", "value" : "Cabanis les routes 1", "rue" : "75 Avenue Clovis Hugues", "cp" : "14000", "ville" : "Caen" },
{ "label" : "48805738100062", "value" : "Cabanis les routes 2", "rue" : "75 Avenue Clovis Hugues", "cp" : "14000", "ville" : "Caen" },
{ "label" : "48805738100063", "value" : "Cabanis les routes 3", "rue" : "75 Avenue Clovis Hugues", "cp" : "14000", "ville" : "Caen" }
];
$( "input[name='siret']", "#agence" ).autocomplete({
source: dataset,
minLength: 2,
select: function( event, ui ) {
$( this ).val( ui.item.label );
$( "input[name='nom_agence']", "#agence" ).val( ui.item.value );
$( "input[name='adresse']", "#agence" ).val( ui.item.rue );
$( "input[name='cp']", "#agence" ).val( ui.item.cp );
$( "input[name='ville']", "#agence" ).val( ui.item.ville );
return false;
}
});
/* Fin code du test */
if ( debugBool ){
console.log( ISOformat( new Date() ) );
$( ".qunit" ).show();
testQUnitSelector( "App", [
".conteneur", "#agence", "input[name='siret']", "input[name='nom_agence']",
"input[name='adresse']", "input[name='cp']", "input[name='ville']"
] );
testQUnitID( "App", [
"qunit", "qunit-fixture", "agence"
] );
}
});
</script>
</body>
</html> |
