Javascript: как сделать, чтобы открывалось...

impullz · 09.02.2004

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

window.open(URL, , "HTML parametrs") - вроде так...а как ето все оформить...?

???? · 10.02.2004

я свой msdn "похерил", так что может не все правильно, но работает

З.Ы. Можно еще через Dialog (точно не помню как) а не через window. Тогда нельзя будет вернутся на страницу не закрыв окно-далог.

CodeSweeper · 10.02.2004

Код:

function openimage(imagetitle, image, w, h)
{
if (!w){w=200};
if (!h){h=300};
win1 = open("", "_blank", "toolbar=0,status=0,location=0,menubar=0,directories=0,scrollbars=0,resizeabl
e=0,width="+w+",height="+h);
win1.document.open();
win1.document.write("<html><head><title>"+imagetitle+"</title><link rel=stylesheet href=css/style.css></head>\n");
win1.document.write("<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0><table width=100% height=100% cellpadding=0 cellspacing=5>\n");
win1.document.write("<tr><td align=center><img src='"+image+"' border=0></td></tr>\n");
win1.document.write("<tr><td align=center><a href=javascript:window.close()>Close the window</a></td></tr>\n");
win1.document.write("</table></body></html>");
}

Код:

Попап окно - используется в основном для открытия различных графических файлов (gif, jpg).

Окно не имеет полос прокруток, статусбара - 
окно с оформлением базового окна и кнопкой "закрыть окно".

(если необходимо, всё это можно включить)



Переменные:

openimage(imagetitle, image, w, h)

imagetitle - титл окна.

image - путь к вызываемому файлу в папке "images/".

width - ширина окна (= ширине граф. файла плюс чуть-чуть)

height - высота окна (= высоте граф. файла плюс чуть-чуть)

если ширина или высота оставляются пустыми 
('Picture', '1.jpg',,) или ('Picture', '1.jpg',,400), то скриптом назначаются дефолтные.




Пример:

<html>
<head>
<script language='javascript' src='openimage.js'></script>
</head>

<body>

<a href='javascript:openimage('Super Image','1.jpg','300','200')'><img scr='images/thumb_1.jpg'></a>

</body>
</html>

Все сервисы Codeby

Поиск

Поиск

Javascript: как сделать, чтобы открывалось...

impullz

????

Вложения

CodeSweeper