Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 21.04.2014
Сообщений: 2
1

Как по кнопке открыть изображение в новом окне

21.04.2014, 19:20. Просмотров 1238. Ответов 3
Метки нет (Все метки)


По нажатии на кнопку открывается новое окно, содержащее имя человека, его питомца и фотографию питомца. Не знаю как сделать чтобы фотография открывалась

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function respond(){
  var name=document.getElementById("name").value;
  var klich=document.getElementById("klich").value;
  var foto=document.getElementById("foto").value;
 
   myWin=open("", "displayWindow","width=500, height=500, left=200 top=200 resizable=no, status=yes, toolbar=yes, menubar=yes");
   myWin.document.open();
   myWin.document.write("<html><head><title> Ответ");
   myWin.document.write("</title><META http-equiv=Content-Type content='text/html; charset=UTF-8'> <style> ");
   myWin.document.write("</style></head><body>");
   myWin.document.write("<p> Привет, <b> <font size='4' color='red'>");
   myWin.document.write(name);
   myWin.document.write("</font></b>,! Ваш питомец<b> <font size='4' color='green'> ");
   myWin.document.write(klich);
   myWin.document.write("</font> </b>потрясающе выглядит!" );
   myWin.document.write("<p> <img src='foto'>");
   myWin.document.write("<form> <input type=button value=Close onClick=window.close()> </form>");
   myWin.document.write("</body></html>");
   myWin.document.close();   
  }
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
21.04.2014, 19:20
Ответы с готовыми решениями:

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

Как открыть ссылку в новом окне?
Добрый вечер. Такой код стоит на странице site.ru &lt;script type=&quot;text/javascript&quot;&gt;var...

Как открыть функцию в новом окне?
Делаю window.open одного файла и потом в этом окне надо открыть функию! Как вызвать функцию в...

Открыть ссылку в новом окне
Здравствуйте, у меня есть галерея, вот часть её кода: m3D.init( При нажатии на...

__________________
Помогаю в написании студенческих работ здесь.
Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
3
111 / 49 / 20
Регистрация: 21.10.2013
Сообщений: 212
22.04.2014, 00:23 2
Прописать нормально ссылку на фото может быть?)
Скажем так
Javascript
1
2
var foto=document.getElementById("foto").src; //Ссылка находится в атрибуте src тега img. Это строка
myWin.document.write("<p> <img src='"+foto+"'>");// Плюсы - это просто склеиваем строчки.
1
0 / 0 / 0
Регистрация: 21.04.2014
Сообщений: 2
23.04.2014, 15:34  [ТС] 3
Попробовала, то что вы предложили. результат тоже, изображение не показывается(
0
супермизантроп
Эксперт JS
3862 / 2936 / 685
Регистрация: 18.04.2012
Сообщений: 8,540
23.04.2014, 15:53 4
упрощаем задачу до невозможности:
HTML5
1
2
3
4
5
<script>
var adres_foto = 'https://www.cyberforum.ru/images/cyberforum_logo.jpg';
var win = window.open ('', 'qwerty');
win.document.write ('<img src="' + adres_foto + '">');
</script>
открываем в любом браузере и убеждаемся, что всё работает

начинаем "наворачивать" на этот код ту дополнительную "фигню", коя вам нужна
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
23.04.2014, 15:53

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Как отобразить информацию (введенную в форму), в новом окне и во всплывающем окне?
Подскажите пожалуйста, у меня есть форма в нее делаю запись, как сделать так, что бы после введения...

Как по нажатию кнопки в открытом новом окне сделать рефреш в том окне откуда оно было открыто?
Открываю скриптом новое окно. Как по нажатию кнопки в открытом новом окне сделать рефреш в том...

Как данные таблицы преобразовать в строку в новом окне
Добрый день, прошу специалистов помочь мне, так как совсем чайник. У меня есть форма в html,...

Как изменить шрифт текста выводимого в новом окне?
Есть форма которая при отправке генерирует новую html-страницу открываемую в новом окне. Кроме...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.