+
Итак мини гайдик как подгружать много IFRAME окна для облегчения сайта. Данный вариант позволит вам использовать фреймы для всего что нужно будет подгрузить на текущие страницы.
1. Напишем кнопку вызова допустим:
Код
<div id="ucoses_knopka"></div>
2. Напишем мини скрипт для кнопки:
Код
$(function(){
$('#ucoses_knopka').click(function () {
uload.location.href='/сылка на нашу страницу';
$("title").text('Устанавливает в ТИТЛЕ браузера ваше название фрейма');
});
});
uload.location.href - Ваша сылка на страницу.
title - Ваше название фрейма передаваемое в название вкладки браузера.
Т.е кнопки вы можете написать много и использовать всего 1 (или более) фрейм на вашей странице, заменяя ид кнопки и сылки!. 3. Напишем на странице вызова фрейм:
Код
<iframe name="uload" id="uFrame"style="margin-bottom:0px;width:535px;height:274px" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true">Ваш браузер не поддерживает IFRAME</iframe>
4. Если хотите получать TITLE фрейма в текущию TITLE вкладки браузера то дополним скрипт таким кодом:
Код
function sizeFrame()
{
var F = document.getElementById("uFrame");
pagetitle();
}
window.onload = sizeFrame;
function pagetitle()
{
var G = document.getElementById("uFrame");
G.onload = function()
{
if(G.contentDocument)
{
document.title = G.contentDocument.title;
}
}
}
Данный материал написан для всех как мини урок, фрейм можно написать и в js коде последовательно вызова. Данный урок просто пример он немного груб в плане кода но можно все сделать в js коде и одной кнопки для простоты и удобства. Также через js вы сможете сами стилизовать фрейм. Данный урок можно использовать как фантазии угодно.
Оставляйте свои отзывы и мы возможно обновим урок до макс. простоты его использования.
При копировании материала указываем источник uCodes.ru //.
Данная версия написана для тестирования, оставьте свои предложения в ЛС. Возможно мы выпустим и новые версии скрипта.
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Best_Studio
Дата добавления: 31.08.2015 в 16:44 по МСК
Категория: Другие модули
Просмотров: 892
Комментариев: 0
Эмоций:
-
Оценки читателей
ЗАКРЫТЬ
- 0 Лайк
- 0 Лавки
- 0 Ахахах!
- 0 Ого!
- 0 Восторг
- 0 Печаль
- 0 Грусняшь
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]