Вы пришли к нам на портал что бы скачать\посмотреть
Урок по javascript. Как открыть новое окно нужных размеров, в нужном месте, если возникнут вопросы по данному файлу
Урок по javascript. Как открыть новое окно нужных размеров, в нужном месте, вы всегда можете задать свой вопрос на нашем
форуме.
С уважением, администрация isucoz.com.
Скачать Урок по javascript. Как открыть новое окно нужных размеров, в нужном месте
По просьбам пользователей рассказываю о функциях в JavaScript`e. В этом уроке я расскажу как сделать чтобы при клике на кнопку открывалось окно в нужном месте и нужных размеров и расскажу как сделать чтобы при клике по ссылке переходило по ссылке и открывало то-же окно.
Сначала начну с кнопки. Допустим вы уже
оформили свою кнопочку по этому уроку и хотите чтобы когда кто-то по ней кликал, открывалось окно.
Начнем.
В этом уроке я использовал функцию "
some_function()", и чтобы вам ничего не пришлось переделывать, тут я тоже буду использовать эту-же функцию. На самом деле все элементарно и не пугайтесь таких слов как "Функция", "вызов функции".. :-)
Code
<script>function some_function(){window.open('http://forucoz.com/','allforucoz','width=500,height=400,resizable=1,status=0,scrollbars=1,left=300,top=400'); }</script>
слово
function не изменяем
some_function можно изменить
http://forucoz.com/ - адрес окна, которое откроется
width - ширина окна. у меня 500
height - высота окна. у меня 400
resizable - способность изменения размеров окна. Если хотите убрать эту возможность, то поставьте 0.
status - не трогаем
scrollbars - такая полосочка, когда ее двигаешь страница лестается вверх, вниз))) короче разберетесь. если хотите убрать, поставьте 0.
left - сколько пикселей отступить слева. (чтобы выравнять положения нового окна на экране)
top - сколько пикселей отступить сверху. (чтобы выравнять положения нового окна на экране)
Готово =) Любуемся результатом тут http://forucoz.com/html/onclickwindow.html
Вторая часть урока - это как сделать тоже самое, но чтобы выполнить одним кликом 2 действия. Переход по ссылке и открытие окна.
В общем все тоже предельно просто. Берем любую ссылку. Например из раздела наши баннеры.
Code
<a href="http://forucoz.com/" title="Скрипты для uCoz, шаблоны для uCoz" target="_blank" onclick="some_function()">Все для UCOZ</a>
href - ссылка на которую перейдет
title - текст, который видно если навести мышку на ссылку
target - указываем в каком окне откроется ссылка.
_blank - это в новом.
onclick - вызов функции при клике.
Сам код скрипта берем выше. он такой-же как и для кнопки. Все просто, предельно просто.
Вот как это выглядит
http://forucoz.com/html/linkandwindow.html Автор, источник урока: http://forucoz.com/ Свои темы для уроков предлагать в комментарии.
У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт!
Счетчик тИЦ и ПР.