Запуск плавающего окна / фрейма без AJAX-фреймворка

Question

Поэтому я должен иметь возможность открывать iframe в виде слоя на странице, но не могу загрузить фреймворк, учитывая вес и потенциал для конфликтов, так как это дополнение к другим сайтам.

Цель здесь - максимально облегчить работу, избегая при этом кроссовера, поскольку сайты, использующие его, могут использовать jquery / yui или другие скриптовые среды. Страница состоит из нескольких частей, поэтому простой слой не подходит, это должен быть полноценный iFrame с возможностью скрывать основное окно и закрывать его, а также перемещаться по элементам страницы, выпадающим спискам и даже мигать.

Colorbox-min был бы идеальным решением, но зависимость убивает его.

Я хорошо справляюсь с фреймворками, но сам по себе я новичок в JS. В мире, полном готовых сценариев, Google не особо помогает ... Есть предложения, с чего начать?

Answer 1

Если я правильно понимаю, вы пытаетесь создать iframe и вставить его на свою страницу без использования каких-либо рамок, поэтому вот оно:

var frame = document.createElement('iframe');
frame.src= "http://www.google.com";
frame.width = "200";
frame.height = "200";
frame.style.position = "absolute";
frame.style.top = "30px";
frame.style.left = "30px";
frame.style.border = "solid 1px red";
document.getElementById("IdOfContainer").appendChild(frame);

Теперь, просто для обсуждения, используяjquery, yui или какая-либо другая библиотека хорошего качества обычно не имеют проблем с конфликтами с другими сценариями, они очень тщательно защищают себя от других сценариев и не загрязняют пространства имен других сценариев.

Вот рабочий пример простого javascript и других, использующих jquery