Опять 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.Кнопок и ссылок с разными адресами можно добавить сколько душа пожелает.Просто изменяйте текст кнопки или ссылки и установите там где это необходимо и всё будет работать. |

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