Я застрял с модальным: как поместить текст внутри одного - PullRequest
Новая
       2

Я застрял с модальным: как поместить текст внутри одного

0 голосов
/ 25 июня 2011

Всего нубов здесь.

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

Я понимаю основы того, как заставить его работать, т.е. загрузить jquery или связанную библиотеку java, прикрепить указанную библиотеку к веб-странице в разделе.Примените модальное всплывающее окно аналогичным образом, убедившись, что для него включен CSS.

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

Что мне мешает, так это отсутствие у меня знаний.Это может быть либо недостаток понимания в отношении атрибутов класса или атрибутов href, либо недостаток знаний.Единственное продвижение, которое я сделал с этим, просто из-за копирования и вставки, и некоторой манипуляции пути изображения с Shadowbox.Я все еще ужасно смущен тем, как активируется скрипт, какие теги / атрибуты мне нужно сделать, чтобы данные были включены в модальное всплывающее окно.

Мне бы очень хотелось иметь модальное всплывающее окно, подобное этомуhttp://typedeskref.com/ но чувствую, что это далеко, далеко от меня.

В заключение: я не знаю, как поместить текст / изображения в модальное всплывающее окно.Я не знаю, как активируется модальное всплывающее окно и как гарантировать, что я могу контролировать, что находится внутри него.Причина, по которой я это говорю, заключается в том, что ограниченный успех, который у меня был с блоком Shadow, заключается в том, что ему каким-то образом удалось собрать все, что находится на моем сайте, изображения, ссылки и т. Д. Поэтому, когда модальное всплывающее окно открыто, появляется мой сайт., в модальной форме.

Спасибо, что нашли время, чтобы прочитать это.Я действительно ценю любую помощь или совет, который вы можете дать мне.Даже толчок в направлении, где такая информация может быть найдена, было бы здорово!

ps Я использую dreamweaver cs5

1 Ответ

0 голосов
/ 25 июня 2011

Зависит от того, насколько сумасшедшими и удивительными вы хотите, чтобы ваши диалоги были.Это может быть что-то столь же простое, как загрузка диалоговых окон пользовательского интерфейса jQuery (http://jqueryui.com/demos/dialog/) и последующее выполнение этого. 

<div id="dialog">Hello</div>
<a id="button1">One</a>
<a id="button2">Two</a>

// Do the setup when the page has loaded
$(function() {

   // Create the dialog, don't show it on page load
   $("#dialog").dialog({autoOpen:false});

   // Button One will show the dialog
   $("#button1").click(function() { $("#dialog").dialog("open"); });

   // Button Two changes the content, THEN shows the dialog.
   $("#button2").click(function() { 
       $("#dialog").html("Goodbye");
       $("#dialog").dialog("open");
   });
});

). Это отправная точка. Тот же диалог, изменение содержимого, запускаемый по нажатию на ссылку. Эта библиотека имеетвсевозможные варианты (анимация и т. д.), и вы можете настроить их так, как вам нравится.

Вот демонстрация: http://jsfiddle.net/dYMvH/

...