Делаем открытие нового окна(popup) с нужным размером с помощью JS+Html
|
|
Среда, 05 Ноября 2008 г. 18:04
+ в цитатник
Оригинал сообщенияКомментарии: 
Например, вам нужно вывести информацию об авторских правах или еще что-то, и показать данную информацию надо в маленьком окошечки, которое будет с нужным вам размером. Пример можно посмотреть
тут.
Для начала создадим файл index.htm и вставьте в него следующий код:
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<title>popup</title>
<script>
<!–
function newwindow() {
cX=(screen.width-430)/2;
cY=(screen.height-380)/2;
w=window.open(’newwindow.htm’,'_blank’,'width=430,height=380, scrollbars=yes,left=’+cX+’,top=’+cY+’,screenX’+cX+’,screenY=’+cY);
}
–>
</script>
</head>
<body>
<a href=”javascript:newwindow()”>Новое окошко</a>
</body>
</html>
Теперь разберём одну строчку:
w=window.open(’newwindow.htm’,'_blank’,'width=430,height=380, scrollbars=yes,left=’+cX+’,top=’+cY+’,screenX’+cX+’,screenY=’+cY);
newwindow.htm - страница, которая будет открыта
_blank - обозначает, что страница будет открыта в новом окне
width=430,height=380 - размер и ширина нового окна
Теперь создадим файл newwindow.htm и вставьте в него следующий код:
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<title>popup</title>
</head>
<body>
<font size=”2″>Пример нового окошка</font>.<span lang=”en-us”>
<a href=”http://flashripper.net”><font size=”2″>http://flashripper.net</font></a><font size=”2″>
<br>
</font></span>
<font size=”2″>
<br>
<a href=”javascript:close()”>Закрыть окно</a></font>
</body>
</html>
Вот вроде и все!
Дополнительно:
Я сейчас нахожусь В городе
Мой настрой Хороший
Я слушаю LastFm.Ru
LIci WP - WordPress crossposting plugin
-
Запись понравилась
-
0
Процитировали
-
0
Сохранили
-
