Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как сделать чтобы в popup окне показывалось картинка? (https://javascript.ru/forum/misc/36328-kak-sdelat-chtoby-v-popup-okne-pokazyvalos-kartinka.html)

sarik 12.03.2013 11:31
как сделать чтобы в popup окне показывалось картинка?
 
как сделать чтобы в popup окне показывалось картинка наверху окна как шапка страници?
Вот картинка которое должно показываться в верхном часте popup-окна как шапка popup страницы.....

как это сделать?



Вот скрипт которое испоьзуеться в моей страничке:
function f() {
  var s = document.getElementById("vwvwprint").innerHTML;
  var w2 = window.open("toolbar=0, location=0, directories=0, font-family=Arial, font-size=11px, status=0, menubar=0, scrollbars=0, resizable=0, width=350, height=350");
  w2.document.open();
  w2.document.write(s);
  
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "style.css";
var head = w2.document.getElementsByTagName("head")[0];
head.appendChild(link);


  w2.document.close()
}

ksa 12.03.2013 16:52
Цитата:
Сообщение от sarik
как сделать чтобы в popup окне показывалось картинка наверху окна как шапка страници?
Как вариант...

w2.document.getElementsByTagName("body")[0].style.background='url("http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg") no-repeat left top';

danik.js 12.03.2013 20:39
Цитата:
Сообщение от ksa
document.getElementsByTagName("body")[0]
ksa, а разве document.body - не кроссбраузерно?

sarik 13.03.2013 11:08
ksa, когда вставляю ваш код popup окно не открываеться.....
вот js которое испоьзуеться у меня на страничке:
function f() {
  var s = document.getElementById("vwvwprint").innerHTML;
  var w2 = window.open("toolbar=0, location=0, directories=0, font-family=Arial, font-size=11px, status=0, menubar=0, scrollbars=0, resizable=0, width=350, height=350");
  w2.document.open();
  w2.document.write(s);
  
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "style.css";
var head = w2.document.getElementsByTagName("head")[0];
head.appendChild(link);


  w2.document.close()
}

рони 13.03.2013 12:16
sarik,
документ пустой, body или head надо напечатать ...
w2.document.write('<body style=\'background: url("http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg") no-repeat left top\'>')
w2.document.write(s);

рони 13.03.2013 12:21
sarik,
Синтаксис window.open

danik.js 13.03.2013 13:41
рони, теги html, head и body необязательны в разметке - они воссоздаются автоматически при необходимости во время чтения "потока" документа (во время записи document.write() )

рони 13.03.2013 14:24
Цитата:
Сообщение от danik.js
они воссоздаются автоматически при необходимости во время чтения "потока" документа
если вам нетрудно напишите пример

danik.js 13.03.2013 15:09 
<!DOCTYPE html>
<script>
setTimeout(function(){
    var serializer = new XMLSerializer();
    alert(serializer.serializeToString(document.documentElement));
    document.open();
    alert(serializer.serializeToString(document.documentElement || document.createElement('undefined')));
    document.write('<p>Тест</p>');
    alert(serializer.serializeToString(document.documentElement));
}, 100);
</script>

рони 13.03.2013 15:20
danik.js,
спасибо, но пока я слабо разбираюсь что значит ваш код ... применительно к 
w2.document.getElementsByTagName("body")[0].style.background='url("http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg") no-repeat left top';

ну или по вашему
Цитата:
Сообщение от danik.js
document.body

danik.js 13.03.2013 15:33 
<!DOCTYPE html>
<script>
setTimeout(function(){
    alert(document.body);
    document.open();
    alert(document.body);
    document.write('<p>Тест</p>');
    alert(document.body);
}, 100);
</script>

рони 13.03.2013 15:37
danik.js,
ещё раз спасибо ... но вставить картинку в стиль боди я не смог, думал вы мне поможите.

danik.js 13.03.2013 16:39 
<!DOCTYPE html>
<script>
setTimeout(function(){
    document.open();
    document.write('<p>Тест</p>');
    document.close();
    document.body.style.background = 'url(http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg)';
}, 100);
</script>

рони 13.03.2013 17:05
danik.js,
ок )))
код ниже у меня несрабатывал, сейчас нормально.чего нехватало так и непонял.
<!DOCTYPE HTML>
<html>
<head>
  <title></title>
</head>
<body>
<div id="vwvwprint">555555777</div>
<script>
function f() {
var s = document.getElementById("vwvwprint").innerHTML;
var w2 = window.open("","","width=350, height=350");
w2.document.open();
w2.document.write(s);
w2.document.close()
w2.document.body.style.background='url("http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg") no-repeat left top'
}
f();
</script>
</body>
</html>

sarik 14.03.2013 10:08
не работаеть...окно не открываеться когда вставляю 
w2.document.getElementsByTagName("body")[0].style.background='url("http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg") no-repeat left top';

ksa 14.03.2013 10:30
Цитата:
Сообщение от sarik
окно не открываеться когда вставляю
Пробуй как показали выше

Цитата:
Сообщение от рони 
w2.document.body.style.background='url("http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg") no-repeat left top'

sarik 14.03.2013 10:50
Цитата:
Сообщение от ksa
Пробуй как показали выше
Попробовал но не работаеть.Окно не открываеться после того как вставляю данный скрипт
Цитата:
Сообщение от ksa
Сообщение от рони






w2.document.body.style.background='url("http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg") no-repeat left top'

danik.js 14.03.2013 15:54
Полный код дай.

sarik 14.03.2013 16:28 
function f() {
  var s = document.getElementById("vwvwprint").innerHTML;
  var w2 = window.open("width=350, height=350");
  w2.document.open();
  w2.document.write(s);
  

var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "style.css";
var head = w2.document.getElementsByTagName("head")[0];
head.appendChild(link);
  w2.document.close()
}




<img src="print.p.jpg" onclick="f()">

danik.js 14.03.2013 18:13
Что-то я в упор не вижу w2.document.body.style.background

sarik 14.03.2013 22:44 
function f() {
  var s = document.getElementById("vwvwprint").innerHTML;
  var w2 = window.open("width=350, height=350");
  w2.document.open();
  w2.document.write(s);
  w2.document.body.style.background='url("http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg") no-repeat left top'

var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "style.css";
var head = w2.document.getElementsByTagName("head")[0];
head.appendChild(link);
  w2.document.close()
}



<img src="print.p.jpg" onclick="f()">

danik.js 14.03.2013 22:49
В хроме работает. А где не работает?
<script>
function f() {
  var s = document.getElementById("vwvwprint").innerHTML;
  var w2 = window.open("width=350, height=350");
  w2.document.open();
  w2.document.write(s);
  w2.document.body.style.background='url("http://f2.foto.rambler.ru/preview/r/500x375/4692f001-918f-efa8-c60f-d37d57ef671d/ыв.jpg") no-repeat left top'
 
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = "style.css";
var head = w2.document.getElementsByTagName("head")[0];
head.appendChild(link);
  w2.document.close()
}
</script>
<img src="print.p.jpg" onclick="f()">
<div id="vwvwprint">xxx</div>

рони 14.03.2013 22:50
sarik,
может див забыли?
<div id="vwvwprint">555555777</div>

рони 14.03.2013 22:52
странная ссылка "width=350, height=350" )))
вроде на синтаксис ссылку давал....

sarik 15.03.2013 09:37
Цитата:
Сообщение от danik.js (Сообщение 240813)
В хроме работает. А где не работает?
В опере не работаеть. У меня опера стоить

danik.js 15.03.2013 09:54
У меня работает в опере.
Цитата:
Информация о версии
Версия:
12.14
Сборка:
1738
Платформа:
Win32
Система:
Windows 7

sarik 15.03.2013 12:42
Я понял из за чего у меня не работаеть.
у меня все скрипти в php файле стоять и поэтому мне придеться заменить в любом скрипет ' на " ....и когда я заменяю 'на " то js перестанеть работать.
А можно как то без ' ?


и там где 
'url("cc-logo-tj.jpg") no-repeat left top'

я делаю так
"url("cc-logo-tj.jpg") no-repeat left top"

рони 15.03.2013 12:45
sarik,
а слешем экранировать \" ?

danik.js 15.03.2013 12:48 
<?php echo 'bla bla' ?>
<script>
    var string = "no prob'lem";
</script>

sarik 15.03.2013 12:53
Цитата:
Сообщение от рони
а слешем экранировать \" ?
скрипт не будет работать
Цитата:
Сообщение от danik.js 
<?php echo 'bla bla' ?>
<script>    
var string = "no prob'lem";
</script>
а где это поставить?

danik.js 15.03.2013 13:01
Цитата:
Сообщение от sarik
а где это поставить?
facepalm.jpg

sarik 15.03.2013 13:12
Цитата:
Сообщение от danik.js
facepalm.jpg
:blink: ?не понял


Часовой пояс GMT +3, время: 00:17.