» »

Открыть новую страницу сайта по клику


Открыть новую страницу сайта по клику

Так бывает, что мы на сайта переходим на новую страницу, которая нам нужна. Здесь вы сможете открыть ее по клику не переходя не куда и она появится. Кто то скажет, что можно просто прописать и все, но здесь совершенно по другому, так как в окне от системы открываться все будет. Вы пишите статью и вам нужно, чтоб она полная была добавить материал, но он уже есть по другому адресу, и здесь вы ставите JavaScript ссылкой на ее и она у вам отражается не уходя не куда, это просто очень удобно будет. Также в коде будет пустой урл, это для изображение, что нажав на его откроется то что вы поставите. Вообщем вы все поймете на Demo что представлю, если кто еще не донца понял как все здесь будет исполнятся.

Установка:

Копируем и ставим в мануал или вообще в блог меню, там где вы хотите и чтоб безусловно видно было, и под кнопку кому нужно может сделать. Здесь нужно в body по сторонам поставить.

Код
<a href = '' onclick="go('http://zornet.ru/load/skript_smena_izobrazhenij_na_javascript/81-1-0-6610'); return false;">Кликните здесь</a>


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

Теперь нам нужно сам каркас или так сказать двигатель поставить, чтоб запускалось все и ставим в низ сайта, это чтоб на всем ресурсе можно было пользоваться в head его по сторонам установим.

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


На этом можно сказать все, но напомнить нужно, что вы еще сами можете размер выставлять, какое у вам будет окно, или во весь монитор, чтоб видно вы перешли, или так для подсказки, в небольшом, чтоб можно было прочесть.



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

Источник: Myrusakov.ru
13.05.2016 Просмотров: 391 Комментарий: (13)

Поделиться в социальных сетях

Материал разместил

Комментарий: 12
Kosten
Kosten 13.05.2016 02:551
0
Вот как раз на демонстраций, откроется страница с материалом JavaScript, но только там уже с изображением будет.
avatar
1488 13.05.2016 11:2111
0
Можешь подсказать как делать демо? зарание спасибки
Kosten
Kosten 13.05.2016 17:2512
0
Через текстовый сайт, все здесь так не описать, просто закидываю туда файлы стили и заливаю на сайт и потом меняю формат на html.
FeStemBer
FeStemBer 13.05.2016 02:572
0
Поставил на сайт, только без body, и все нормально открывается, не знаю для чего вообще его на вызов ставить.
Kosten
Kosten 13.05.2016 03:023
0
Но если открывается, то нормально, но другим советую, делать все по описанию.
Сафрон
Сафрон 13.05.2016 03:064
0
Зачем кнопку ставить если есть под изображение клик, не знаю не ставил по этому поводу, просто там можно кнопку в формате PNG установить и все должно быть нормально. А кому если ставить как в горизонтальное меню, так лучше оставить надпись. Но мне так кажется, что больше сделан для статьй, чтоб там открывать, хотя и на главной тоже разумно будет.
tsakonter
tsakonter 13.05.2016 03:115
0
Это не модальное окно, где листы кодов, а здесь окно от Windows, потому и скрипты не такие большие, но так можно сказать и не к чему, но с другой стороны, как пишите в контенте удобно будет открывать.
FeStemBer
FeStemBer 13.05.2016 03:136
0
Что то не понял, вижу в коде что стилей нет, и затемнение не должно, а на скрине как модальное окно открылась, что везде идет светло или стеклянное в темном оттенке темнота.
Kosten
Kosten 13.05.2016 03:207
0
Здесь нет не какого затемнение, так как кто то сделает на весь экран и зачем оно нужно. Просто на тестовом сайте когда проверял и хотел скрин к материалу сделать через приложение Lightshot, что всегда делаю, так как качественно выходит, если у кого хром, то ссылку дал, вот примерно как работает, но с этим окном от Windows не выходит, окно исчезает и затемнение остается, и просто потом на его вызвал и так получилось.

FeStemBer
FeStemBer 13.05.2016 03:378
0
Так это можно поставить ссылку совершенно другого сайта и он откроет, круто, не чего не сказать.
Kosten
Kosten 13.05.2016 03:429
0
Даже об этом не подумал, а речь наверно шла, что не по картинке клик делать, а изображение можно открыть, так это просто у него функций добавляются, читаешь и раз клик сделал и там картинка, как поставить скрипт и все показано.
Scheme
Scheme 13.05.2016 03:4510
0
Здесь просто поставил в низ сайта скрипт, а остальное можно по всему сайту раскидать, все очень понятно и доступно, забираю, пригодится.
avatar