Меню сайта
Категории сайта
Мини-чат
Наш опрос
Сколько Вы зарабатываете?
Всего ответов: 4912
Облако тегов
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0


Нас посетили:
Мини-профиль
Поиск
Календарь
«  Март 2009  »
Пн Вт Ср Чт Пт Сб Вс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Март » 25 » Web-master » Урок по javascript. Как открыть новое окно нужных размеров, в нужном месте
Урок по javascript. Как открыть новое окно нужных размеров, в нужном месте
Вы пришли к нам на портал что бы скачать\посмотреть Урок по 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/

Свои темы для уроков предлагать в комментарии.


У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: Bogdan4eg | Комментариев: 6 | Просмотров: 889 | Добавлено: 25-Мар-2009

0  
6 Naruto007   (12-Апр-2009 20:25:28) [Материал]
Naruto007Спасибо крутая вещь biggrin biggrin biggrin biggrin biggrin biggrin biggrin biggrin up up up up up up up up
0  
5 Ghostwriter   (25-Мар-2009 21:12:28) [Материал]
Bogdan4eg, а можешь дать несколько уроков по ajax ???? оч интересует biggrin
0  
4 vladko95   (25-Мар-2009 19:22:16) [Материал]
Bogdan4eg ТАК ДЕРЖАТЬ
0  
3 -=FoX=-   (25-Мар-2009 18:22:00) [Материал]
-=FoX=-спс
0  
2 vladko95   (25-Мар-2009 18:03:06) [Материал]
Богданчег спс
0  
1 _Pain_   (25-Мар-2009 17:51:16) [Материал]
Спс! Классные уроки пишешь! Мне уже много раз помогал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]