<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Открытие нового окна при клике

Открытие нового окна при клике

Описание: Очень часто возникает необходимость при клике по ссылке не переходить по соответствующему адресу, а просто открывать новое окно, куда подгружать страницу. Например, при клике по изображению показать его увеличенный размер в новом окне. Именно такой скрипт я выкладываю в этой статье. Он позволяет открыть страницу в новом окне при клике по ссылке с помощью JavaScript. Разумеется, Вы можете это переделать под клик по изображению, по блоку и так далее.

Результат:

Кликните здесь

Код JavaScript (вставлять между тегами <head> и </head>):

<script type="text/javascript">
  function go(addr) {
    window.open(addr,"MyWin", "menubar=yes,width=1024,height=768");
  }
</script>

Код HTML (вставлять между тегами <body> и </body>):

<a href = '' onclick="go('http://myrusakov.ru'); return false;">Кликните здесь</a>

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (24):

TIGER-WOOLF TIGER-WOOLF 04.05.2011 15:29:25

Всё хорошо, но при открытии нового окна также перезагружает и текущую страницу, с этим можно бороться?

Ответить

Admin Admin 04.05.2011 16:54:56

Подправил немного статью. Можете копировать HTML-код. С ним исходная страница не будет перегружаться.

Ответить

TIGER-WOOLF TIGER-WOOLF 04.05.2011 20:09:01

Спасибо, а можно добавить скрипт появления текста с эфектом печатной машинки, но чтоб не в форме печаталось, и с циклом повторялось.

Ответить

Admin Admin 04.05.2011 21:37:55

Да, можно. Обязательно напишу об этом статью.

Ответить

siniza09 siniza09 26.08.2012 23:22:49

Миш подскажи пожалуйста как сделать открытие такого окна при клике в любом месте страницы, а не только по ссылке Заранее спасибо!

Ответить

Admin Admin 27.08.2012 11:01:53

Добавить onClick в div, который растянут на всю страницу через css (width:100%, height:100%)

Ответить

siniza09 siniza09 27.08.2012 20:04:00

Объясни пожалуйста поподробнее А то я в html чайник

Ответить

Admin Admin 28.08.2012 11:29:03

Это самый простой и очевидный способ - сделать элемент div, который закроет сверху всю страницу, и в него уже добавить onClick. Точно так же как в моём примере добавлено в тег <a>.

Ответить

siniza09 siniza09 29.08.2012 04:13:10

Всё получилось Спасибо за помощь!

Ответить

ruhak56 ruhak56 19.03.2013 12:41:04

Михаил - вот такой вопрос к Вам! все перепробовал не получается голова уже болит!!! Помогите сделать скрипт - что бы = при нажатии ссылки на странице =///order.php/// <FORM action="weborder.php"> <tr> <td colspan="2" align="center" class="table"> <INPUT type="hidden" value="<?=$cash;?>" name="AMOUNT"> <input name="Purse" value="<?=$pwm;?>" type="hidden"> <INPUT type="hidden" value="От - <?=$login;?>, с <?=$name_title;?>" name="Desc"> <INPUT name="wmk:payto?Purse=<?=$pwm;?>" type="submit" value="СНАЧАЛА ОПЛАТИТЕ УРОВЕНЬ"> открывается= /// weborder.php (правильно )/// работает!!! А ВОТ в (weborder.php) = нужно вставить скрипт что бы когда страница открылась скрипт автоматически спрашивал у пользователя дествительно ли пользователь хочет перейти к оплате - если да / то скрипт открывает новое окно на этой же странице с url = webmoney.ru / если нет то отправляет на главную страницу моего сайта! заранее огромное спасибо!

Ответить

Admin Admin 19.03.2013 12:46:06

Используйте confirm(), чтобы задать подобный вопрос. Данная функция вернёт ответ пользователя и уже через if можно выполнить определённые действия.

Ответить

ruhak56 ruhak56 19.03.2013 12:50:16

сейчас попробую!спасибо!значит это все таки реально!

Ответить

ruhak56 ruhak56 19.03.2013 13:03:18

Михаил - не получается с автоматическим открытием - перехожу на weborder.php - есть ссылка на нее нажимаешь только тогда открывается окно с вопросом, а мне надо бы что бы когда только перешол на эту страницу сразу же открывал вопрос! вот так вот выглядет скрипт <html> <head> <script>function confirmSubmit() {var otvet=confirm("вы дествительно хотите оплатить"); return otvet;} </script> <a onclick="return confirmSubmit()" href="http://my.webmoney.ru/">оплата уровня</a> </head> </html>

Ответить

ruhak56 ruhak56 19.03.2013 19:13:45

Михаил огромное спасибо все получилось и работает без блокировки браузера!!!

Ответить

Mishel Mishel 17.08.2013 00:24:48

В firefox 18.0.1 нет полос прокрутки, а нужны.

Ответить

911fnn 911fnn 30.10.2013 13:05:01

Уточните как можно преобразовать скрипт, что бы при заходе на страницу первоначально был открыт блок, а далее по клику уже сворачивался и показывался. заранее спасибо.

Ответить

Admin Admin 30.10.2013 20:51:59

Окно открыться при заходе на страницу никак не может.

Ответить

npa npa 07.11.2013 15:11:29

Михаил, здравствуйте. А вот если то, что открывается в новом окне, видно только половина материала, возможно туда добавить прокрутку, чтобы увидеть все? А сам скрипт просто спасение.

Ответить

Admin Admin 07.11.2013 21:37:41

Да, можно. Для этого надо добавить scrollbars=yes в параметры.

Ответить

npa npa 08.11.2013 14:30:32

Спасибо, Вам большое за Ваши знания.

Ответить

ppk-center ppk-center 02.04.2014 23:11:21

А почему ссылка на статью /php-onclick-openwindow.html Это же JavaScript!

Ответить

1111g 1111g 14.10.2014 20:11:19

<a target="blank" href="http://myrusakov.ru">Кликните здесь</a> Не проще? Действия не отличаются.

Ответить

cres cres 16.10.2015 18:58:20

Всё работает, сделал чтобы и прокрутка была. А можно сделать так чтобы открывалось в фоне, чтобы не открывалось поверх основной страницы?

Ответить

travel the world travel the world 21.04.2016 22:27:35

Spasibo vam bolwoye.Vse rabotayet

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.