html в Tampermonkey

[денис77447327]

НАПИСАНИЕ СКРИПТОВ ПОД ЗАКАЗ ДЛЯ ТАМПЕРМАНКИ ТЕЛЕГРАМ @JSMOS

[Nexus]

https://learn.javascript.ru/modifying-document
Читали?

[денис77447327]

в тамперманки это не работает читал. точнее может и работает но там как то подругому

[j0hnik]

в тамперманки это не работает ТОЧНО!

[Nexus]

в тамперманки это не работает читал. точнее может и работает но там как то подругому
только что проверил этот скрипт, все работает.

// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://javascript.ru/forum/dom-window/73215-html-v-tampermonkey.html
// @grant none
// ==/UserScript==

(function() {
'use strict';

var node=document.createElement('div');
node.textContent='New div content';

document.body.appendChild(node);
})();

[j0hnik]

тамперманки написание скриптов мало чем отличается от традиционного, есть все то же самое + доп теги // @

[денис77447327]

ну обьясните мне не просветленному как на этой странице показать кнопку с помощью тамперманки// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://javascript.ru/*
// @grant none
// ==/UserScript==



var btn = document.createElement('input');
btn.id = 'b1';
btn.type = 'button';
btn.value = 'button 1';
btn.setAttribute('onclick', 'obj.HandleClick1();');
document.body.appendChild(btn);

[Nexus]

денис77447327, ваш код, по идее, тоже работать должен, за исключением обработки события "click".
// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://javascript.ru/forum/dom-window/73215-html-v-tampermonkey.html
// @grant none
// ==/UserScript==

(function() {
'use strict';

var node=document.createElement('button');
node.textContent='new button';
node.onclick=function(){alert('asd');};

document.body.appendChild(node);
})();

[j0hnik]

document.body.insertAdjacentHTML('beforeend', '<input type="button" value = "button 1" id="b1" onclick="alert()">');
можно и так

[денис77447327]

// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://javascript.ru/*
// @grant none
// ==/UserScript==


document.body.insertAdjacentHTML('beforeend', '<input type="button" value = "button 1" id="b1" onclick="alert()">');
вставил такой код в расширение тамперманки включил обновил . не работает не рисует он кнопку. кнопка с таким айди появляется в коде страницы и если в консоли ввести $('#b1').click() то будет алерт. однако самой кнопки визуально не видно на странице

[Malleys]

// ==UserScript==
// @name New Userscript
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://javascript.ru/*
// @grant none
// ==/UserScript==


document.body.insertAdjacentHTML(
'beforeend', `
<style>

.abc123 {
position: fixed;
bottom: 0;
left: 0;
transform: scale(2);
transform-origin: left bottom;
}

</style>
<input type="button" class="abc123" value="button 1" id="b1" onclick="alert()">
`);


И обратите внимание на 7-ую строку, там где // @match , там не нужно url в квадратных скобках, это этот форум их добавляет зачем-то...

[Student-O]

Вопрос начинающего. Хочу модифицировать один скрипт. Для начала скопировал его текст в Tampermonkey как новый скрипт. Старый отключил, но новый не работает. Разница между новым и старым в том, что у старого есть Externals настройки-требования.
А как их новому скрипту установить?
Или могут быть другие причины того, что скрипт не работает?