VPF::не могу создать size в msie создаваемом selecte

dstorm81

Дата 29.1.2007, 12:58 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

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

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>автоподстановка</title>
</head>
<body>
<input type="text" id="fi"/>
<div id="podst"></div>
<script type="text/javascript">
var streetArr=["1я Железнодорожная",
"2-я Железнодорожная","Волжская","Гагарина","Гастелло","Гоголя","Дачная","Декабристов","Заикина","Залесная","Засорина","Зеленая",
"Карла Маркса","Комсомольская","Космонавтов","Краснофлотская","Красный переулок","Ленина","Лиственная","Малая Красная",
"Маяковского","Мира","Мичурина","Московская","Осипенко","Паратская","Первомайская","Песчаная","Почтовая","Рогачева",
"Северная","Серова","Солнечная","Сосновая","Союзная","Татарстан","Тимирязева","Тихая","Тукая","Туктарова","Тургенева",
"Украинская","Фрунзе","Чайковского","Чкалова","Шевченко","Школьная","Энгельса","Юбилейная","Юности"];

var sp=function (id){return document.getElementById(id);}

document.onkeyup=function(e)
{
var e=e||window.event;
var E=e.target||e.srcElement;
if(E.id=="fi")
    {
    if(e.keyCode==40){try{sp("podstSel").focus()}catch(e){}}
    else{
        var m=0;
        var hndl2SEL=document.createElement("SELECT");
            hndl2SEL.id='podstSel';
            sp("podst").style.display="";
        for(var i=0;i<streetArr.length;i++)
            {
            if(streetArr[i].toLowerCase().indexOf(E.value.toLowerCase())!=-1)// поиск вхождений в lowcase
                {
                m++;
                var optionName=document.createElement("OPTION");
                var hndl2Op=hndl2SEL.appendChild(optionName);
                    hndl2Op.text=hndl2Op.value=streetArr[i];
                }
            }
            sp("podst").innerHTML='';
            sp("podst").appendChild(hndl2SEL);
            hndl2SEL.size=(m>10)?10:m;
        }
    }
if(e.keyCode==13 && E.nodeName=='SELECT'){sp("fi").value=E.value;sp("fi").focus();sp("podst").style.display="none";}
}

window.onload=function(e)
{var a_INP=document.getElementsByTagName('INPUT');for(var i=0;i<a_INP.length;i++)a_INP[i].autocomplete="off"}
</script>
</body>
</html>

или в осле это нельзя сделать.
З.Ы. если делать через иннер нтмл то все путем, просто мне надо домовский вариант, что бы мороки помешьше было

Добавлено @ 13:01
hndl2SEL.size= вот эта строка ослом игнорируется

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

Nicholas_S

Дата 29.1.2007, 13:03 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19

осел как всегда... осел.
Сделай так:

Код


hndl2SEL=document.createElement("<SELECT size=100>");

--------------------

...все в мире относительно

dstorm81

Дата 29.1.2007, 13:35 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>автоподстановка</title>
</head>
<body>
<input type="text" id="fi"/>
<div id="podst"></div>
<script type="text/javascript">
var streetArr=["1я Железнодорожная",
"2-я Железнодорожная","Волжская","Гагарина","Гастелло","Гоголя","Дачная","Декабристов","Заикина","Залесная","Засорина","Зеленая",
"Карла Маркса","Комсомольская","Космонавтов","Краснофлотская","Красный переулок","Ленина","Лиственная","Малая Красная",
"Маяковского","Мира","Мичурина","Московская","Осипенко","Паратская","Первомайская","Песчаная","Почтовая","Рогачева",
"Северная","Серова","Солнечная","Сосновая","Союзная","Татарстан","Тимирязева","Тихая","Тукая","Туктарова","Тургенева",
"Украинская","Фрунзе","Чайковского","Чкалова","Шевченко","Школьная","Энгельса","Юбилейная","Юности"];

var sp=function (id){return document.getElementById(id);}

document.onkeyup=function(e)
{
var e=e||window.event;
var E=e.target||e.srcElement;
if(E.id=="fi")
    {
    if(e.keyCode==40){try{sp("podstSel").focus()}catch(e){}}
    else{
        var m=0;
        /*@cc_on @*/
        /*@if(@_jscript)
        var hndl2SEL=document.createElement("<SELECT size=10>");
        @else @*/
        var hndl2SEL=document.createElement("SELECT");
        /*@end @*/

            hndl2SEL.id='podstSel';
            sp("podst").style.display="";
        for(var i=0;i<streetArr.length;i++)
            {
            if(streetArr[i].toLowerCase().indexOf(E.value.toLowerCase())!=-1)// поиск вхождений в lowcase
                {
                m++;
                var optionName=document.createElement("OPTION");
                var hndl2Op=hndl2SEL.appendChild(optionName);
                    hndl2Op.text=hndl2Op.value=streetArr[i];
                }
            }
            sp("podst").innerHTML='';
            sp("podst").appendChild(hndl2SEL);
            hndl2SEL.size=(m>10)?10:m;
        }
    }
if(e.keyCode==13 && E.nodeName=='SELECT'){sp("fi").value=E.value;sp("fi").focus();sp("podst").style.display="none";}
}
window.onload=function(e)
{var a_INP=document.getElementsByTagName('INPUT');for(var i=0;i<a_INP.length;i++)a_INP[i].autocomplete="off"}
</script>
</body>
</html>
так работает

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

Nicholas_S

Дата 29.1.2007, 13:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 486
Регистрация: 12.10.2006
Где: Санкт-Петербург

Репутация: 5
Всего: 19

dstorm81, ставь что решен вопрос smile

--------------------

...все в мире относительно

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »