Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Новое окно с изображением и возможностью HTML тегов (https://javascript.ru/forum/dom-window/32978-novoe-okno-s-izobrazheniem-i-vozmozhnostyu-html-tegov.html)

voodoo200 06.11.2012 13:58

Новое окно с изображением и возможностью HTML тегов
 
Друзья помогите пожалуйста. Подскажите скриптик который смог бы сделать следующее

открыть окно заданных размеров
там нужно вставить изображение
и под изображением текст но чтоб с возможностью чтоб я мог задать в этом тексте цвет шрифта и т.д. ну или чтоб теги мог вставлять туда
и чтоб еще была функция распечатать это все дело
Спасибо!



Нашел вот это почти то что нужно но немогу задавать в этом окне тэги

++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++
В голову :
********************************
<script type="text/javascript">

// JK Pop up image viewer script- By JavaScriptKit.com
// Visit JavaScript Kit (http://javascriptkit.com)
// for free JavaScript tutorials and scripts
// This notice must stay intact for use

var popbackground="lightskyblue" //specify backcolor or background image for pop window
var windowtitle="Image Window" //pop window title

function detectexist(obj){
return (typeof obj !="undefined")
}

function jkpopimage(imgpath, popwidth, popheight, textdescription){

function getpos(){
leftpos=(detectexist(window.screenLeft))? screenLeft+document.body.clientWidth/2-popwidth/2 : detectexist(window.screenX)? screenX+innerWidth/2-popwidth/2 : 0
toppos=(detectexist(window.screenTop))? screenTop+document.body.clientHeight/2-popheight/2 : detectexist(window.screenY)? screenY+innerHeight/2-popheight/2 : 0
if (window.opera){
leftpos-=screenLeft
toppos-=screenTop
}
}

getpos()
var winattributes='width='+popwidth+',height='+popheig ht+',resizable=yes,left='+leftpos+',top='+toppos
var bodyattribute=(popbackground.indexOf(".")!=-1)? 'background="'+popbackground+'"' : 'bgcolor="'+popbackground+'"'
if (typeof jkpopwin=="undefined" || jkpopwin.closed)
jkpopwin=window.open("","",winattributes)
else{
//getpos() //uncomment these 2 lines if you wish subsequent popups to be centered too
//jkpopwin.moveTo(leftpos, toppos)
jkpopwin.resizeTo(popwidth, popheight+30)
}
jkpopwin.document.open()
jkpopwin.document.write('<html><title>'+windowtitl e+'</title><body '+bodyattribute+'><img src="'+imgpath+'" style="margin-bottom: 0.5em"><br />'+textdescription+'</body></html>')
jkpopwin.document.close()
jkpopwin.focus()
}

</script>

В тело :
***************************
<a href="#" onClick="jkpopimage('food1.jpg', 325, 445, 'Пример.'); return false">
Завтрак</a>

Здесь слово завтрак является ссылкой на странице, клик по которой откроет окно с изображением food1.jpg размером 325х445, и с подписью Пример.


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