Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Добавление кнопки / 16 сообщений из 16, страница 1 из 1
11.06.2009, 09:19
    #36036806
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
Здравствуйте, сразу оговорюсь, что js я знаю очень плохо, но однако проблема требует срочного решения,помогите пожалуйста...Спасибо за понимание...
Задача в следующем...Нужно создавать кнопки с названиями из массива элементов...
Но я пока даже одну кнопку создать не могу))
Вот как я пытаюсь это сделать
Код: plaintext
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.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<script type="text/javascript" >

function append(form) {
var btndiv = document.createElement("div");

btndiv.id = 'divBtn';
btndiv.innerHtml = '<input type="button" value="OK">';
document.getElementById("myDiv").appendChild(btndiv);

}

</script>

<div id="myDiv">
</div>

<form>
   Введите текст, который бедет добавлен или заменен в элементе: 
   <input type="text" name="input" size="30" /><br />
    <input type="button" value="Добавить" onclick="append(this.form)" />
</form>

</body>
</html>

в итоге при нажатие на кнопку ничего не происходит...
подскажите пожалуйста, что я делаю неправильно и как это сделать правильно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 09:29
    #36036821
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
ну тут я с дивами перемудрил...
пробовал так
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<script type="text/javascript" >
function append(form) {
var btndiv = document.createElement("div");
btndiv.id = 'divBtn';
btndiv.innerHtml = '<input type="button" value="OK">';
document.body.appendChild(btndiv);
}
</script>
но тоже не выходит
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 10:25
    #36036968
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
неужели никто не может помочь?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 11:14
    #36037130
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
Как то так
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
function append(form) {
    var btndiv = document.createElement("div");
    
    btndiv.id = 'divBtn'; // тут разобраться со значением айди!
    document.getElementById("myDiv").appendChild(btndiv);
    
    var btn = document.createElement('input');
    btn.type = 'button';
    btn.value = 'OK';
    btndiv.appendChild(btn);
}

Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 11:40
    #36037211
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
большое спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 11:54
    #36037254
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
Извините, я к вам снова с вопросом))
Я получил список кнопок из массива и они у меня выстраиваются все в 1 столбик на странице...а надо, чтоб нарисовалась клавиатура...
пишу так
Код: plaintext
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.
Lang_arr.Russian = [ // Russian Standard Keyboard
      [["ё", "Ё"], ["1", "!"], ["2", '"'], ["3", "№"], ["4", ";"], ["5", "%"], ["6", ":"], ["7", "?"], ["8", "*"], ["9", "("], ["0", ")"], ["-", "_"], ["=", "+"], ["Bksp", "Bksp"]],
      [["Tab", "Tab"], ["й", "Й"], ["ц", "Ц"], ["у", "У"], ["\u043A", "\u041A"], ["е", "Е"], ["\u043D", "\u041D"], ["г", "Г"], ["ш", "Ш"], ["щ", "Щ"], ["з", "З"], ["х", "Х"], ["\u044A", "\u042A"], ["Enter", "Enter"]],
      [["Caps", "Caps"], ["ф", "Ф"], ["\u044B", "\u042B"], ["в", "В"], ["а", "А"], ["\u043F", "\u041F"], ["р", "Р"], ["\u043E", "\u041E"], ["\u043B", "\u041B"], ["д", "Д"], ["ж", "Ж"], ["\u044D", "\u042D"], ["\\", "/"]],
      [["Shift", "Shift"], ["/", "|"], ["\u044F", "\u042F"], ["ч", "Ч"], ["с", "С"], ["\u043C", "\u041C"], ["и", "И"], ["т", "Т"], ["\u044C", "\u042C"], ["б", "Б"], ["\u044E", "\u042E"], [".", ","], ["Shift", "Shift"]],
      [[" ", " "]]
    ];

function append(form) {
 for (var i =  0 ; i<Lang_arr.Russian.length; i++){
     var tr = document.createElement('tr');
    for  (var j =  0 ; j<Lang_arr.Russian[i].length; j++){
            var td = document.createElement('td');
            td.colSpan = "2";

            var btndiv = document.createElement("div");
            btndiv.id = 'divBtn'; 

            var btn = document.createElement('input');
            btn.type = 'button';
            btn.value =Lang_arr.Russian[i][j][ 0 ] ;//строчные буквы
            //btn.value =Lang_arr.Russian[i][j][ 1 ] ;//прописные буквы
            btndiv.appendChild(btn);

            td.appendChild(btndiv);
     }
tr.appendChild(td);
 }
document.body.appendChild(tr);

}
в чём в этот раз проблема? ещё раз прошу прощения за тупые вопросы)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 13:00
    #36037476
vkle
vkle
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
Попробуйте посмотреть в сторону стилей. Скорей всего, float:left поможет.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 13:23
    #36037536
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
кстати в скрипте обработку клика кнопки
Код: plaintext
btn.onclick = "btnClick()";
не получается сделать...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 13:38
    #36037586
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
Код: plaintext
1.
btn.onclick=btnClick;
?
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 14:12
    #36037699
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
Иногда очень полезно (при сохранении и восстановлении из innerHTML) писать так:
Код: plaintext
1.
btn.setAttribute("onclick","btnClick()", 0 );
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 14:55
    #36037838
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
тынць
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.06.2009, 15:01
    #36037853
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
 
off
BTW, vkle
Код: plaintext
1.
2.
var btn = document.createElement('input');
btn.type = 'button';

С этим когда-то боролсо ... Правда, справедливости ради, в здешнем случае - button. Да и много воды утекло с тех пор...

_________________
"Helo, word!" - 17 errors 56 warnings
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.06.2009, 07:08
    #36040656
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
спасибо за подсказки, но ничего не помогло(((
Код: plaintext
1.
2.
3.
btn.onclick=btnClick;
//и
btn.setAttribute("onclick","btnClick()", 0 );
просто никак не действуют...я тыкаю на кнопку и ничего не происходит
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.06.2009, 07:09
    #36040657
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
забыл про эту тему и создал новую, не ругайте)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.06.2009, 07:33
    #36040667
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
Ex_Soft, спасибо большое...получилось вот так
Код: plaintext
1.
2.
td.innerHTML="<input type=\"button\" id=\"btn00\" name=\"btn00\" value=" +Lang_arr.Russian[i][j][ 0 ] + "  onclick = \" btnclick( ' " + btn.id + " ' )\">";
tr.appendChild(td);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.06.2009, 07:36
    #36040670
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Добавление кнопки
а точнее
Код: plaintext
1.
2.
3.
4.
btnid = "btn" + i+ j;

td.innerHTML="<input type=\"button\" id=' " + btnid + " ' name=" + btnid + " value=" +Lang_arr.Russian[i][j][ 0 ] + "  onclick = \" btnclick( ' " + btnid + " ' )\">";
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Добавление кнопки / 16 сообщений из 16, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 533ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454684]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 188ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 52ms
get tp. blocked users:
 2ms
others: 249ms
total:  533ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]