js кнопка



Javascript кнопка

Автор станислав кардаш задал вопрос в разделе Другие языки и технологии

Как с помощью JavaScript добавить кнопку? (или что-то типа такого) и получил лучший ответ

Ответ от Dr. Dick[гуру]
ну например если кнопка заключена в тег А (ссылка) , то создаем тег А и набиваем его нужным хтмл-ем, после чего аппендим его к ноде панели.
var a = document.createElement('A');
a.innerHTML = "внутренний код кнопки";
a.href="blabla";
a.onclick=function(){blabla}
....
panel.appendChild(a);
хотя, можно поступить еще проще:
panel.innerHTML += "код новой кнопки";
Но второй способ может привести к неработоспособности кнопок, если на них забиндены какие-то ивенты _средствами жаваскрипта_ (то есть, не через свойства тега onclick, onmouseover и т. д, а в коде)
Dr. Dick
Просветленный
(44023)
да, в виде обычного хтмл

Ответ от Пользователь[гуру]
скачай этот самый скрипт, и посмотри какие функции в нем использованы.

Ответ от Metotron[гуру]
var node = document.createElement('div')
parent.appendChild(node)
Примерно так работать с DOM. Давно на чистом js не писал, всё больше на jquery, но вроде ничего не напутал. Конечно, нужно ещё задать все параметры, хотя бы класс через className, чтобы кнопку стилизовать под кнопку. onclick повесить тоже.

Ответ от Ray Hay[гуру]
Да легко.. . Правда важно было бы нам написать при каких условиях должна появиться кнопка. Пр нажатии на что-то на сайте, или при на ведении на это "что-то" мышкой.. . или же просто при загрузке страницы.. .
Я напишу с помощьую jQuery чтоб кнопка появилась просто заполнении одного инпута.
Ваш html страницы:
....
<div class="figEgoZnaet">
<input id="first" type="text" value="" />
</div>
....
<script>
$(document).ready(function(){
var button = '<input type="button" value="Кнопка" />';
$('#first').on("keyup",function(){
$(this).after(button);
});
});
</script>

Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с ответами на Ваш вопрос: Как с помощью JavaScript добавить кнопку? (или что-то типа такого)

Как выйти из полноэкранного режим с помощью javascript? Пробовал cancelFullScreen и exitFullScreen не работает!
А что, если объекту window сделать dispatchEvent и передать клавишу с кодом 27 (escape)?
подробнее...

Получение данных из форм в javascript
jQuery: $('input[name="login"]').val() - получить текст, введённый в поле <input type="text"
подробнее...

Нажатие на кнопку JS
<!doctype html>
<html lang="ru">
<head>
<meta
подробнее...
Ответ от 3 ответа[гуру]
Привет! Вот еще темы с похожими вопросами:

Как включить javascript в FireFox
Настройки браузера. : Включение JavaScript.

В приведенных ниже инструкциях описывается, как
подробнее...
спросили в Рекурсия
Повтор функции обратного отсчета при onclick (JavaScript)
У тебя есть ф-ция repeat(),которая должна обрабатывать _timeout, выводить на экран строки и делать
подробнее...
спросили в Blur
Регулярные выражения в JavaScript
есть несколько вариантов решений твоей проблемы.
1. Написать самому, для этого ты должен
подробнее...
спросили в Интернет Chrome
Как включить JavaScript в google chrome???
Как включить JavaScript (яваскрипт) ?
Инструкции по включению JavaScript (яваскрипт) для
подробнее...

как включить javascript.
Как включить JavaScript (яваскрипт) ?
Инструкции по включению JavaScript (яваскрипт) для
подробнее...

как включить javascript
Инструкции по включению JavaScript (яваскрипт) для основных браузеров.

Opera

1.
подробнее...
спросили в Другое
Не могу оценивать фото, пишет javascript: void(0) - Что это может быть?
Как включить JavaScript в браузере.

JavaScript — скриптовый язык, чаще всего
подробнее...

Скажите плиз как включить JavaScript ?
✓JavaScript — это язык сценариев, с его помощью в HTML-документ (страницу сайта) можно встроить
подробнее...

потскажите подробно как включить потдержку javascript cookies
Поддержка JavaScript в Internet Explorer

1. Войдите в меню "Сервис"->"Свойства
подробнее...
спросили в Интернет
что означает, мой браузер не поддерживает Javascript, или он отключен.
Пожалуйста, включите поддержку Javascript

Функция исполнения скриптов, написанных на языке JavaScripy включается в настройках Вашего
подробнее...
 

Ответить на вопрос:

Имя*

E-mail:*

Текст ответа:*
Проверочный код(введите 22):*