powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Добавление кнопки
16 сообщений из 16, страница 1 из 1
Добавление кнопки
    #36036806
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
Добавление кнопки
    #36036821
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
Добавление кнопки
    #36036968
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
неужели никто не может помочь?
...
Рейтинг: 0 / 0
Добавление кнопки
    #36037130
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
Добавление кнопки
    #36037211
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
большое спасибо
...
Рейтинг: 0 / 0
Добавление кнопки
    #36037254
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
Добавление кнопки
    #36037476
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Попробуйте посмотреть в сторону стилей. Скорей всего, float:left поможет.
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Добавление кнопки
    #36037536
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
кстати в скрипте обработку клика кнопки
Код: plaintext
btn.onclick = "btnClick()";
не получается сделать...
...
Рейтинг: 0 / 0
Добавление кнопки
    #36037586
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
btn.onclick=btnClick;
?
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Добавление кнопки
    #36037699
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Иногда очень полезно (при сохранении и восстановлении из innerHTML) писать так:
Код: plaintext
1.
btn.setAttribute("onclick","btnClick()", 0 );
...
Рейтинг: 0 / 0
Добавление кнопки
    #36037838
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
тынць
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
Добавление кнопки
    #36037853
Фотография 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
Добавление кнопки
    #36040656
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
спасибо за подсказки, но ничего не помогло(((
Код: plaintext
1.
2.
3.
btn.onclick=btnClick;
//и
btn.setAttribute("onclick","btnClick()", 0 );
просто никак не действуют...я тыкаю на кнопку и ничего не происходит
...
Рейтинг: 0 / 0
Добавление кнопки
    #36040657
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
забыл про эту тему и создал новую, не ругайте)
...
Рейтинг: 0 / 0
Добавление кнопки
    #36040667
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
Добавление кнопки
    #36040670
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
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Добавление кнопки
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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