跨瀏覽器的基於純JavaScript的popover工具？

我的任務是讓我覺得不可能。我需要添加一個基於JavaScript的跨瀏覽器的xhtml/css彈出窗口 - 類似Lightbox，shadownbox等，只是在頁面加載時顯示的模式信息彈出窗口 - 「某些頁面」。跨瀏覽器的基於純JavaScript的popover工具？

「某些網頁」是約30個apache虛擬主機的集合，託管6或7個不同的域和子域。其中一些是靜態HTML，一些是WordPress的，MediaWiki等，所以，我正在尋找一些方法儘可能接近<script source="http://foo.example.com/popover.js></script>，因爲我可以來，即一個JS腳本包括「任何」頁面，然後JS寫的popover。顯然，儘可能輕量的東西是最好的。

任何建議，將不勝感激....

來源

2012-01-11 Jason Antman

這不是不可能的：如果你可以用一個庫來實現這個功能，那麼你可以用「純Javascript」來實現它，儘管實際上你的JS源文件就是庫。找到一個你想做的事情，然後看看它是如何做的，以便你可以實現類似的獨立包含。 – nnnnnn 2012-01-11 20:16:23

我最終使用從溶液： http://point47.com/journal/2010/06/modal-box-on-page-load-with-jquery-fancy-box-and-cookie-plugin/

沿加載一些jQuery腳本。

來源

2012-01-15 04:30:56

jQuery的UI包具有支撐酥料餅的一個模式版本的對話插件。

這就是說，你的要求是相當模糊和相當廣泛，所以我不知道你在尋找答案。

來源

2012-01-11 20:05:40 cdeszaq

那麼......我猜，有沒有人知道一個簡單的部署JS工具，將通過只包括一個遠程JS文件來設置彈出窗口？即添加所需的html元素，執行ajax請求以檢索彈出窗口的遠程內容等。在「最」瀏覽器和「最」任意頁面（html，mediawiki，wordpress等）上工作的方式？ – 2012-01-11 20:07:26

因此，假設您知道如何編寫一些相當基本的JavaScript，您可以編寫一個腳本來負責加載所需的jQuery庫並調用顯示彈出窗口所需的函數。在這一點上添加內容也不難，但你必須付出一些努力。世界上很少有人提供全面的解決方案來滿足相當不尋常的需求。 – cdeszaq 2012-01-11 20:12:08

大多數popover插件或代碼將取決於jQuery或其他框架。我最喜歡的是漂亮的。

http://www.no-margin-for-errors.com/projects/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: ''});

來源

2012-01-11 20:16:24

跨瀏覽器的基於純JavaScript的popover工具？

回答

相關問題