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
| function aelist(n) {
document.onkeyup=function(evt){
if (window.event) {
key=window.event.keyCode
}
else {
key=evt.which;
}
completesearch(key)
};
document.getElementById("choix_search"+n).style["visibility"]="visible"; /mon calque
document.getElementById("choix_search"+n).innerHTML="";
return true;
}
function relist() {
//removeEventListener
document.onkeyup=null;
clearList();
return true;
}
function completesearch(key) {
var dept=document.getElementById("input"+n).value;
switch(key){
case 27:
clearList();
document.getElementById("input"+n).value="";
break;
case 13:
break;
case 8:
dept=dept.substr(0,dept.length-1);
document.getElementById("input"+n).value=dept;
completeField(true);
break;
case 40:
goDown();
break;
case 38:
goUp();
break;
default:
if(dept !="") {
completeField(false);
}
else{
clearList();
}
}
}
function mouseOn(id){
//Pseudo roll-over
ok=true;
for(i=1; i<=taille_liste && ok==true; i++) {
if(! document.getElementById("p" + (i+1))) {
ok=false;
}
va=document.getElementById("p" + i).className;
if(va=="automenu") {
document.getElementById("p" + i).className="n";
ok=false;
}
}
document.getElementById("p" + id).className="automenu";
class_p=id;
return true;
}
function selectElement(num) {
//Déplacement dans la liste au cavier -> affichage de la valeur dans textinput.
document.getElementById("input"+n).value=document.getElementById("p" + num).innerHTML;
return true;
}
function completeField(returnKey){
var alpha=document.getElementById("input"+n).value;
var nbElem = createList();
var cpt=1;
for(i=index_lift_list; i<=tab_list_aff.length-1 && cpt<=taille_liste+index_lift_list-1; i++){
document.getElementById("choix_search"+n).innerHTML+="<p class=\"n\" onMouseOver=\"javascript:mouseOn(" + cpt + ");\" id=\"p" + cpt + "\"onclick=\"javascript:selectElement("+i+");\">" + tab_list_aff[i] + "</p><br>";
cpt++
}
if(nbElem>1){
document.getElementById("p1").className="automenu";
choix_1=document.getElementById("p1").innerHTML;
saisie=document.getElementById("input"+n).value;
l_saisie=saisie.length;
l_choix=choix_1.length
if(saisie.toLowerCase() != choix_1.toLowerCase() && l_saisie<l_choix) {
document.getElementById("input"+n).value=choix_1;
if(document.getElementById("input"+n).createTextRange) {
var rg=document.getElementById("input"+n).createTextRange();
rg.moveStart("character",l_saisie);
rg.moveEnd("character",0);
rg.select();
}
else {
document.getElementById("input"+n).selectionStart=l_saisie;
document.getElementById("input"+n).selectionEnd=l_choix;
}
}
}
else{
if(returnKey){
//boucle pour reprendre la derniere occurance trouvée, fonctionnement par récurence
if(alpha.length >0){
completesearch(8);
}
}
else {
document.getElementById("choix_search"+n).innerHTML="<p class=\"n\" id=\"p" + cpt + "\">Aucune correspondance</p><br>";
}
}
}
function createList(){
var cpt=1;
document.getElementById("choix_search"+n).innerHTML="";
var alpha=document.getElementById("input"+n).value;
tab_list_aff = new Array;
for(i=1; i<=tab_list.length-1; i++){
tab2=tab_list[i].replace(/[àâä]/gi,'a');
tab2=tab2.replace(/[éèêë]/gi,'e');
tab2=tab2.replace(/[ïî]/gi,'i');
tab2=tab2.replace(/[ôö]/gi,'o');
tab2=tab2.replace(/[ùüû]/gi,'u');
// on supprime les majuscules et on cherche une correspondance
if(tab2.toLowerCase().substr(0,alpha.length) == alpha.toLowerCase()){
tab_list_aff[cpt]=tab_list[i]
cpt++;
}
}
return cpt;
} |
[HTML][calques][clic souris]
Répondre avec citation
Partager