Кросс-браузерный инструмент на основе чистого javascript?

Question

Мне было поручено то, что мне кажется невозможным. Мне нужно добавить кросс-браузерный поповер xhtml / css на основе javascript - что-то вроде лайтбокса, shadownbox и т. Д., Просто модальный информационный поповер, который отображается при загрузке страницы - на «некоторые страницы».

«Некоторые страницы» - это набор из примерно 30 apache vhosts, в которых размещено 6 или 7 разных доменов и поддоменов. Некоторые из них обслуживают статический HTML, другие - Wordpress, MediaWiki и т. Д. Итак, я ищу какой-то метод, максимально приближенный к <script source="http://foo.example.com/popover.js></script>, т.е. один JS-скрипт включает " любая страница, а затем всплывающее окно, написанное JS. Очевидно, что что-то как можно более легкое - лучше всего.

Любые предложения будут с благодарностью ....

Answer 1

Большинство плагинов или кода для поповеров будут зависеть от jQuery или другой среды. То, что мне нравится больше всего, это prettyPoppin.

http://www.no -margin-for-errors.com / проекты / prettypopin /

Если вы хотите поддерживать страницы, которые еще не содержат jQuery, вы можете создать скрипт типа

if( typeof jQuery === 'undefined' ) 
  document.write( unescape('%3Cscript type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"%3E%3C/script%3E' ) );
document.write( unescape('%3Cscript type="text/javascript" src="path to plugin"%3E%3C/script%3E' ) );

callPluginMethodThatShowsPopOver({content: ''});

Answer 2

В итоге я использовал решение из: http://point47.com/journal/2010/06/modal-box-on-page-load-with-jquery-fancy-box-and-cookie-plugin/

вместе с загрузкой некоторых сценариев jQuery.

Answer 3

В пакете пользовательского интерфейса jQuery есть плагин диалога, который поддерживает модальную версию поповера.

При этом ваши требования довольно расплывчаты и довольно широки, поэтому я не уверен, что вы ищетев ответ.