Лучший способ для отображения окон на основе Javascript / Div?

Question

Я говорю о Ibox сортировке. Т.е. пользователь щелкает ссылку, и всплывает маленький div на основе JavaScript, содержащий небольшую форму или что-то подобное.

Я хочу предоставить пользователям тег <script>, который они будут размещать на своем веб-сайте. Затем они поместили бы необходимую функцию JavaScript в свой тег <a href>, который они хотят использовать для отображения формы. Например, они поставили бы:

<a href="javascript:mysite_signUpForm();">
Create an account on [My site's name]</a>

Здесь mysite, очевидно, будет заменено именем моего сайта.

Основным требованием здесь является то, что он должен иметь возможность отображать внешние URL-адреса в форме. Т.е. он должен получить URL-адрес и загрузить содержимое этого URL-адреса в свой div. Кроме того, изменение цвета фона / границы и т. Д. Должно быть простым. И чем привлекательнее визуально, тем лучше.

Есть предложения?

Кроме того, если его высота будет увеличена / уменьшена при загрузке / скрытии большего количества контента, было бы лучше

Answer 1

Что ж, если вы используете jquery, вы можете использовать плагин facebox . Итак, как только вы это сделаете, вы можете просто сделать ссылку так:

<a href="http://site.name.com/page.html" rel="facebox">Link content</a>

Затем инициализируйте плагин так:

  $('a[rel*=facebox]').facebox() 

Это загрузит удаленный контент на site.name.com / page.html в div и покажет его.

Кроме этого, есть загрузки из других плагинов для лайтбоксов для jquery.