Javascript.RU

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

Удаление изображения
Помогите пожалуйста.
Нужно по нажатию на кнопку сделать проверку наличия изображения в <div>
Если изображение существует то нужно его удалить.
А если не существует то добавить.

<input type="Image" src="https://sun9-34.userapi.com/c855028/v855028167/2116c2/ZJVoZc3FBIU.jpg" id="buttom">
<script>
window.onload = function () 
{
  buttom.onclick = function()
  {
          var pc = document.getElementById("pic_cntr");
          var img = new Image();
          let c = 'Raid Random/Reward_Dragon_Jpg/Armor/';
          img.src = "https://sun9-33.userapi.com/c855028/v855028167/2116c9/maFx4LAOnQs.jpg";
          pc.appendChild(img);
  } 
}  
</script>
<div id='pic_cntr'></div>

Последний раз редактировалось Toban, 29.04.2020 в 20:11.
Ответить с цитированием
  #2 (permalink)  
Старый 25.03.2020, 22:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,806

Toban,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #3 (permalink)  
Старый 25.03.2020, 23:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 28,806

Toban,
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>
<body>
<input type="Image" src="https://i.ytimg.com/vi/0yXjC-yeNUw/default.jpg" id="buttom">
<script>
window.onload = function ()
{
var img = new Image();
img.src = "https://c7.uihere.com/files/979/107/747/astronaut-outer-space-euclidean-vector-astronaut-thumb.jpg";
var pc = document.getElementById("pic_cntr");
buttom.onclick = function()
{

img.parentNode ? img.remove() : pc.appendChild(img);


}
}
</script>
<div id='pic_cntr'></div>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 25.03.2020, 23:07
Интересующийся
Отправить личное сообщение для Toban Посмотреть профиль Найти все сообщения от Toban
 
Регистрация: 25.03.2020
Сообщений: 11

Спасибо большое)
Ответить с цитированием
  #5 (permalink)  
Старый 25.03.2020, 23:20
Интересующийся
Отправить личное сообщение для Toban Посмотреть профиль Найти все сообщения от Toban
 
Регистрация: 25.03.2020
Сообщений: 11

Еще вопрос.
При нажатии на кнопку у вас спрашивают число (к примеру 1 или 2). Если вы ввели 1 то выводит одну картинку, если 2 то другую. При этом если уже картинка существует то заменить её на новую.
Ответить с цитированием
  #6 (permalink)  
Старый 25.03.2020, 23:26
Интересующийся
Отправить личное сообщение для Toban Посмотреть профиль Найти все сообщения от Toban
 
Регистрация: 25.03.2020
Сообщений: 11

Всё. Не надо больше)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Реализация сборки пазла с использованием Drag'N'Drop (чистый JavaScript) nightofpromises Элементы интерфейса 1 16.03.2019 08:54
удаление изображения Radioactive Общие вопросы Javascript 2 09.12.2016 18:18
автоматическое удаление скоупа директивы при удаление dom узла FanAizu Angular.js 0 25.08.2015 21:38
Изменение рабочей области изображения pagemaster Общие вопросы Javascript 19 15.04.2013 17:06
Расчет реальных размеров изображения в галерее Vision Элементы интерфейса 7 10.07.2012 20:56