This repository was archived by the owner on Apr 29, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
91 lines (84 loc) · 3.66 KB
/
index.html
File metadata and controls
91 lines (84 loc) · 3.66 KB
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
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
</head>
<body>
<div id="actionnaire">
<div class="row-fluid">
<div class="span3">
<label>Sexe</label>
<label class="checkbox inline">
<input id="actionnaireSexeFemme" type="checkbox">F
</label>
<label class="checkbox inline">
<input id="actionnaireSexeHomme" type="checkbox">M
</label>
</div>
<div class="span4">
<label for="actionnaireDateDeNaissance">Date de Naissance</label>
<input id="actionnaireDateDeNaissance" type="text" placeholder="AAAA-MM-JJ">
</div>
<div class="span4">
<label for="actionnaireNas">NAS</label>
<input id="actionnaireNas" type="text" class="span12 ng-pristine ng-valid">
</div>
</div>
<label>Nom</label>
<input id="actionnairePrenom" type="text" placeholder="Prénom">
<input id="actionnaireNom" type="text" placeholder="Nom de famille">
<label>Adresse</label>
<input id="actionnaireAdresseRecherche" type="text" placeholder="Commencez à saisir votre adresse"
autocomplete="off">
<input id="actionnaireNumeroCivique" type="text" placeholder="Numéro">
<input id="actionnaireRue" type="text" placeholder="Rue">
<input id="actionnaireAppartement" type="text" placeholder="App">
<input id="actionnaireVille" type="text" placeholder="Ville">
<input id="actionnaireProvince" type="text" placeholder="Province">
<input id="actionnaireCodePostal" type="text" placeholder="Code postal">
<label>Téléphone</label>
<div class="row-fluid">
<input id="actionnaireNumeroDeTelephone" type="text" placeholder="Résidence">
<input id="actionnaireNumeroDeTelephoneAutre" type="text" placeholder="Travail/Cellulaire">
<input id="actionnaireNumeroDeTelephoneAutrePoste" type="text" placeholder="Poste">
</div>
<label>Adresse courriel</label>
<input id="actionnaireCourriel" type="text">
</div>
<link rel="stylesheet" type="text/css" href="https://ws1.postescanada-canadapost.ca/css/addresscomplete-2.00.min.css">
<script type="text/javascript" src="https://ws1.postescanada-canadapost.ca/js/addresscomplete-2.00.js"></script>
<script type="text/javascript">
var fields = [
{ element: "actionnaireAdresseRecherche", mode: pca.fieldMode.SEARCH },
{ element: "actionnaireRue", field: "Street", mode: pca.fieldMode.POPULATE },
{ element: "actionnaireNumeroCivique", field: "BuildingNumber", mode: pca.fieldMode.POPULATE },
{ element: "actionnaireAppartement", field: "SubBuilding", mode: pca.fieldMode.POPULATE },
{ element: "actionnaireVille", field: "City", mode: pca.fieldMode.POPULATE },
{ element: "actionnaireProvince", field: "ProvinceName", mode: pca.fieldMode.POPULATE },
{ element: "actionnaireCodePostal", field: "PostalCode" }
];
options = {
key: "RE49-RM71-UC95-XU84"
//maxItems: 50,
//setCountryByIP: false,
//bar: {
// visible: false
//}
};
control = new pca.Address(fields, options);
pca.addressComplete.listen('ready', function() {
control.setCountry("France");
control.setCulture("fr-CA");
console.log('ready');
});
pca.addressComplete.listen('options', function(options) {
options.bar = options.bar || {};
options.bar.showCountry = false;
options.bar.showLogo = true;
options.bar.logoLink = false;
});
control.listen("populate", function (address) {
console.log('oh yeah!')
});
</script>
</body>
</html>