Я хочу создать всплывающее окно на сайте, над которым я работаю, мне нравится всплывающее окно Facebook и ссылка на него, как мне его создать? - PullRequest
0 голосов
/ 11 января 2010

Я хочу создать окно POP up на сайте, над которым я работаю, мне нравится всплывающее окно Facebook и ссылка на него, как мне его создать?есть ли код или что-то?

Кто-нибудь может мне помочь?

Ответы [ 3 ]

2 голосов
/ 12 января 2010

Facebox - как уже упоминалось выше - позволит вам сделать это.

Чтобы еще немного расширить, всплывающие диалоги, как вы описали, создаются с использованием javascript.

Процесс, который вы, скорее всего, ищете, заключается в том, что вы устанавливаете элемент ссылки, указывающий на контент, который вы хотели бы отобразить в диалоговом окне. Обратите внимание на атрибут rel="facebox" - так мы узнаем, как открыть эту ссылку во всплывающем окне.

<a href="remote.html" rel="facebox">text</a>

Затем вы включаете плагин javascript (и необходимые файлы, такие как библиотека jQuery и файлы плагина css), чтобы обеспечить функцию всплывающего окна. Это должно быть сделано в <head> вашей страницы.

<script src="jquery.js" type="text/javascript"></script>
<link href="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="/facebox/facebox.js" type="text/javascript"></script>

Теперь вам нужно установить всплывающую функцию, которая будет применяться к ссылке - следующее следует применять в разделе <head> после указанных выше ссылок или в отдельном файле. В этом фрагменте все ссылки с rel="facebox" открываются во всплывающем окне.

<script type="text/javascript">
$(document).ready(function(){
    jQuery(document).ready(function($) {
        $('a[rel*=facebox]').facebox();
    });                        
});
</script>
0 голосов
/ 11 января 2010

Проверить facebox . Он очень прост в использовании и обеспечивает похожий внешний вид. Это плагин jQuery с дополнительной информацией , доступной на сайте плагинов jQuery при необходимости.

0 голосов
/ 11 января 2010

Я бы пошел за JQuery + плагин диалога.

Вот один пример

У вас также есть реализация JQuery Dialog

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...