Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Работа с IFRAME окнами.
+
Итак мини гайдик как подгружать много 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 Грусняшь

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]