Ссылка в новом окне (window.open).

* 25-11-2013, 13:15 * A_Protasov * Комментариев: 0

Рейтинг:

Ссылка в новом окне (window.open).

Большинство веб-мастеров знают, как открыть ссылку в новой вкладке, для этого используется следующий код:

<a href="http://сайто-строитель.рф" target="_blank">Ссылка в новой вкладке</a>


Здесь мы видим парный тег <a>,  который говорит браузерам, что здесь используется ссылка. Далее сама ссылка и атрибут target="_blank". Именно он и говорит нашему браузеру, что следующую страницу стоит открыть в новой вкладке.  Вроде как бы здесь все понятно.
Но вот что делать, если мы хотим открыть ссылку в новом окне? Если мы попробуем задать в поисковике следующий вопрос  «Открыть ссылку в новом окне», то почему-то 90%  веб-мастеров, наперебой рассказывают об атрибуте target="_blank" и при этом пишут, что ссылка откроется именно там,  где мы хотим.  Но это не так. Для этого используется следующий код:

<a href="#nul" onclick="window.open('http://сайто-строитель.рф/ ','','Toolbar=1,Location=0,Directories=0,Status=0,Menubar=0,Scrollbars=0,Resizable=0,Width=900,Height=600');">Откроется в новом окне</a>


Тут происходит следующее, тот же самый тег <a> указывающий браузеру, что это ссылка, но в атрибуте href="#nul" мы говорим браузеру, что не куда не уходим с этой страницы, а хотим просто открыть ссылку в новом окне onclick="window.open.  В открывшихся скобках задаём адрес сайта и прописываем размер открывающегося окна, например следующий Width=900,Height=600' . Ну а дальше, всё как обычно текст ссылки и закрываем это дело </a>.
Стоит отметить, что данный способ работает не на всех CMS, например DLE.  Но в последнем можно решить проблему путём дополнительных полей. Создав поле (например «primer»)и вставив в полную новость (fullstory.tpl), следующий код:

[xfgiven_primer]<A HREF="#nul" onclick="window.open('[xfvalue_primer] ','','Toolbar=1,Location=0,Directories=0,Status=0,Menubar=0,Scrollbars=0,Resizable=0,Width=900,Height=600');"><button>Открывается в новом окне</button></A>[/xfgiven_primer]


Пример ссылки в новом окне:


razdacha.jpg

Просмотров: 102 557
Последние новости блога
Понятия слова «Теги». Основные теги в HTML.
Каким браузером вы пользуетесь, Google Chrome, Internet Explorer, Mozilla Firefox, или Opera? В прочем это не важно. Все они программы для чтения и отображения веб документа, а точнее то, что вы
Простая вёрстка в HTML. Урок №1
Редактор «Notepad++ . V5.5.1» установка. На данный момент существует большое количество редакторов, для верстки сайтов в «HTML» как обычные, так и визуальные.  Но, к
Простая вёрстка в HTML. Вводный урок.
Прежде чем приступить, к созданию своего веб ресурса (сайта, продающей страницы и так далее), надо чётко определится с тематикой и внешним дизайном площадки. Тут очень важно понимать следующее, ваш
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.


Статистика

  • Рейтинг@Mail.ru