person

|

06.08.2012 в 11:44:32 | Добавил: rayven | Просмотров: 1376 | 0 ответов


Для открытия нового окна в браузере пользователя с указанными нами размерами и содержимым в нужном месте необходимо воспользоваться функцией window.open.


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


Открытие нового окна с заданными размерами
Для увеличения нажмите на картинку!

Функцию window.open необходимо поместить в JavaScript функцию, как показано ниже:

JavaScript код:
<script language="JavaScript" type="text/javascript">
function win() {
 msg=window.open("","msg","height=560,width=750,left=100,top=100");
 msg.document.write("<html><title>Image</title><body>");
 msg.document.write("<img src='http://usefulscript.ru/image/KaV.jpg'>");
 msg.document.write("</body></html><p>");
}
</script>

Затем следует использовать описанную ранее JavaScript функцию следующим образом (при создании картинки):


Цитата:
<div align="center">
<a href="javascript:win();" >
 <img src="image/KaV.jpg" width="200">
</a>
<br>
<u>Для увеличения нажмите на картинку!</u>
</div>

Если Вы все сделали так, как написано в данной статье, то у Вас должно получиться точно так же, как и в показанном чуть выше примере.


| | обсудить на форуме |

1376 визитов
↳ 0 ответов 		Ваше мнение о материале 0 из 10
Голосовало:

Похожие материалы
="uForm uComForm">
Войдите:
avatar
close