呼喚ASP.NET/C#頁面上回發一個Javascript/jQuery函數

我與所謂的「標籤滑出」的鏈接，一個jQuery插件的工作是在這裏：http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/呼喚ASP.NET/C#頁面上回發一個Javascript/jQuery函數

我想使用它作爲一個反饋技術。在幻燈片上有一個表單和一個提交按鈕。現在，當您點擊提交時，它當然會導致回發，並且頁面會加載，但反饋窗口會回到其關閉狀態。我希望窗口在回發時自動打開。下面是一個使用插件，有它的工作我怎麼想它的工作網站的例子：http://thedemo.ca/

現在，我在那裏劇本注意到他們有這個初始頁面加載：

jQuery('.slide-out-div').tabSlideOut({ 
    tabHandle: '.handle', 
    pathToTabImage: 'typo3conf/ext/stw_jquery_feedback/images/feedback-btn-right.png', 
    imageWidth: '32px', 
    imageHeight: '167px', 
    tabLocation: 'right', 
    speed: 300, 
    action: 'click', 
    topPos: '200px', 
    fixedPosition: true, 
    onLoadSlideOut: false 
});

然後本回復的提交按鈕：

jQuery('.slide-out-div').tabSlideOut({ 
    tabHandle: '.handle', 
    pathToTabImage: 'typo3conf/ext/stw_jquery_feedback/images/feedback-btn-right.png', 
    imageWidth: '32px', 
    imageHeight: '167px', 
    tabLocation: 'right', 
    speed: 300, 
    action: 'click', 
    topPos: '200px', 
    fixedPosition: true, 
    onLoadSlideOut: true 
});

注意onLoadSlideOut的最後一個選項更改。這怎麼可能？有了這個說法，我認爲最簡單的解決方案就是調用clickHandle，然後滑出Tab。

所以我想我真正的問題是，我怎麼能打電話點擊.handle。

這裏是我的代碼我的測試環境中的鏈接：http://jakeism.info/test/

來源

2011-04-28 Jacob Nelson

他們的動態呈現腳本。在asp.net做到這一點最簡單的方法是在你的aspx東西/ ASCX這樣的：

<script type="text/javascript"> 
jQuery('.slide-out-div').tabSlideOut({ 
    tabHandle: '.handle', 
    pathToTabImage: 'typo3conf/ext/stw_jquery_feedback/images/feedback-btn-right.png', 
    imageWidth: '32px', 
    imageHeight: '167px', 
    tabLocation: 'right', 
    speed: 300, 
    action: 'click', 
    topPos: '200px', 
    fixedPosition: true, 
    onLoadSlideOut: <% Response.Write(Page.IsPostBack ? "true" : "false") %> 
}); 
</script>

注意的scriptlet爲onLoadSlideOut。現在這種邏輯可能不會完全按照你想要的來做 - 例如任何回傳都會導致它被打開。所以，只要用合適的條件來代替。

更好的方法是使用ajax發佈到WebService，而不是發佈整個頁面，所以根本沒有回發。然後，讓用戶知道他們的反饋已收到後，乾淨地關閉滑出。

來源

2011-04-28 20:55:10

我想這可能是一個完整的全新問題，但我不知道它是否是一個簡單的答案。我如何檢查回發是否來自scriplet中的特定按鈕？ – 2011-04-28 21:03:56

您需要從按鈕捕捉事件，例如在代碼隱藏中創建一個'SubmitFeedback_OnClick'事件，並在那裏設置一些標誌。 – 2011-04-28 21:18:10

那麼它會執行後面的onlcick代碼然後執行scriplet？具體按照這個順序？ – 2011-04-28 21:23:22

我想說你最好是通過ajax調用進行提交，然後進行一些客戶端驗證等，如果成功，你可以將其滑回。世界是你的牡蠣。

如果有人在未啓用JavaScript的情況下訪問您的網站，該功能將受到限制，並且您的回發方法將正常工作（假設該框在頁面加載時未自動顯示）。

來源

2011-04-28 21:05:55 WestDiscGolf

呼喚ASP.NET/C#頁面上回發一個Javascript/jQuery函數

回答

相關問題