Другие языки программирования и технологии
Как с помощью JavaScript добавить кнопку? (или что-то типа такого)
На сайте, во время отправки сообщения, есть панель разных кнопок (bb-коды) . Я хочу написать js скрипт чтобы в эту панель добавить еще одну кнопку. ID той панели знаю. Скрипт пишу в Tampermonkey
ну например если кнопка заключена в тег А (ссылка) , то создаем тег А и набиваем его нужным хтмл-ем, после чего аппендим его к ноде панели.
var a = document.createElement('A');
a.innerHTML = "внутренний код кнопки";
a.href="blabla";
a.onclick=function(){blabla}
....
panel.appendChild(a);
хотя, можно поступить еще проще:
panel.innerHTML += "код новой кнопки";
Но второй способ может привести к неработоспособности кнопок, если на них забиндены какие-то ивенты _средствами жаваскрипта_ (то есть, не через свойства тега onclick, onmouseover и т. д, а в коде)
var a = document.createElement('A');
a.innerHTML = "внутренний код кнопки";
a.href="blabla";
a.onclick=function(){blabla}
....
panel.appendChild(a);
хотя, можно поступить еще проще:
panel.innerHTML += "код новой кнопки";
Но второй способ может привести к неработоспособности кнопок, если на них забиндены какие-то ивенты _средствами жаваскрипта_ (то есть, не через свойства тега onclick, onmouseover и т. д, а в коде)
var node = document.createElement('div')
parent.appendChild(node)
Примерно так работать с DOM. Давно на чистом js не писал, всё больше на jquery, но вроде ничего не напутал. Конечно, нужно ещё задать все параметры, хотя бы класс через className, чтобы кнопку стилизовать под кнопку. onclick повесить тоже.
parent.appendChild(node)
Примерно так работать с DOM. Давно на чистом js не писал, всё больше на jquery, но вроде ничего не напутал. Конечно, нужно ещё задать все параметры, хотя бы класс через className, чтобы кнопку стилизовать под кнопку. onclick повесить тоже.
скачай этот самый скрипт, и посмотри какие функции в нем использованы.
Дмитрий Мариевский
Где я этот скрипт скачаю?
Да легко.. . Правда важно было бы нам написать при каких условиях должна появиться кнопка. Пр нажатии на что-то на сайте, или при на ведении на это "что-то" мышкой.. . или же просто при загрузке страницы.. .
Я напишу с помощьую 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>
Я напишу с помощьую 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>
Похожие вопросы
- JavaScript Как получить данные из файла с помощью JavaScript?
- Обратная связь на HTML (JavaScript)?
- Почему когда я смотрю фото то мне пишет(Функциональность не поддерживается без JavaScript.Необходимо включить JavaScript
- За сколько Вы выучили html, css, javascript?
- Насколько сложены PHP, JavaScript, Java, C++?
- Отложите синтаксический анализ JavaScript
- java или javascript??
- JavaScript vs Php vs Rails- требуется авторитетное и компетентное мнение !
- Что такое JavaScript и html?чем они отличаются?
- Java. Swing. Куча кнопок и actionlistener
В таком виде:
<a href="типа адрес сайта">ссылка</a> (например)