Раз окно,два окно.



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




Для чего нужны окна?


Применение новых вкладок браузера при создании веб-страниц вещь спорная.Кто-то будет против такого решения,а кто-то может с руками  ухватиться за такую идею.Плавно появляющиеся окно с новым содержимым, актуальным именно для данного места на странице,которое впоследствии можно закрыть,вполне может стать приятным дополнением для коммерческого или другого проекта.Как говорится и  волки сыты и овцы целы.Посетитель сможет просмотреть сайт,ссылку на который вы ему предоставите и тем не менее при закрытии вкладок всё равно должен будет остаться на вашей странице,что уже немаловажно.Так как без посетителей (пример нового окна) заработать денег заработать денег на своём проекте будет очень сложно.

Установка и внедрение кода iframe.


Процедура установки стандартная и мало отличная от других подобных скриптов.Первое копируем код JavaScript и устанавливаем его в гаджет HTML и JavaScript.При многократном применении можно вставить в шаблон блога.
<SCRIPT language=JavaScript>
<!-- Begin

function expandingWindow(website) {
var windowprops='width=100,height=100,scrollbars=yes,status=yes,resizable=yes'
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7; // horizontal scrolling speed (higher = slower)
var leftdist = 10; // distance to left edge of window
var topdist = 10; // distance to top edge of window

if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops);
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, sizeheight);
sizer.location = website;
}
else
window.open(website,'mywindow');
}
// End -->
</SCRIPT>
Установив яваскрипт можно будет приступить и к самой реализации установки кода ссылки или кнопки отвечающей за вызов плавно выезжающей боковой панели,где и будет размещено новое окна внешнего сайта.Использовать можно два варианта вызова окна.Или текстовую ссылку или кнопку вызова.Что выбрать?- решать уже вам исходя из дизайна страницы.Можно будет разместить и то и другое.
   1-код ссылки  <a href="v-gol.ru" onClick="expandingWindow('http://www.v-gol.ru');return false">Открыть</a>
2- код кнопки   <form><input type="button" value="Посмотреть пример Открыть" onClick="expandingWindow('http://www.v-gol.ru')"></form>

Настройки скрипта в принципе изменять не надо.Единственное если вас не устраивает дизайн кнопки,то следует добавить немного CSS.Кнопок и ссылок с разными адресами можно добавить сколько душа пожелает.Просто изменяйте текст кнопки или ссылки и установите там где это необходимо и всё будет работать.
На странице размещены оба варианта различного оформления.Один с использованием ссылки,другой кнопки.Что из этого выбрать решать вам.





Отправить комментарий