2009-11-23 57 views
0

如何在任何分辨率的屏幕上使用自定義大小和位置的完美中心jquery的可訪問彈出?如果JavaScript將被禁用,那麼鏈接應該像在新窗口/標籤中的普通鏈接一樣打開。我需要不引人注意的方法來添加類,以便在xhtml中的腳本中也可以鏈接。如何使用jquery不顯眼地訪問彈出窗口?

回答

1

這樣做的一種方法是爲彈出窗口編寫一個網頁並正常鏈接到它,然後添加您的onclick事件的js函數,使用ajax將頁面加載到對話框中,並從js功能。

這樣,當js打開時彈出窗口顯示爲對話框,因爲函數的虛假返回會禁用鏈接操作,但當js關閉時鏈接正常運行。

1

東西沿着這些路線(如您沒有指定如果啓動Javascript填寫自己缺失的部分會發生什麼)

<a id="accessibleA" href="http://www.google.com" target="_blank">Open Google</a> 

$("#accessibleA").click(function() { 
    //whatever to open the javascript popup 
    return false; 
}); 
+0

我可以在屏幕上的任何分辨率 – 2009-11-23 12:12:06

+0

上次我遇到了我的「屏幕」上爲中心的彈出添加自定義尺寸彈出,並設置poition完美的中心它是定位在另一個顯示器上,一半位於一半。我認爲正常的彈出窗口很糟糕的可用性。 – Quentin 2009-11-23 12:32:45

+0

@Jitendra。取決於你如何創建你的彈出窗口。你沒有告訴我們關於您使用的jQuery彈出式插件或類似的 – jitter 2009-11-23 14:54:14

0

我最近做了類似的事情,當用戶退出瀏覽區域時,它使用jQuery創建一個框。然後,用戶可以通過單擊X關閉該框,或者按下退出按鈕。 Unobtrusive jQuery popup Box