從彈跳視窗導回網站主視窗。
今天早上在製作客戶網站的時候，客戶要求一個小功能，就是把搜尋功能整合併彈跳一個小視窗，讓使用者選擇好要搜尋的項目之後送出，但搜尋結果頁必須回到主網頁去呈現，想了一下決定還是要用javascript來配合做最快，覺得挺有趣的，分享給大家。
先看看彈跳那頁獨立一個aspx，畫面大概如下 ：
這只是個小的視窗，把程式寫好後，將需要參數送出，問題來了，直接 Response.Redirect("xxx.aspx") 的話，會繼續在小視窗中進行，這不只畫面小，也不符合我們的需求，那麼，可愛的javascript來支援了，把送出參數的部分用javascript來做，如下：
Response.Write(
"<script language="javascript">
window.top.opener.location="index.aspx?str1=xx&str2=3" ;
window.top.close() ;
window.top.opener.focus() ;
</script>"
)
其中欲導向的網址放在location中，window.top.close() 是關閉目前視窗，最後focus() 在導向後的視窗。
分享一下這個小技巧，筆者覺得還蠻好用的，可以人性化控制多個視窗，使用在購物網站上市不錯的選擇喔 :)
如果時常需要這個功能，也可以將其寫成Javascript Function也不錯喔，只需將帶入的連結寫成變數就好。
|