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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
|
<script>
function display_liste(calqt, calql) { // Affiche le calque de la liste
calql.style.visibility = 'visible';
calql.style.top = calqt.style.top;
//calql.style.top = calqt.style.top + 40;
calql.style.left = calqt.style.left;
}
function hide_liste(calqt, calql) { // Affiche ou masque le calque de la liste suivant son dernier état
if (calql.style.visibility == 'visible') {
calql.style.visibility = 'hidden';
}
else {
display_liste(calqt, calql);
}
}
function display_down(keyc, listd, calqt, calql) { // Affiche la liste si la touche "keyc" est pressée
if (event.keyCode==keyc) {
display_liste(calqt, calql);
}
if ((event.keyCode==40) && (event.keyCode==keyc)) {
listd.focus();
}
}
function enter_list(textb, listd, calql) { // appelle getValue si la touche "Enter" est pressée dans la liste
if (event.keyCode==13) {
getValue(textb, listd, calql);
}
}
function liste_lostfocus(textb, listd, calql) { // Masque le calque si le texte et la liste n'ont pas le focus
if ( (self.document.activeElement.name != textb) && (self.document.activeElement.name != listd) ) {
calql.style.visibility = 'hidden';
}
}
function getValue(textb,listd, calql) { // Affecte la valeur de la liste choisie dans la zone de texte
textb.value=listd.item(listd.selectedIndex).text;
// textb.value=listd.item(listd.selectedIndex).value; si on veut la valeur dans le code et pas dans la liste
calql.style.visibility = 'hidden';
textb.focus();
textb.select();
}
function list_size(liste) {
t=0;
for(i=0; i<liste.length; i++) {
if(liste.options[i].value.length > t) {
t=liste.options[i].value.length;
}
}
list_size=t;
}
function text_exist(textb, listd) { // regarde si le début existe
if (textb.value != "") {
for (i=0; i<listd.length; i++) {
if (textb.value.toLowerCase() == listd[i].text.substring(0, textb.value.length).toLowerCase()) {
return i;
}
else {
if (listd[i].text > textb.value.substring(0, listd[i].text.length)) {
return -2;
}
}
}
}
return -1;
}
function disp_exist(textb, listd, calqt, calql) { // regarde si existe et affiche le calque de la liste
temp=text_exist(textb, listd);
if (temp != -1) {
display_liste(calqt, calql);
}
else {
calql.style.visibility = 'hidden';
}
return temp;
}
function text_match(textb, listd) { // regarde si le texte existe en entier
if (textb.value != "") {
for (i=0; i<listd.length; i++) {
if (textb.value.toLowerCase() == listd[i].text.toLowerCase()) {
return i;
}
}
}
return -1;
}
function insert_new(textb, listd) { // insére avant ou en fin
if (textb.value != "") {
if (text_match(textb, listd) == -1) {
pos=listd.length;
for (i=0; i<listd.length; i++) {
if (listd[i].text>textb.value) {
pos=i;
i=listd.length;
}
}
listd.length++;
for (i=listd.length-1; i>pos; i--) {
listd[i].text=listd[i-1].text;
}
listd[pos].text=textb.value;
alert("new entry added !");
}
else {
alert("Entry already exists !");
}
}
}
</script>
<tr>
<td>
TEST
</td>
</tr><br>
<tr>
<td>
<div id="texte1" nowrap STYLE="border-width:2;border-style:inset;border-color:white;width:0;display:inline;visibility:visible;">
<input type="text" name="texteb" value='' style="border-width:0;font-size:14;" size="25"
onDblClick="hide_liste(document.getElementById('texte1'), document.getElementById('liste1')); document.getElementById('texteb').select();"
onblur="liste_lostfocus('texteb', 'listed', document.getElementById('liste1'));"
onkeyup="document.getElementById('listed').selectedIndex=disp_exist(document.getElementById('texteb'), document.getElementById('listed'), document.getElementById('texte1'), document.getElementById('liste1'));
display_down(40, document.getElementById('listed'), document.getElementById('texte1'), document.getElementById('liste1'));"
onkeydown="display_down(34, document.getElementById('listed'), document.getElementById('texte1'), document.getElementById('liste1'));">
<input type="button" name="bouton" value="6" style="line-height:0;height:18;font-family:webdings;font-size:10;" onClick="hide_liste(document.getElementById('texte1'), document.getElementById('liste1'));" onblur="liste_lostfocus('texteb', 'listed', document.getElementById('liste1')); .size='0'">
</div>
<div id="liste1" STYLE="postion:absolute;visibility:hidden;">
<select id="liste1" name="listed" size="10" onClick="getValue(document.getElementById('texteb'), document.getElementById('listed'), document.getElementById('liste1'));" onkeydown="enter_list(document.getElementById('texteb'), document.getElementById('listed'), document.getElementById('liste1'));">
<option VALUE="Item1">Item1-2</option >
<option VALUE="Item2">Item2</option>
<option VALUE="Item3">Item3</option>
<option VALUE="Item4">-----------------Item4----------------------</option>
<option VALUE="Item5">-----------------Item5----------------------</option>
<option VALUE="Item6">Item6</option>
<option VALUE="Item7">Item7</option>
<option VALUE="Item8">Item8</option>
<option VALUE="Item9">Item9</option>
<option VALUE="Item10">Item10</option>
</select>
</div>
</td>
</tr>
<tr>
<td>
TEST
</td>
</tr><br>
<tr>
<td>
TEST
</td>
</tr> |
