1. 首頁
  2. 問答
  3. 在頁面加載期間顯示彈出窗口

在頁面加載期間顯示彈出窗口

2011-03-30 112 views
0

我有要求在頁面加載時顯示javascript確定/取消選項。所以，當用戶從前一頁重定向到這個頁面時，根據查詢字符串中的一些邏輯，我們必須顯示javascript確定/取消（頁面尚未呈現在這裏）。一旦用戶點擊，我們必須根據確定/取消加載不同類型的數據（服務器端執行）。完成這項任務的最佳方式是什麼？謝謝。在頁面加載期間顯示彈出窗口

來源

2011-03-30 user583126

+1

如果用戶禁用Javascript，會發生什麼情況？ – Dancrumb 2011-03-30 19:20:36

+0

好點丹。而不是確定/取消的東西，你有（user583126）認爲是< noscript >解決方案？ – Andbdrew 2011-03-30 19:22:18

+0

@Andbdrew：什麼是

回答

1

忽略這個需求的各種問題，下面是我能想到的最簡單的方法。

  1. 沒有內容創建的HTML頁面

  2. 執行JavaScript中的以下內容：基於查詢字符串

    1. Grab and parse the querystring
    2. ，確定你想將用戶重定向到
      3. 其網址
    3. Use confirm() to determine the course of action
    4. Change the window location to your new page

Your <noscript> element應包含在路線誰禁用了應該做的......東西比「請啓用JavaScript」將是很好更有幫助的JavaScript，但它是您呼叫的用戶。

來源

2011-03-30 19:24:55 Dancrumb

0

加載一個帶有基本格式的小型html頁面存根，然後彈出您的對話框。

根據響應，使用ajax請求填充頁面的內容。

下面是一些非常基本的示例代碼。有關如何在javascript中進行Ajax調用的示例，請參見this tutorial。

<html> 
    <head><!-- Head Contents --></head> 
    <body> 
    <!-- Basic body styling --> 

    <noscript>This page works best with scripts enabled</noscript> 

    <script type="text/javascript"> 
     // Show Dialog Box 
     if(option1) { 
     // Do Ajax call 
     // Set page contents 
     } elsif (option2) { 
     // Do other ajax call 
     // Set page contents 
     } 
    </script> 
    </body> 
</html>

來源

2011-03-30 19:22:34

+0

我知道這不適用於JavaScript禁用，但它直接回答提問者的問題 – 2011-03-30 19:23:12

+0

你可以顯示/共享任何代碼示例？ – user583126 2011-03-30 19:31:26

+0

我已經編輯了我的答案，包括示例代碼 – 2011-03-30 19:41:43

0

香草彈出一個對話框：

if (confirm("Your question")) 
{ 
    // do things if OK 
}

雖然你應該考慮其他的答案/評論在這裏，因爲如果用戶禁用了JavaScript，這將打破。

編輯：如果你想在對話框後加載更多的信息，你將不得不使用ajax。既然你的回答很一般，我現在只能指出你在jQuery ajax functions的方向。

來源

2011-03-30 19:24:24

+0

，這將在您的服務器端事件全部爲頁面執行後執行！我正在尋找頁面事件以在客戶端發生「某些事情」之後繼續執行。 – user583126 2011-03-30 19:38:13

+0

然後你必須在對話框後使用ajax獲取更多信息。我將編輯答案，在此添加一些信息。 – 2011-03-30 20:42:37

相關問題

 相關問題