При нажатии на кнопку параметры изображения должны менятся на введенные пользователем

@IgorAvas · Регистрация: 12.10.2016

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

На странице выводиться изобр. ниже изобрадения выводиться 4 текстовых поля, куда вводятся ширина,
высота, рамка и альтернативный текст и ниже кнопка. При нажатии на нее параметры изображения должны менятся на введенные пользователем.

@Aleksey D · 27.04.2017, 15:15

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
var img = document.getElementByTagName('img');
 
var width = document.querySelector('input[name="width"]').value;
var height = document.querySelector('input[name="height"]').value;
var border = document.querySelector('input[name="border"]').value;
var alt = document.querySelector('input[name="alt"]').value;
 
img.onclick = function() {
  img.width = width;
  img.height = height;
  img.style.border = border + 'px;';
  img.alt = alt;
}

@Balanaar · 27.04.2017, 15:22

Aleksey D, метода getElementByTagName() у объекта document не существует. Возможно вы имели в виду:

JavaScript
1
var img = document.getElementsByTagName('img')[0];

@Aleksey D · 27.04.2017, 15:31

Да, спасибо.

@IgorAvas · 27.04.2017, 15:47 **[ТС]**

а ты не можешь полный код пожалуйста скинуть

Добавлено через 2 минуты
я изначально отправлял это в раздел HTML но мне перекинули

@Balanaar · 27.04.2017, 15:57

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

я изначально отправлял это в раздел HTML но мне перекинули

Всё правильно. Это надо делать на JS. Полный код вам опубликовали выше.

@IgorAvas · 27.04.2017, 19:50 **[ТС]**

я его подставлял у меня выводило все вот это то что я вставил

@Aleksey D · 29.04.2017, 16:25

HTML5
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
<html>
  <body>
    <img href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRjOqKI0kZG7nIV2w7AFRWfPUGiqeM0J26TbCp8irR1jZiNG556">
    <form>
      <label for="width">Ширина</label>
      <input name='width' id='width'>
      <label for="height" >Высота</label>
      <input name='height' id='height'>
      <label for="border">Границы</label>
      <input name='border' id='border'>
      <label for="alt">Альтернативный текст</label>
      <input name='alt' id='alt'>
    </form>
  </body>
  <script type="text/javascript">
var img = document.getElementByTagName('img');
 
var width = document.querySelector('input[name="width"]').value;
var height = document.querySelector('input[name="height"]').value;
var border = document.querySelector('input[name="border"]').value;
var alt = document.querySelector('input[name="alt"]').value;
 
img.onclick = function() {
  img.width = width;
  img.height = height;
  img.style.border = border + 'px;';
  img.alt = alt;
}
  </script>
</html>

@IgorAvas · 30.04.2017, 01:30 **[ТС]**

а с кнопкой можешь добавить у меня не получается
спасибо.

Добавлено через 1 час 52 минуты
Я как бы кнопку добавлять пытался к твоему коду но у меня не получилось , пж скинь с кнопкой заранее спасибо

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@IgorAvas 0 / 0 / 0 Регистрация: 12.10.2016 Сообщений: 86

	При нажатии на кнопку параметры изображения должны менятся на введенные пользователем 27.04.2017, 13:48. Показов 621. Ответов 8 Метки нет (Все метки) На странице выводиться изобр. ниже изобрадения выводиться 4 текстовых поля, куда вводятся ширина, высота, рамка и альтернативный текст и ниже кнопка. При нажатии на нее параметры изображения должны менятся на введенные пользователем. 0

@Aleksey D 7 / 6 / 4 Регистрация: 01.10.2015 Сообщений: 20
	27.04.2017, 15:31
	Да, спасибо. 0

@IgorAvas 0 / 0 / 0 Регистрация: 12.10.2016 Сообщений: 86
	27.04.2017, 15:47 [ТС]
	а ты не можешь полный код пожалуйста скинуть Добавлено через 2 минуты я изначально отправлял это в раздел HTML но мне перекинули 0

@IgorAvas 0 / 0 / 0 Регистрация: 12.10.2016 Сообщений: 86
	27.04.2017, 19:50 [ТС]
	я его подставлял у меня выводило все вот это то что я вставил 0

@IgorAvas 0 / 0 / 0 Регистрация: 12.10.2016 Сообщений: 86
	30.04.2017, 01:30 [ТС]
	а с кнопкой можешь добавить у меня не получается спасибо. Добавлено через 1 час 52 минуты Я как бы кнопку добавлять пытался к твоему коду но у меня не получилось , пж скинь с кнопкой заранее спасибо 0