Firefox, Safari действие по onclick не показывает изображение

@Lustmord · Регистрация: 08.05.2014

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

HTML5
1
<input type="submit" value="Создать" class="btn-success btn" id="rollover" onclick="generation()" />

JavaScript
1
2
3
4
5
6
7
8
function generation(){
 
var Img= new Image();
Img.src= "http://path_to_image/ajax-loader.gif";
var text = document.createTextNode("Какой-то текст.");
document.getElementById("heretext").appendChild(Img);
document.getElementById("heretext").appendChild(text);
}

HTML5
1
<div id="heretext"></div>

Так вот. В firefox и safari не отображается изображение. Console log ошибок не пишет. В др. браузерах (chrome/IE/Opera) - изображение появляется.

Пробовал с innerHTML вот так:

JavaScript
1
2
3
function generation(){
  document.getElementById("heretext").innerHTML="<img src='path_to_image/ajax-loader.gif'>sometexthere";
}

Аналогично. Из-за чего может быть проблема?

@Lazy_Den · 14.10.2014, 21:19

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
var d = document;
function generation(){
  var Img= new Image(),
  heretext = d.getElementById("heretext");
  Img.src= "path/to/image.gif";
  var text = d.createTextNode("Какой-то текст.");
  heretext.appendChild(Img);
  heretext.appendChild(text);
}
window.addEventListener('load', function(){
  d.getElementById('rollover').addEventListener('click', generation, false);
}, false);

Добавлено через 1 минуту
P.S. onclick из html уберите. Проверить работу

@Lustmord · 15.10.2014, 11:20 **[ТС]**

Спасибо!
Чуть раньше реализовал немного по-другому:

HTML5
1
<input type="submit" value="Создать" class="btn-success btn" id="rollover" onclick='document.getElementById("div").style.display = "block";' />

HTML5
1
<div style='display:none' id="div"><img src='http://path_to_image/ajax-loader.gif'><span>какой-то текст.</span></div>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .