Появление выпадающего списка в определенном месте

@WisesT · Регистрация: 15.12.2011

Студворк — интернет-сервис помощи студентам

Добрый день!
Прошу не кидаться тапками за следующий ~~говно~~код

HTML5
1
2
3
4
5
<td colspan="2" class="td_otp" >Организация
    <input type="text" id="organ_otp"  name="organ_otp"/>
    <div id="bb">
    <select id="list"></select>
    </div></td>

Обьясню. Таблица. В ней ячейка. В ячейке DIV. В DIVe ~~яйцо~~ выпадающий список (селект).
Когда пользователь вводит 3 символа в инпут, срабатывает скрипт, который ищет похожего клиента в базе и предлагает варианты в выпадающем списке. (Если нужно - этот код тоже выложу).

Беда в том, что выпадающий список появляется черт знает где, а хотелось бы что б под инпутом. Или где-то рядом.

Возможно такое?

Спасибо!

Добавлено через 7 минут
Спустил ДИВ вообще за пределы таблицы (не нравилось что в ячейке с дивом пустая строчка добавляется). Список стал появляться чуть пониже, но все-равно плохо.

@Fedor92 · 06.11.2014, 17:54

Ваше произведение выглядит вот так... Собственно чего Вы хотите?

@WisesT · 06.11.2014, 17:56 **[ТС]**

нет нет) выпадающего списка по умолчанию не видно. А вот когда начинают вводить символы, появляется выпадающие варианты (<option></option> которые) но они формируются черт знает где. а мне нужно рядом с ячейкой

@Fedor92 · 06.11.2014, 17:59

Это уже js... Начальное свойство ячейки display:none, ну а потом событие повесить при вводе текста display:block...

@WisesT · 06.11.2014, 18:11 **[ТС]**

display:none для div или для select?

@Fedor92 · 06.11.2014, 18:12

Для select, чтобы его изначально не было видно...

@WisesT · 06.11.2014, 18:19 **[ТС]**

дык его и так не видно О_О

@Fedor92 · 06.11.2014, 18:23

Что значит не видно? Я же показал Вам скрин, то что обведено оранжевым цветом - это селект... Чтобы его убрать до того, как пользователь начнёт вводить данные нужен display:none... В принципе можно целиком с дивом...)))

@WisesT · 06.11.2014, 18:32 **[ТС]**

у меня, оказывается, скрипт автозаполнения, скрывает его.

Наверное лучше будет выложить побольше кода.
Ячейка таблицы в которой вносится клиент.

HTML5
1
2
3
<td colspan="2" class="td_otp" >Организация
    <input type="text" id="organ_otp"  name="organ_otp"/>
    </td>

class="td_otp" - только цвет ячейки

Дальше див с селектом в который вродь как должны выводится предлагаемые варианты

HTML5
1
2
3
<div id="bb">
    <select id="list"></select>
    </div>

цсс для них неписан.

Яваскрипт автозаполнения (внимание гразный код)

JavaScript
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
window.onload = function(){
$("#list").hide()
vvv=$("#organ_otp");
vvv.keyup(function(){
if($("#organ_otp").val()==false){$("#list").hide()} // спрятать если строка пуста
var csymbol=$("#organ_otp").val()
if(csymbol.length>=3){
check();
            }
$("option.temp").remove()// удаление старых результатов
 })}
function check(){ 
t=$("#organ_otp").val()
$.ajax({
  type: "POST",
  url: "serv_ajax.php",
  data: {"namex":t},
  success: function(t){
      var reports = eval('('+t+')')
if(reports!="not"){
$('#list').show() 
} 
else { $('#list').hide()
$("option.temp").remove()
 }
    $('#list').attr("size",reports['count']+1)
for(var i=0; i<=reports['count']-1; i++) {
var tt="#"+i;
$("#list").append('<option id='+i+' class=temp>'+reports[i]["firma"]+'</option>')
 
$(".temp").hover(function(){$(this).css({"background-color":"#6087FF","color":"white"})},// эффект блур
function (){$(this).css({"background-color":"white","color":"black"})}) // снимаеться 
 
$(tt).click(function () {
  var countx=$(this).attr('id') // привязывает к ид и дополняет оставшиеся поля
  $("#firma").val(reports[countx]['firma'])
 $("#adress").val(reports[countx]['adress'])
  $("#tel").val(reports[countx]['tel'])
  $("#notes").val(reports[countx]['notes']) 
  if(reports[countx]['oplata']=='Нал'){// проставляет чек бокс по форме оплаты
$("#opl1").attr('checked','checked')}
  if(reports[countx]['oplata']=='Безнал'){
$("#opl2").attr('checked','checked')}
  if(reports[countx]['oplata']=='Выбрать'){
$("#opl3").attr('checked','checked')}
  $('#list').hide()
    })}}})};

ну и serv_ajax.php

PHP
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
<?php header('Content-Type: text/html; charset=UTF-8');
$_POST['namex'];
 
//echo $_POST['namex'];
if ($_POST['namex']!=NULL){
if (!function_exists('mb_ucfirst') && extension_loaded('mbstring'))// делает первую букву заглавной
{
    /**
     * mb_ucfirst - преобразует первый символ в верхний регистр
     * @param string $str - строка
     * @param string $encoding - кодировка, по-умолчанию UTF-8
     * @return string
     */
    function mb_ucfirst($str, $encoding='UTF-8')
    {
        $str = mb_ereg_replace('^[\ ]+', '', $str);
        $str = mb_strtoupper(mb_substr($str, 0, 1, $encoding), $encoding).
               mb_substr($str, 1, mb_strlen($str), $encoding);
        return $str;
    }
}
$firma=mb_ucfirst($_POST['namex']);
$firma=$_POST['namex'];
//echo $firma;
include("db_fns.php");
 /* [a-zA-Zа-яА-Я]*\s*\w */                                                                   
$j='SELECT * FROM clients WHERE firma REGEXP "[a-zA-Zа-яА-Я]*\s*\w*'.$firma.'[a-zA-Zа-яА-Я]*\s*\w*"';
//echo $j."<br>";
db_connect();
 
$a=mysql_query($j);
  // echo  mysql_errno() . ": " . mysql_error(). "\n";
//print_r($aa);
//echo mysql_num_rows($a);
$nn=mysql_num_rows($a);
if ($nn!=0){
//echo "количество строк--".$nn;
 for($i=0; $nn>=$i+1;$i++){ //echo "итерация--".$i; +1 потому что отчет идет с 0
 $aa=mysql_fetch_array($a, MYSQL_ASSOC);
 $js.="'$i':".json_encode($aa); // кодирует в JSONE
 } 
  $str='}';
 $js=str_replace ($str,'},', $js); // проставляет запятые
$cc="'count':'$nn'"; // подсчитывает количество затронутых строк в Mysql
//echo $cc;
 echo "{".$js.$cc."}";} // выводит строку
 else{ 
$er="not1";
$er= json_encode($er);
    echo  $er;  
} }  else {
$er="not22";
$er= json_encode($er);
echo  $er;  }
 
 
?>

@Fedor92 · 06.11.2014, 18:42

Всё верно изначально js прячет селект до заполнения... Испытайте вёрстку...

HTML5
1
2
3
4
5
6
7
<table>
<td  colspan="2" class="td_otp" style="border:5px solid red">Организация
    <input type="text" id="organ_otp"  name="organ_otp" style="border:5px solid blue"/>
    <div id="bb" style="border:5px solid green">
    <select id="list" style="width:100%;border:5px solid orange; "></select>
    </div></td>
</table>

Границы просто так для наглядности...

@WisesT · 06.11.2014, 18:46 **[ТС]**

div (Зеленый) находится под инпутом (это хорошо). Он не заполнен.
Когда ввожу клиента - предлагаемые варианты (оранжевое) оказывается на много выше и правее.

@Fedor92 · 06.11.2014, 18:49

Вообще я бы вам посоветовал в js заменить #list на #bb так селект будет появляться только вместе с дивом... И див вместе с селектом...

@WisesT · 06.11.2014, 18:57 **[ТС]**

ВООО!!! уже на много лучше. Выпадающий список появляется в той же ячейке. Только такое ощущение, что они под цветом заливки ячейки.

Добавлено через 2 минуты
А, стоп. Это див появляется. Его размер соответсвует колличеству вариантов из селекта. но сам селект все равно черт знает где.

Добавлено через 2 минуты
Еслия в ерно вижу, то ситуация така. при загрузке страницы все ок и на своих местах. Дива не видно, селекта тоже. При вводе символов появляется див. В НЕМ лежат пункты селекта (сами выпадайки), а верх селекта вообще отдельно.

@Fedor92 · 06.11.2014, 18:57

Ну это уже надо смотреть вёрстку страницы целиком - почему так получается... Поскольку я верстал только одну ячейку, а у Вас походу их там много...

Вот полный код...

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<table>
<td  colspan="2" class="td_otp" style="border:5px solid red">Организация
    <input type="text" id="organ_otp"  name="organ_otp" style="border:5px solid blue"/>
    <div id="bb" style="border:5px solid green">
    <select id="list" style="width:100%;border:5px solid orange; ">
        <option></option>
        <option>Груши</option>
        <option>Яблоки</option>
        <option>Помидоры</option>
    </select>
    </div></td>
</table>

Ладно поеду по-тихоньку домой(буду часа через 2), если появятся вопросы оставьте оффтопом, а может уже кто из форумчан поможет...

Опа... Догнал... такая тема по поводу селекта уже была, поскольку в хроме он смотрелся нормально а в лисе выпадайки вылезали за пределы... Киньте тогда весь код таблицы - я приеду поковыряемся...

@WisesT · 06.11.2014, 19:00 **[ТС]**

Тут где-то беда именно с селектом. так как <select> у нас формируется при создании страницы, а <option> уже через скрипт.

@Fedor92 · 06.11.2014, 19:04

Можно попробовать для селекта задать жёсткие размеры ширины и высоты, чтобы он не мог вылезти за пределы ячейки и дива как такового...

@WisesT · 06.11.2014, 19:07 **[ТС]**

Если Вам не сложно. Чесслово, два дня эксперементирую.

HTML5
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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<form action="" method="post" name="frt" id="add_form" >
    <table border="0">
    <tr>
        <td class="t2">На когда</td>
        <td>
            <input type="text" size="50" maxlength="10" name="na_kogda" id="na_kogda" value="<?php echo date('d-m-Y')?>"/>*<input type="checkbox" name="prioritet" value="1"/>Не Киев<br/>
        </td>
    </tr>
 
    <tr>
        <td class="t2">Готовность заказа</td>
        <td>
            <input type="text" size="50" maxlength="50" name="gotovnost" id="gotovnost"/>*
        </td>
    </tr>
 
    <tr>
        <td class="t2">Тариф</td>
        <td>
            <SELECT NAME="tarif"  id="tarif">
            
            <?php
            
                 $tarifs = get_tarifs();
            
                foreach($tarifs as $item):
            
            ?>
            
                <OPTION value="<?=$item['id']; ?>"><?=$item['title']; ?></OPTION>
            
            <?
            
                endforeach;
            
            ?>
            </SELECT>
        </td>
    </tr>
 
    <tr>
        <td class="t2">Принял</td>
        <td> 
                     <!--<input type="radio" name="prinyal" id="nadya" value="Надежда" <?php if($_SERVER["REMOTE_ADDR"]=="192.168.1.28"){echo "checked";}?> ><label for="nadya"> Надя</label>-->
            <SELECT NAME="prinyal"  id="prinyal">
            <OPTION value="">-- Выбрать --</OPTION>
            <?php
            
                 $staff = get_staff();
            
                foreach($staff as $item):
            
            ?>
            
                <OPTION value="<?=$item['id']; ?>"><?=$item['name']; ?></OPTION>
                <!--<input type="radio" name="prinyal" id="<?=$item['id']; ?>" value="<?=$item['id']; ?>"/><label for="<?=$item['id']; ?>"><?=$item['name']; ?></label>-->
            
            <?
            
                endforeach;
            
            ?>
        </td>
        <td>
        Откуда о нас узнали?
        </td>
        <td>
        <SELECT NAME="sources"  id="sources">
        <OPTION value="">-- Выбрать --</OPTION>
            
            <?php
            
                 $sources = get_sources();
            
                foreach($sources as $item):
            
            ?>
            
                <OPTION value="<?=$item['id']; ?>"><?=$item['title']; ?></OPTION>
            
            <?
            
                endforeach;
            
            ?>
            </SELECT>
        </td>
    </tr>
 
    <tr>
        <td class="t2">Контраген</td>
        <td>
            <SELECT NAME="contragent"  id="contragent">
            
            <OPTION value="" SELECTED>Не указан</OPTION>
            
            <?php
            
                 $contragents = get_contragents();
            
                foreach($contragents as $item):
            
            ?>
            
                <OPTION value="<?=$item['id']; ?>"><?=$item['name']; ?> (<?=$item['otkuda']; ?>)</OPTION>
            
            <?
            
                endforeach;
            
            ?>
            
            </SELECT>
        </td>
        <td>
        Поле
        </td>
        <td>
            <input type="text" name="pole"/>
        </td>
    </tr>
    
    <tr>
        <td class="t2">Примечания</td>
        <td>
            <TEXTAREA type="text" NAME="primechaniya" id="notes" ROWS=4 COLS=50></TEXTAREA>
        </td>
        <td>Описание содержимого</td><td><TEXTAREA type="text" name="opis_otp"  ROWS=4 COLS=50></TEXTAREA></td>
    </tr>
    
<table  border="1" cellpadding="1" cellspacing="0">
  <tr>
    <td class="td_otp">ID Отправителя<input type="text" name="id_otp"/></td>
    <td class="td_otp">ФИО Отправителя<input type="text" name="fio_otp"/></td>
    <td class="td_pol">ID Получателя<input type="text" name="id_pol"/></td>
    <td class="td_pol">ФИО Получателя<input type="text" name="fio_pol"/></td>
  </tr>
  <tr>
    <td  colspan="2" class="td_otp" style="border:5px solid red">Организация
    <input type="text" id="organ_otp"  name="organ_otp" style="border:5px solid blue"/>
    <div id="bb" style="border:5px solid green">
    <select id="list" style="width:100%;border:5px solid orange; "></select>
    </div></td>
    <td colspan="2" class="td_pol">Организация<input type="text" name="organ_pol"/></td>
  </tr>
  <tr>
    <td colspan="2" class="td_otp">Телефон<input type="text" name="tel_otp"/></td>
    <td colspan="2" class="td_pol">Телефон<input type="text" name="tel_pol"/></td>
  </tr>
  <tr>
    <td colspan="2" class="td_otp">Адрес<input type="text" name="adr_otp"/></td>
    <td  class="td_pol">Адрес<input type="text" name="adr_pol"/></td><td class="td_pol">Спец инструкции<input type="text" name="spets_instr_pol"/></td>
  </tr>
  <tr>
    <td class="td_otp">Город<input type="text" name="gorod_otp"/></td>
    <td class="td_otp">Индекс<input type="text" name="index_otp"/></td>
    <td class="td_pol">Город<input type="text" name="gorod_pol"/></td>
    <td class="td_pol">Индекс<input type="text" name="index_pol"/></td>
  </tr>
  <tr>
    <td class="td_otp">Страна<input type="text" name="country_otp"/></td>
    <td class="td_otp">Область<input type="text" name="obl_otp"/></td>
    <td class="td_pol">Страна<input type="text" name="country_pol"/></td>
    <td class="td_pol">Область<input type="text" name="obl_pol"/></td>
  </tr>
  
  
  
  
  <tr>
    <td>Инф про отправ</td>
    <td>Услуги</td>
    <td>Оплата</td>
    <td>Доп услуги</td>
  </tr>
  <tr>
    <td class="td_usl"><input type="radio" name="info" value="Только док" />Только документы<br />
    <input type="radio" name="info" value="Другое" />Другое<br />
    Кол мест<input type="text" name="kol_mest"/><br />
    Вес<input type="text" name="ves"/><br/><!--обьемный вес<input type="text" name="ob_ves"/> --><br />
    Габариты Д*В*Ш в см.<br /><input type="text" size="5" name="gab_d"/> Х <input type="text" name="gab_v" size="5"/> Х <input type="text" size="5" name="gab_sh"/></td>
    <td class="td_usl">
        <?php
            
                 $uslugi = get_usluga();
            
                foreach($uslugi as $item):
            
            ?>
            
                <input type="radio" <?php if ($item['id'] =='3'){echo "checked";} ?> name="usluga" id="<?=$item['id']; ?>usluga" value="<?=$item['id']; ?>"><label for="<?=$item['id']; ?>usluga"><?=$item['title']; ?></label><br />
            
            <?
            
                endforeach;
            
            ?>
    <td class="td_usl">
    <?php
            
                 $oplaty = get_vidy_oplat();
            
                foreach($oplaty as $item):
            
            ?>
            
                <input type="radio" <?php if ($item['id'] =='1'){echo "checked";} ?> name="oplata" id="<?=$item['id']; ?>oplata" <? if(!empty($item['onclick'])) {echo "onclick=\"".$item['onclick']."\"";} ?> value="<?=$item['id']; ?>"><label for="<?=$item['id']; ?>oplata"><?=$item['title']; ?></label><? if(!empty($item['input_name'])) {echo "<input type=\"text\" placeholder=\"Третья сторона\" style=\"display: none;\" id=\"".$item['input']."\"  name=\"".$item['input_name']."\">";} ?><br />
            
            <?
            
                endforeach;
            
            ?>
    
    <input type="checkbox" name="za_dogovorom" value="Б/н"/>За договором<br/>
    <br/>Сумма<input type="text" name="other"/>
    <br/>заявленая стоимость<input type="text" name="cost"/></td>
    <td class="td_usl">
    <?php
            
                 $dop_uslugi = get_dop_usluga();
            
                foreach($dop_uslugi as $item):
            
            ?>
            
                <input type="checkbox" name="dop_usluga[]" id="<?=$item['id']; ?>dop_usluga" <? if(!empty($item['onclick'])) {echo "onclick=\"".$item['onclick']."\"";} ?> value="<?=$item['id']; ?>" ><label for="<?=$item['id']; ?>dop_usluga"><?=$item['title']; ?></label><? if(!empty($item['onclick'])) {echo "<input type=\"text\" placeholder=\"Укажите время\" style=\"display: none;\" id=\"".$item['input']."\"  name=\"".$item['input_name']."\">";} ?><br />
            
            <?
            
                endforeach;
            
            ?>
    
    </td>
  </tr>
  <tr>
    <td colspan="4"><center><input type="submit" name="vvod" value="Ввести" style="width:200px; height: 50;background-color:Tomato;"/></center></td>
  </tr>
</table>
    
    
    
 
 
 
        </td>
    </tr>
</table>
</form>

@Fedor92 · 07.11.2014, 11:11

Вчера посмотрел таблицу ничего особо криминального не нашёл... Правда без базы конечно особо не разойдёшься... Ну да ладно... Вы не могли бы ещё скрин приложить на котором будет видно куда смещаются выпадайки...?

@WisesT · 07.11.2014, 11:35 **[ТС]**

Выкладываю скриншоты и текущий код (list на bb заменил)
После загрузки страницы (див красный)
ЩАЗ ПОПРАВЛЮ

код страницы выше.
Код js

JavaScript
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
window.onload = function(){
$("#bb").hide()
vvv=$("#organ_otp");
vvv.keyup(function(){
if($("#organ_otp").val()==false){$("#bb").hide()} // спрятать если строка пуста
var csymbol=$("#organ_otp").val()
if(csymbol.length>=3){
check();
            }
$("option.temp").remove()// удаление старых результатов
 })}
function check(){ 
t=$("#organ_otp").val()
$.ajax({
  type: "POST",
  url: "serv_ajax.php",
  data: {"namex":t},
  success: function(t){
      var reports = eval('('+t+')')
if(reports!="not"){
$('#bb').show() 
} 
else { $('#bb').hide()
$("option.temp").remove()
 }
    $('#bb').attr("size",reports['count'])
for(var i=0; i<=reports['count']; i++) {
var tt="#"+i;
$("#bb").append('<option id='+i+' class=temp>'+reports[i]["firma"]+'</option>')
 
$(".temp").hover(function(){$(this).css({"background-color":"#6087FF","color":"white"})},// эффект блур
function (){$(this).css({"background-color":"white","color":"black"})}) // снимаеться 
 
$(tt).click(function () {
  var countx=$(this).attr('id') // привязывает к ид и дополняет оставшиеся поля
  $("#firma").val(reports[countx]['firma'])
 $("#adress").val(reports[countx]['adress'])
  $("#tel").val(reports[countx]['tel'])
  $("#notes").val(reports[countx]['notes']) 
  if(reports[countx]['oplata']=='Нал'){// проставляет чек бокс по форме оплаты
$("#opl1").attr('checked','checked')}
  if(reports[countx]['oplata']=='Безнал'){
$("#opl2").attr('checked','checked')}
  if(reports[countx]['oplata']=='Выбрать'){
$("#opl3").attr('checked','checked')}
  $('#bb').hide()
    })}}})};

код serv_ajax.php

PHP
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
<?php header('Content-Type: text/html; charset=UTF-8');
$_POST['namex'];
 
//echo $_POST['namex'];
if ($_POST['namex']!=NULL){
if (!function_exists('mb_ucfirst') && extension_loaded('mbstring'))// делает первую букву заглавной
{
    /**
     * mb_ucfirst - преобразует первый символ в верхний регистр
     * @param string $str - строка
     * @param string $encoding - кодировка, по-умолчанию UTF-8
     * @return string
     */
    function mb_ucfirst($str, $encoding='UTF-8')
    {
        $str = mb_ereg_replace('^[\ ]+', '', $str);
        $str = mb_strtoupper(mb_substr($str, 0, 1, $encoding), $encoding).
               mb_substr($str, 1, mb_strlen($str), $encoding);
        return $str;
    }
}
$firma=mb_ucfirst($_POST['namex']);
$firma=$_POST['namex'];
//echo $firma;
include("db_fns.php");
 /* [a-zA-Zа-яА-Я]*\s*\w */                                                                   
$j='SELECT * FROM clients WHERE firma REGEXP "[a-zA-Zа-яА-Я]*\s*\w*'.$firma.'[a-zA-Zа-яА-Я]*\s*\w*"';
//echo $j."<br>";
db_connect();
 
$a=mysql_query($j);
  // echo  mysql_errno() . ": " . mysql_error(). "\n";
//print_r($aa);
//echo mysql_num_rows($a);
$nn=mysql_num_rows($a);
if ($nn!=0){
//echo "количество строк--".$nn;
 for($i=0; $nn>=$i+1;$i++){ //echo "итерация--".$i; +1 потому что отчет идет с 0
 $aa=mysql_fetch_array($a, MYSQL_ASSOC);
 $js.="'$i':".json_encode($aa); // кодирует в JSONE
 } 
  $str='}';
 $js=str_replace ($str,'},', $js); // проставляет запятые
$cc="'count':'$nn'"; // подсчитывает количество затронутых строк в Mysql
//echo $cc;
 echo "{".$js.$cc."}";} // выводит строку
 else{ 
$er="not1";
$er= json_encode($er);
    echo  $er;  
} }  else {
$er="not22";
$er= json_encode($er);
echo  $er;  }
 
 
?>

@Fedor92 · 07.11.2014, 11:40

Картинки не загрузились... Их скрепкой прикреплять в расширенном режиме...!!!
Красный - границы ячейки... Синий-границы текстового поля... Зелёный-границы дива... Оранжевый - границы селекта... Что улетело?

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	06.11.2014, 17:54
	Ваше произведение выглядит вот так... Собственно чего Вы хотите? Изображения 0

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 17:56 [ТС]
	нет нет) выпадающего списка по умолчанию не видно. А вот когда начинают вводить символы, появляется выпадающие варианты (<option></option> которые) но они формируются черт знает где. а мне нужно рядом с ячейкой 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	06.11.2014, 17:59
	Это уже js... Начальное свойство ячейки display:none, ну а потом событие повесить при вводе текста display:block... 1

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 18:11 [ТС]
	display:none для div или для select? 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	06.11.2014, 18:12
	Для select, чтобы его изначально не было видно... 0

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 18:19 [ТС]
	дык его и так не видно О_О 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	06.11.2014, 18:23
	Что значит не видно? Я же показал Вам скрин, то что обведено оранжевым цветом - это селект... Чтобы его убрать до того, как пользователь начнёт вводить данные нужен display:none... В принципе можно целиком с дивом...))) 0

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 18:46 [ТС]
	div (Зеленый) находится под инпутом (это хорошо). Он не заполнен. Когда ввожу клиента - предлагаемые варианты (оранжевое) оказывается на много выше и правее. 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	06.11.2014, 18:49
	Вообще я бы вам посоветовал в js заменить #list на #bb так селект будет появляться только вместе с дивом... И див вместе с селектом... 0

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 18:57 [ТС]
	ВООО!!! уже на много лучше. Выпадающий список появляется в той же ячейке. Только такое ощущение, что они под цветом заливки ячейки. Добавлено через 2 минуты А, стоп. Это див появляется. Его размер соответсвует колличеству вариантов из селекта. но сам селект все равно черт знает где. Добавлено через 2 минуты Еслия в ерно вижу, то ситуация така. при загрузке страницы все ок и на своих местах. Дива не видно, селекта тоже. При вводе символов появляется див. В НЕМ лежат пункты селекта (сами выпадайки), а верх селекта вообще отдельно. 0

@WisesT 3 / 3 / 3 Регистрация: 15.12.2011 Сообщений: 160
	06.11.2014, 19:00 [ТС]
	Тут где-то беда именно с селектом. так как <select> у нас формируется при создании страницы, а <option> уже через скрипт. 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	06.11.2014, 19:04
	Можно попробовать для селекта задать жёсткие размеры ширины и высоты, чтобы он не мог вылезти за пределы ячейки и дива как такового... 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	07.11.2014, 11:11
	Вчера посмотрел таблицу ничего особо криминального не нашёл... Правда без базы конечно особо не разойдёшься... Ну да ладно... Вы не могли бы ещё скрин приложить на котором будет видно куда смещаются выпадайки...? 1

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	07.11.2014, 11:40
	Картинки не загрузились... Их скрепкой прикреплять в расширенном режиме...!!! Красный - границы ячейки... Синий-границы текстового поля... Зелёный-границы дива... Оранжевый - границы селекта... Что улетело? 0