onclick="location.href как перенаправить в новую вкладку
Как можно перенаправить ... ммм ... код типа
<div onclick="location.href='http://сайт.ру;" id="header" Style="cursor: pointer;"> в новое окно. Сей код стоит на банере, который является фоном для всей шапки сайта, надо чтобы тыкая по ней человек переходил не в этом же окне на новый сайт, а открывалась новая вкладка с новым сайтом. По типу target="_blank". Только прямое вставление вышеуказанной конструкции в код в начале не работает. |
<div onclick="window.open('http://site.ru')"></div> |
<div id="header" style="position:relative;"> <a href="http://site.ru" target="_blank"><img src="/blank.png" style="position:absolute;width=100%;height:100%"></a> </div> /blank.png - пиксельная прозрачка |
Ruslan_xDD, спасибо, Ваша подсказка очень хорошо подошла. Но сразу возник еще вопрос :) , а как сделать ,чтобы при нажатии перекидывало не новое окно, а человек оставался в прежнем, а другая вкладка просто открывалась?
|
Den_Ab,
Проще сделать чтобы текущая вкладка стала с новым адресом, а перекидывало по ссылке в новую вкладку с текущей страницей, хотя можно пробовать и в коде от Ruslan_xDD, сохранить фокус на текущей вкладке... Хотя имхо оба способа изврат, - типично по клику на лого перекидывает на главную в текущем окне |
А как это сделать?
И вылезла еще проблема, что при тыке по лого тоже перекидывает на новый сайт, будто лого не активно. |
точнее не так. При тыке на лого, страница обновляется, но и открывается страница в новом окне. Как это убрать?
|
Den_Ab,
Посколь вопрос сформулирован не полно( пост 7) и в личке тоже Привожу пример для типового Варианта - клик на лого - переход на главную в текущей вкладке, без всяких иных открытий <div id="header" style="position:relative;"> <a href="http://site.ru"><img src="/blank.png" style="position:absolute;width=100%;height:100%"></a> </div> |
не работает. Лого съезжает вниз под баннер, сверху слева появляется контур прозрачного прямоугольника и ссылка вообще не работает.
Может можно как - то модернизировать код Ruslan_xDD, чтобы он не распространялся на область лого в хедере? |
Цитата:
Цитата:
|
и так тоже не получается, картинка идет бекграундом для всей шапки ... и вставляется из другого места ..
Изначально отлично работал вот этот код <div onclick="location.href='http://сайт.ру;" id="header" Style="cursor: pointer;"> Но, блин, ему бы добавить функцию открытия в новом окне ... |
Цитата:
<div onclick="window.open('http://сайт.ру')" id="header" Style="cursor: pointer;"> |
Да, именно так я и сделал, но происходит вот что, попробуйте щелкнуть по лого на сайте http://www.bucwar.ru/.
Это же не правильно. При лого, должно происходить обновление страницы, а не обновление и открытие новой страницы. |
Den_Ab,
Дык у Вас одновременно кликается и на рекламные ссылки, по которым и проиходит переход! Перебор с желаниями... - это называется |
Вот именно этот перебор и хочется убрать. Хочется чтобы тыкнул на лого, работа шла только с сайтом, тыкнул на баннер - открывался сайт банера.
|
Den_Ab,
Cделайте скриншот - обведите то - что Вы называете лого, ибо в такой кутерьме - неясно |
Цитата:
|
Если честно не совсем)))
|
лого называю надпись "КиноБукварь" желтым цветом в верхнем левом углу.
|
Den_Ab, у Вас <a> вложен в <div>, поэтому, когда Вы кликаете по <a>, то срабатывает и обработчик onclick у <div>.
|
Цитата:
Цитата:
Цитата:
|
а если поставить див закрывающийся в конце, то логотоип съезжает под баннер и не кликабельный становится.
|
Deff если я это заменю, то баннер не будет кликабельным.
|
Цитата:
Просто сменил параметры в тегах |
да не, это я Ruslan_xDD
|
Deff, мне нужно чтобы баннер вулкана кликался в новом окне на сайт вулкана, а лого "кинобукварь" работало просто как лого в этом же окне.
|
Den_Ab,
Сделайте скриншот Шапки обведите нужные кликабельные разным цветом и распишите по цветам |
сейчас
|
|
красная область должна открываться по щелчку по ней в новой вкладке, зеленая область по щелчку на ней обновлять страницу в этой вкладке, не открывая сайт из красной области.
|
Den_Ab,
<div id="header" > <a href="http://vulkanclub.com/?ref=bucwar" target="_blank"><img style="cursor:pointer;position:absolute;width:1132px;height:235px;z-index:-1" src="http://forum.mybb.ru/i/blank.gif" /></a> <a id="logo2" href="http://www.bucwar.ru"><img src="http://www.bucwar.ru/wp-content/themes/Sabrina/images/logo-raz.png" /></a> </div> <div id="description"> <div id="ad_header"> </div> </div><!-- End header --> |
ок, поставил, получилось вот так:
<div id="container"> <div id="top"></div> <div id="header" > <noindex><a rel="nofollow" href="http://vulkanclub.com/?ref=bucwar" target="_blank"><img style="cursor:pointer;position:absolute;width:1151px;height:235px;z-index:-1" src="/wp-content/themes/Sabrina/skins/orangelight/pro12-fon.jpg" /></a> </noindex> <a id="logo2" href="http://www.bucwar.ru"><img src="http://www.bucwar.ru/wp-content/themes/Sabrina/images/logo-raz.png" /></a> </div> <div id="description"> <div id="ad_header"> </div> </div> Что то тут я запутался, один див закрывающий лишний получается, или для дискрипта не нужен закрывающий? |
Ни наю, я скопировал исходник страницы
начало и концовка должна быть у Вас видна Цитата:
|
Цитата:
Как в исходном, так и в замене |
понятно. Спасибо, вроде сейчас все нормально и так как хотелось:)
|
Часовой пояс GMT +3, время: 07:13. |