Кнопки + выполнение на сайте

@Sergonhik · Регистрация: 04.05.2015

Студворк — интернет-сервис помощи студентам

Нужно чтобы при вводе скрипта в консоль на сайт добавлялись 2 кнопки: Старт и Стоп например, Старт - выполнение определенного скрипта, а Стоп - отмена выполнения всех скриптов.
Заранее спасибо!

Добавлено через 29 секунд
Консоль браузерную.

@Sn1p3rOk · 29.07.2015, 03:41

Добавление кнопок "Start" и "Stop".

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function addButton()
{
    var inpStart = document.createElement("input");
    var inpStop = document.createElement("input");
 
    inpStart.type = "button";
    inpStart.name = "inpStart";
    inpStart.value = 'Start';
 
    inpStop.type = "button";
    inpStop.name = "inpStop";
    inpStop.value = 'Stop';
 
    document.body.appendChild(inpStart);
    document.body.appendChild(inpStop);
}
 
addButton();

@Sergonhik · 29.07.2015, 03:46 **[ТС]**

Сообщение от Sn1p3rOk

Добавление кнопок "Start" и "Stop".

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function addButton()
{
    var inpStart = document.createElement("input");
    var inpStop = document.createElement("input");
 
    inpStart.type = "button";
    inpStart.name = "inpStart";
    inpStart.value = 'Start';
 
    inpStop.type = "button";
    inpStop.name = "inpStop";
    inpStop.value = 'Stop';
 
    document.body.appendChild(inpStart);
    document.body.appendChild(inpStop);
}
 
addButton();

Не заданы координаты кнопок, т.е они вообще не ставятся и они ничего не выполняют.

@Sn1p3rOk · 29.07.2015, 03:51

Они добавляются как дочерние для body то есть в самом начале будут отображаться. А то, что они буду выполнять мне откуда знать, сами допишите, что нужно выполнить.

@Sergonhik · 29.07.2015, 03:55 **[ТС]**

Сообщение от Sn1p3rOk

Они добавляются как дочерние для body то есть в самом начале будут отображаться. А то, что они буду выполнять мне откуда знать, сами допишите, что нужно выполнить.

Например при нажатии кнопки Start нужно выполнить этот скрипт:
var timer = setInterval(function() {
var arr = ["[na`vi]", "|qsl|", "|asp|", "[bot]", "[bnt]", "[panzar]", "[s.p]", "[apb]", "[5]", "[hb]", "[dem]", "Twitch/", "YT/", "[Mr]", "[SB]"];
var rand = Math.floor(Math.random() * arr.length);
setNick(arr[rand] + "Nick");
}, 100);
А при нажатии Stop, скрипт прекращал работу.

@Sn1p3rOk · 29.07.2015, 04:16

Что-то типа такого. Естественно куда вы хотите вставить эти кнопки решать вам.
Вот вставка document.body.appendChild(inpStart); если сайт не пустой вставит в конец body.
Вообщем для изменения места вставки меняйте эту строку.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
function addButton()
{
    var inpStart = document.createElement("input");
    var inpStop = document.createElement("input");
 
    inpStart.type = "button";
    inpStart.name = "inpStart";
    inpStart.value = "Start";
    inpStart.id = "idStart";
 
    inpStop.type = "button";
    inpStop.name = "inpStop";
    inpStop.value = "Stop";
    inpStop.id = "idStop";
 
    document.body.appendChild(inpStart);
    document.body.appendChild(inpStop);
 
    document.getElementById("idStart").onclick = StartTimer;
    document.getElementById("idStop").onclick = StopTimer;
}
 
addButton();
 
var timer;
 
function StartTimer()
{
    timer = setInterval(function() { /* Ваш код */ }, 100);
}
 
function StopTimer()
{
    clearInterval(timer);
}

@Sergonhik · 29.07.2015, 04:28 **[ТС]**

Сообщение от Sn1p3rOk

Что-то типа такого. Естественно куда вы хотите вставить эти кнопки решать вам.
Вот вставка document.body.appendChild(inpStart); если сайт не пустой вставит в конец body.
Вообщем для изменения места вставки меняйте эту строку.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
function addButton()
{
    var inpStart = document.createElement("input");
    var inpStop = document.createElement("input");
 
    inpStart.type = "button";
    inpStart.name = "inpStart";
    inpStart.value = "Start";
    inpStart.id = "idStart";
 
    inpStop.type = "button";
    inpStop.name = "inpStop";
    inpStop.value = "Stop";
    inpStop.id = "idStop";
 
    document.body.appendChild(inpStart);
    document.body.appendChild(inpStop);
 
    document.getElementById("idStart").onclick = StartTimer;
    document.getElementById("idStop").onclick = StopTimer;
}
 
addButton();
 
var timer;
 
function StartTimer()
{
    timer = setInterval(function() { /* Ваш код */ }, 100);
}
 
function StopTimer()
{
    clearInterval(timer);
}

Огромное спасибо, но есть 1 фейл, что кнопки не высвечиваются на сайтах.

@alexsamos33 · 29.07.2015, 09:30

Сообщение от Sergonhik

Огромное спасибо, но есть 1 фейл, что кнопки не высвечиваются на сайтах.

Задайте им например CSS position и координаты через

left

и top.

@Sergonhik · 29.07.2015, 22:35 **[ТС]**

Сообщение от alexsamos33

Задайте им например CSS position и координаты через

left

и top.

Можешь привести пример?
На JS не знаю как.

@alexsamos33 · 29.07.2015, 22:51

Сообщение от Sergonhik

Можешь привести пример?
На JS не знаю как.

JavaScript
1
2
3
document.getElementById("elementID").style.position = "absolute";
document.getElementById("elementID").style.left = "400px";
document.getElementById("elementID").style.top = "200px";

@Sergonhik · 29.07.2015, 22:57 **[ТС]**

Сообщение от alexsamos33

JavaScript
1
2
3
document.getElementById("elementID").style.position = "absolute";
document.getElementById("elementID").style.left = "400px";
document.getElementById("elementID").style.top = "200px";

Огромное спасибо!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

Кнопки + выполнение на сайте

Решение

Решение

@Sergonhik 0 / 0 / 0 Регистрация: 04.05.2015 Сообщений: 52

	Кнопки + выполнение на сайте 29.07.2015, 02:48. Показов 1260. Ответов 10 Метки нет (Все метки) Нужно чтобы при вводе скрипта в консоль на сайт добавлялись 2 кнопки: Старт и Стоп например, Старт - выполнение определенного скрипта, а Стоп - отмена выполнения всех скриптов. Заранее спасибо! Добавлено через 29 секунд Консоль браузерную. 0

@Sn1p3rOk 288 / 175 / 86 Регистрация: 19.04.2014 Сообщений: 1,095
	29.07.2015, 03:51
	Они добавляются как дочерние для body то есть в самом начале будут отображаться. А то, что они буду выполнять мне откуда знать, сами допишите, что нужно выполнить. 0