Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.03.2017, 17:05
xdd xdd вне форума
Новичок на форуме
Отправить личное сообщение для xdd Посмотреть профиль Найти все сообщения от xdd
 
Регистрация: 30.03.2017
Сообщений: 1

Подключаемый скрипт и обработка кнопки
Всем привет в подключаемом скрипте программно создаются кнопки и текстовое поле.
Я хочу из этого, же скрипта определить нажималась ли кнопка "Да"
и отправлять данные записанные в текстовое поле, посредством пост.
подключаю на сайте скрипт вот так
<script type="text/javascript" src="http://****.ru/button.js">

</script>


Сейчас пытаюсь хотя бы достичь результата поймать нажатие кнопки
"Да". Вот код скрипта:
function ShowBody() {
 //    alert("gg");
 document.getElementById("body").style.display = 'block';   
 process();
 }

function count_rabbits(){
    alert("ER");
} 

function process() {
var txt = document.createElement('input');
 txt.name = 'myNametext';
 txt.type = 'text'; // или 'submit', или 'reset';
 txt.id = 'myUniqueIDtext';
 txt.onFocus= "this.value=''";
 txt.value = 'Введите ид'; // или 'Отправить', или 'Очистить'...
 txt.style.cssText = 'color: red; margin-top: 100px;margin-right: 100px;';

 // вариант второй: перед открывающим тегом какого-нить тега c id="myElem"
 document.getElementById('blocklogo').parentNode.insertBefore(txt, document.getElementById('blocklogo'));
 
 var btn = document.createElement('input');
 btn.onClick= count_rabbits;//function() {alert("ER");};
 btn.name = 'myName';
 btn.type = 'button'; // или 'submit', или 'reset';
 btn.id = 'myUniqueID';
 btn.value = 'Да'; // или 'Отправить', или 'Очистить'...
 //btn.onClick=alert('rdtret');
 btn.style.cssText = 'color: red; margin-top: 100px;';
id="myElem"
 document.getElementById('blocklogo').parentNode.insertBefore(btn, document.getElementById('blocklogo'));
 //alert("hello");
 var btn1 = document.createElement(('v' == '\v') ? '<input name="myName1">' : 'input');
 btn1.onClick= count_rabbits;//function() {alert("ER");};
 btn1.name = 'myName1';
 btn1.type = 'button'; // или 'submit', или 'reset';
 btn1.id = 'myUniqueID1';
 btn1.value = 'Нет'; // или 'Отправить', или 'Очистить'...
 btn1.style.cssText = 'color: red; margin-top: 100px;';
 // вариант второй: перед открывающим тегом какого-нить тега c id="myElem"
 document.getElementById('blocklogo').parentNode.insertBefore(btn1, document.getElementById('blocklogo'));
//document.body.addEventListener("DOMNodeInserted",function(e){ alert('страница изменена'); },false);
}
ShowBody();


Пытался это сделать btn1.onClick= function() {alert("ER");}; но он не отрабатывает при нажатии на кнопку.
Так же пытался отлавливать по событию, но получается, что сразу ловит изменения при первом запуске
document.body.addEventListener("DOMNodeInserted",f unction(e){ alert('страница изменена'); },false);
, а мне надо при нажатии на кнопку
Кто делал такое подскажите плз
Ответить с цитированием
  #2 (permalink)  
Старый 26.10.2017, 05:36
Аватар для Александр83
Аспирант
Отправить личное сообщение для Александр83 Посмотреть профиль Найти все сообщения от Александр83
 
Регистрация: 06.03.2017
Сообщений: 93

Доброго времени суток! подскажите пожалуйста как сделать так чтоб при нажатии на кнопку с ID button_1, одновременно задействовать button_2 и button_3?
<button id="button_1"> кнопка 1</button>
<button id="button_2"> кнопка 2</button>
<button id="button_3"> кнопка 3</button>
Ответить с цитированием
  #3 (permalink)  
Старый 26.10.2017, 06:11
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

document.getElementById('button_1').onclick = function() {
    document.getElementById('button_2').click();
    document.getElementById('button_3').click();
};
Ответить с цитированием
  #4 (permalink)  
Старый 28.10.2017, 15:06
Аватар для Александр83
Аспирант
Отправить личное сообщение для Александр83 Посмотреть профиль Найти все сообщения от Александр83
 
Регистрация: 06.03.2017
Сообщений: 93

Здравствуйте! подскажите как решить данную задачу, есть select и button, необходимо Атрибут fox-id от выбранного option средствами JS передать на кнопку button а атрибут data-item?
<select class="proso" id="proso"> 
<option value="0">не выбран ID</option>  
<option value="1" fox-id="1">Выбран ID №1</option>
<option value="2" fox-id="2">Выбран ID №2</option> 
</select>

<button
id="button_fox" 
class="fox" 
data-item="здесь необходимо вставить атрибут fox-id от выбранного option" 
>
</button>
Ответить с цитированием
  #5 (permalink)  
Старый 28.10.2017, 15:09
Аватар для Александр83
Аспирант
Отправить личное сообщение для Александр83 Посмотреть профиль Найти все сообщения от Александр83
 
Регистрация: 06.03.2017
Сообщений: 93

<button
id="button_fox"
class="fox"
data-item="здесь необходимо вставить значение атрибута fox-id от выбранного option"
>
</button>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрипт по событию нажатие радио кнопки Demokrat07 jQuery 6 30.11.2016 17:52
Скрипт редеректа но со своеобразной логикой sergofedor06 Javascript под браузер 4 15.09.2016 11:42
скрипт подтверждения действия GaryFisher Элементы интерфейса 2 06.07.2013 15:33
Обработка кнопки ENTER в визуальном редакторе intr Events/DOM/Window 1 07.08.2008 18:08
добавление окошка в скрипт подсчета слов Гость Общие вопросы Javascript 10 11.03.2008 17:07