1 2 3 4 5 6

廣告

網友您好,若是您覺得我寫的工具或文章對您有幫助,
而您或者您的朋友有在博客來購物,可以透過底下連結

如何在博客來購物贊助網站或是點選計數器下方的博客來圖示來讓網站可以永續經營。

2010年12月3日 星期五

如何透過帶參數的方式來改變Dreamwave設計的Spry互動選單

同事用Dreamwave的Spry設計了一個互動式選單,因為是用html設計的,每次進來都只能預設在某一選單上,如果今天我想像傳參數一樣,可以自己決定要用那一個選單為預設值,這個在asp或是php上很容易就解決,但是在html靜態網頁就只能透用Javascript讀取URL並解析參數,在網路上找到有人寫了這樣的function可以使用,底下是使用的方法。
1.Spry組件製作的互動式選單

2.透過取得Url變數來改變預設選單

部分程式碼

<script type="text/javascript">
<!--
function gup( name )//取得url上的變數
{  
   name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
   var regexS = "[\\?&]"+name+"=([^&#]*)";
   var regex = new RegExp( regexS );
   var results = regex.exec( window.location.href );
   if( results == null )
       return "";  
   else
       return results[1];
}
var tab=gup('tab');
if(tab=='')
  tab=2;
else
  tab=parseInt(tab,10);//將文字轉為數字,後面的10代表10進位
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:tab});
//-->
</script>


參考網站: Get URL Parameters Using Javascript

沒有留言:

贊助

彰化一整天粉絲團