По просьбам пользователей рассказываю о функциях в 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/ Свои темы для уроков предлагать в комментарии.
|
