VPF::Создание элемента - Форум программистов

Mushu

Дата 19.6.2007, 13:10 (ссылка)

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

Загрузка ...

Опытный

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

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

Можно примр кода. не отрывок а полный. мне нужно понять как реализовать на js чтоб получилось вот такой кусок кода в HTML

Код


<select id ="111" name="list" size="1"  onChange="d(this)">
                <option value="1" selected="selected">А</option>
                <option value="2" selected="selected">Б</option>
                <option value="3" selected="selected">С</option>
                <option value="4" selected="selected">Д</option>
                 </select><br>

dstorm81

Дата 19.6.2007, 14:08 (ссылка)

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

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 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>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<style type="text/css">
/*<![CDATA[*/
.workPlace{font-size:11px;width:90%;overflow:auto;border-left:10px #eee solid;}
td .fsection{color:royalblue}
html,body{margin:10px 50px;font-size:13px}
span{color:royalblue}
td.one{background:red;text-align:center}
td.two{background:lightblue;text-align:center}
td.three{background:lightgreen;text-align:center}
/*]]>*/
</style>
<title></title>
<script type="text/javascript">
//<![CDATA[
var streetArr=['Строителей','Строительная','Солнечная','Гоголя'];


var DOMmet=function()
{
clearDIV();
var m1=new Date();
var months=document.createElement("SELECT");
for(var i=0;i<streetArr.length;i++)
    {
    var opt=document.createElement("OPTION");
        months.appendChild(opt);
        opt.value=opt.text=streetArr[i];
    }
document.getElementById("podst").appendChild(months);
var m2=new Date();
alert(m2-m1)
}


var InnerHTMLmet=function()
{
clearDIV();
mas=[];
var m1=new Date();
for(var i=0;i<streetArr.length;i++)
    {
    var temp=streetArr[i];
    mas[i]="<option value='"+temp+"'>"+temp+"<\/option>"
    }
document.getElementById("podst").innerHTML="<select>"+mas+"<\/select>";//остаются [,] но все работает
var m2=new Date();
alert(m2-m1)
}

var clearDIV=function()
{
document.getElementById("podst").innerHTML="";
}
//]]>
</script>
</head>
<body>
<div id="podst"></div>
<form action="#">
<center><h4>Генерация содержимого SELECT или innerHTML или DOM.</h4></center>
<b>Пролог:</b><br/> 
Собственно САБЖ...<br />
Для тестирования методов был создан массив (streetArr=[] длиной 4500), элементы которого циклом заполняют select.<br />

<span>при генерации в ослике нет текста в options, но value заполняются,
что можно посмотреть через [посмотреть код selecta])</span><br />
Оптимизировать скрипт для ослика специально не стал:<br />
во-первых: увеличит код и следовательно работать будет медленней (в других смотрелках)<br />
во-вторых: это работает (хоть и криво) во всех браузерах (тестируемых) и выдает действительные результаты
<hr />
<input type="button"  value="время DOM" onclick="DOMmet()" />
<input type="button" value="время innerHTML" onclick="InnerHTMLmet()" />
<input type="button" value="посмотреть код selecta" onclick="alert(document.getElementById('podst').innerHTML)" />
</form>

</body>
</html><noscript>
</noscript>
<html>

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

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

Mushu

Дата 19.6.2007, 15:15 (ссылка)

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

Загрузка ...

Опытный

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

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

Нето поподробней плз, например есть (любой ) масив в котром храниться значение, и имя и вот из него создать селект

dstorm81

Дата 20.6.2007, 10:02 (ссылка)

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

Загрузка ...

бездельник

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

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

хз какой у тя массив, я не телепат, но предположим что такой

Код


<html>
<body>
<div id="podst"></div>
<script>
var streetArr=['val1','Строительная','val2','Гоголя','val3','пушкина'];
var DOMmet=function()
{
var m1=new Date();
var months=document.createElement("SELECT");
for(var i=0;i<streetArr.length/2;i++)
    {
    var opt=document.createElement("OPTION");
        months.appendChild(opt);
        opt.value=streetArr[i*2];
        opt.text=streetArr[i*2+1];
    }
document.getElementById("podst").appendChild(months);
}
DOMmet();
</script>
</body>
</html>

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

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

Mushu

Дата 21.6.2007, 13:01 (ссылка)

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

Загрузка ...

Опытный

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

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

Это понятно, а самое главное где происходит создание в селекте (собития) onChange="d(this)" ..??????

Это сообщение отредактировал(а) Mushu - 21.6.2007, 15:25

DEER

Дата 21.6.2007, 16:00 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: 2
Всего: 13

по коду dstorm81,

Код


months.onChange=d(months);

типа такого

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

Mushu

Дата 21.6.2007, 16:01 (ссылка)

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

Загрузка ...

Опытный

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

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

не проходит

Добавлено @ 16:05
Вот сам код

Код


<html>
<body>
<form>
<div id="podst"></div>

<script>

var streetArr=['val1','Строительная','val2','Гоголя','val3','пушкина'];
var DOMmet=function()
{
var m1=new Date();
var months=document.createElement("SELECT");
    months.name = "fsdfsdf";  //получаеться
    months.id = "1111";          //получаеться
    months.onChange=d();   // НЕ получаеться

for(var i=0;i<streetArr.length/2;i++)
    {
    var opt=document.createElement("OPTION");
        months.appendChild(opt);
        opt.value=streetArr[i*2];
        opt.text=streetArr[i*2+1];
        
    }
document.getElementById("podst").appendChild(months);


}
function d()
{
    
    alert("sdfsdfsdf");
    
}

DOMmet();
</script>
</form>
</body>
</html>

ХЕЛПППП!!!!!!!!!

Это сообщение отредактировал(а) Mushu - 21.6.2007, 16:47

SelenIT

Дата 21.6.2007, 19:35 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 49
Всего: 401

Mushu, "НЕ получаетЬся" из-за 2-х ошибок. Вот так правильно:

Код


    months.onchange=d; // строка 15

1) все обработчики событий - только в нижнем регистре;
2) d - функция, d() - то, что возвращает ее вызов. Присваивать нужно функцию.

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

Mushu

Дата 22.6.2007, 08:45 (ссылка)

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

Загрузка ...

Опытный

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

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

Большое спасибоооо!!!! заработало!!!!

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