Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Подключаемый скрипт и обработка кнопки (https://javascript.ru/forum/css-html/68178-podklyuchaemyjj-skript-i-obrabotka-knopki.html)

xdd 30.03.2017 17:05

Подключаемый скрипт и обработка кнопки
 
Всем привет в подключаемом скрипте программно создаются кнопки и текстовое поле.
Я хочу из этого, же скрипта определить нажималась ли кнопка "Да"
и отправлять данные записанные в текстовое поле, посредством пост.
подключаю на сайте скрипт вот так
<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);
, а мне надо при нажатии на кнопку
Кто делал такое подскажите плз

Александр83 26.10.2017 05:36

Доброго времени суток! подскажите пожалуйста как сделать так чтоб при нажатии на кнопку с 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>

ruslan_mart 26.10.2017 06:11

document.getElementById('button_1').onclick = function() {
    document.getElementById('button_2').click();
    document.getElementById('button_3').click();
};

Александр83 28.10.2017 15:06

Здравствуйте! подскажите как решить данную задачу, есть 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>

Александр83 28.10.2017 15:09

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


Часовой пояс GMT +3, время: 01:00.