Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   onclick="location.href как перенаправить в новую вкладку (https://javascript.ru/forum/misc/38339-onclick%3D-location-href-kak-perenapravit-v-novuyu-vkladku.html)

Den_Ab 28.05.2013 18:09

onclick="location.href как перенаправить в новую вкладку
 
Как можно перенаправить ... ммм ... код типа

<div onclick="location.href='http://сайт.ру;" id="header" Style="cursor: pointer;">

в новое окно.

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

По типу target="_blank".

Только прямое вставление вышеуказанной конструкции в код в начале не работает.

ruslan_mart 29.05.2013 03:23

<div onclick="window.open('http://site.ru')"></div>

Deff 29.05.2013 10:30

<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 - пиксельная прозрачка

Den_Ab 30.05.2013 00:05

Ruslan_xDD, спасибо, Ваша подсказка очень хорошо подошла. Но сразу возник еще вопрос :) , а как сделать ,чтобы при нажатии перекидывало не новое окно, а человек оставался в прежнем, а другая вкладка просто открывалась?

Deff 30.05.2013 01:47

Den_Ab,
Проще сделать чтобы текущая вкладка стала с новым адресом, а перекидывало по ссылке в новую вкладку с текущей страницей, хотя можно пробовать и в коде от Ruslan_xDD, сохранить фокус на текущей вкладке...
Хотя имхо оба способа изврат, - типично по клику на лого перекидывает на главную в текущем окне

Den_Ab 30.05.2013 20:01

А как это сделать?
И вылезла еще проблема, что при тыке по лого тоже перекидывает на новый сайт, будто лого не активно.

Den_Ab 30.05.2013 20:02

точнее не так. При тыке на лого, страница обновляется, но и открывается страница в новом окне. Как это убрать?

Deff 30.05.2013 20:38

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>

Den_Ab 30.05.2013 20:54

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

Может можно как - то модернизировать код Ruslan_xDD, чтобы он не распространялся на область лого в хедере?

Deff 30.05.2013 21:23

Цитата:

Сообщение от Den_Ab
сверху слева появляется контур прозрачного прямоугольника

Ну дык подразумевалось что Вы сами зальёте картинку! на свой ресурс и вставите реальную ссылку!
Цитата:

Сообщение от Deff
/blank.png - пиксельная прозрачка



Часовой пояс GMT +3, время: 10:08.