Открытие нового окна при клике
Описание: Очень часто возникает необходимость при клике по ссылке не переходить по соответствующему адресу, а просто открывать новое окно, куда подгружать страницу. Например, при клике по изображению показать его увеличенный размер в новом окне. Именно такой скрипт я выкладываю в этой статье. Он позволяет открыть страницу в новом окне при клике по ссылке с помощью 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> -
Создано 28.04.2011 20:52:05
-
Михаил Русаков
Комментарии (24):
Всё хорошо, но при открытии нового окна также перезагружает и текущую страницу, с этим можно бороться?
Ответить
Подправил немного статью. Можете копировать HTML-код. С ним исходная страница не будет перегружаться.
Ответить
Спасибо, а можно добавить скрипт появления текста с эфектом печатной машинки, но чтоб не в форме печаталось, и с циклом повторялось.
Ответить
Да, можно. Обязательно напишу об этом статью.
Ответить
Миш подскажи пожалуйста как сделать открытие такого окна при клике в любом месте страницы, а не только по ссылке Заранее спасибо!
Ответить
Добавить onClick в div, который растянут на всю страницу через css (width:100%, height:100%)
Ответить
Объясни пожалуйста поподробнее А то я в html чайник
Ответить
Это самый простой и очевидный способ - сделать элемент div, который закроет сверху всю страницу, и в него уже добавить onClick. Точно так же как в моём примере добавлено в тег <a>.
Ответить
Всё получилось Спасибо за помощь!
Ответить
Михаил - вот такой вопрос к Вам! все перепробовал не получается голова уже болит!!! Помогите сделать скрипт - что бы = при нажатии ссылки на странице =///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 / если нет то отправляет на главную страницу моего сайта! заранее огромное спасибо!
Ответить
Используйте confirm(), чтобы задать подобный вопрос. Данная функция вернёт ответ пользователя и уже через if можно выполнить определённые действия.
Ответить
сейчас попробую!спасибо!значит это все таки реально!
Ответить
Михаил - не получается с автоматическим открытием - перехожу на 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>
Ответить
Михаил огромное спасибо все получилось и работает без блокировки браузера!!!
Ответить
В firefox 18.0.1 нет полос прокрутки, а нужны.
Ответить
Уточните как можно преобразовать скрипт, что бы при заходе на страницу первоначально был открыт блок, а далее по клику уже сворачивался и показывался. заранее спасибо.
Ответить
Окно открыться при заходе на страницу никак не может.
Ответить
Михаил, здравствуйте. А вот если то, что открывается в новом окне, видно только половина материала, возможно туда добавить прокрутку, чтобы увидеть все? А сам скрипт просто спасение.
Ответить
Да, можно. Для этого надо добавить scrollbars=yes в параметры.
Ответить
Спасибо, Вам большое за Ваши знания.
Ответить
А почему ссылка на статью /php-onclick-openwindow.html Это же JavaScript!
Ответить
<a target="blank" href="http://myrusakov.ru">Кликните здесь</a> Не проще? Действия не отличаются.
Ответить
Всё работает, сделал чтобы и прокрутка была. А можно сделать так чтобы открывалось в фоне, чтобы не открывалось поверх основной страницы?
Ответить
Spasibo vam bolwoye.Vse rabotayet
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.