git.maemo.org Git - badge/blob - www/tabs.js

   1 /***************************/\r
   2 //@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro\r
   3 //@website: www.yensdesign.com\r
   4 //@email: yensamg@gmail.com\r
   5 //@license: Feel free to use it, but keep this credits please!                                  \r
   6 /***************************/\r
   7 \r
   8 function load()\r
   9 {\r
  10         var html = $.ajax({\r
  11         url: "news.html",\r
  12         async: false\r
  13         }).responseText;\r
  14 \r
  15         $("div.news").html(html);\r
  16 }\r
  17 \r
  18 \r
  19 $(document).ready(function(){\r
  20         $(".menu > li").click(function(e){\r
  21                 switch(e.target.id){\r
  22                         case "news":\r
  23                                 //change status & style menu\r
  24                                 $("#news").addClass("active");\r
  25                                 $("#doc").removeClass("active");\r
  26                                 $("#download").removeClass("active");\r
  27                                 $("#devel").removeClass("active");\r
  28                                 $("#links").removeClass("active");\r
  29                                 $("#home").removeClass("active");\r
  30                                 //display selected division, hide others\r
  31                                 var html = $.ajax({\r
  32                                 url: "news.html",\r
  33                                 async: false\r
  34                                  }).responseText;\r
  35 \r
  36                                 $("div.news").fadeIn();\r
  37                                 $("div.news").html(html);\r
  38                                 $("div.home").css("display", "none");\r
  39                                 $("div.doc").css("display", "none");\r
  40                                 $("div.download").css("display", "none");\r
  41                                 $("div.devel").css("display", "none");\r
  42                                 $("div.links").css("display", "none");\r
  43                         break;\r
  44                         case "home":\r
  45                                 //change status & style menu\r
  46                                 $("#home").addClass("active");\r
  47                                 $("#doc").removeClass("active");\r
  48                                 $("#download").removeClass("active");\r
  49                                 $("#devel").removeClass("active");\r
  50                                 \r
  51                                 $("#links").removeClass("active");\r
  52                                 $("#news").removeClass("active");\r
  53                                 //display selected division, hide others\r
  54                                 var html = $.ajax({\r
  55                                 url: "home.html",\r
  56                                 async: false\r
  57                                  }).responseText;\r
  58 \r
  59                                 $("div.home").fadeIn();\r
  60                                 $("div.home").html(html);\r
  61                                 $("div.news").css("display", "none");\r
  62                                 $("div.doc").css("display", "none");\r
  63                                 $("div.download").css("display", "none");\r
  64                                 $("div.devel").css("display", "none");\r
  65                                 \r
  66                                 $("div.links").css("display", "none");\r
  67                         break;\r
  68                         case "doc":\r
  69                                 //change status & style menu\r
  70                                 $("#doc").addClass("active");\r
  71                                 $("#news").removeClass("active");\r
  72                                 $("#download").removeClass("active");\r
  73                                 $("#devel").removeClass("active");\r
  74                                 \r
  75                                 $("#links").removeClass("active");\r
  76                                 $("#home").removeClass("active");\r
  77                                 //display selected division, hide others\r
  78                                 var html = $.ajax({\r
  79                                 url: "doc.html",\r
  80                                 async: false\r
  81                                  }).responseText;\r
  82 \r
  83                                 $("div.doc").fadeIn();\r
  84                                 $("div.doc").html(html);\r
  85                                 $("div.home").css("display", "none");\r
  86                                 $("div.news").css("display", "none");\r
  87                                 $("div.download").css("display", "none");\r
  88                                 $("div.devel").css("display", "none");\r
  89                                 \r
  90                                 $("div.links").css("display", "none");\r
  91                         break;\r
  92                         case "download":\r
  93                                 //change status & style menu\r
  94                                 $("#download").addClass("active");\r
  95                                 $("#news").removeClass("active");\r
  96                                 $("#doc").removeClass("active");\r
  97                                 $("#devel").removeClass("active");\r
  98                                 \r
  99                                 $("#links").removeClass("active");\r
 100                                 $("#home").removeClass("active");\r
 101                                 //display selected division, hide others\r
 102                                 var html = $.ajax({\r
 103                                 url: "download.html",\r
 104                                 async: false\r
 105                                  }).responseText;\r
 106 \r
 107                                 $("div.download").fadeIn();\r
 108                                 $("div.download").html(html);\r
 109                                 $("div.home").css("display", "none");\r
 110                                 $("div.news").css("display", "none");\r
 111                                 $("div.doc").css("display", "none");\r
 112                                 $("div.devel").css("display", "none");\r
 113                                 \r
 114                                 $("div.links").css("display", "none");\r
 115                         break;  \r
 116                         case "devel":\r
 117                                 //change status & style menu\r
 118                                 $("#devel").addClass("active");\r
 119                                 $("#download").removeClass("active")\r
 120                                 $("#news").removeClass("active");\r
 121                                 $("#doc").removeClass("active");\r
 122                                 \r
 123                                 $("#links").removeClass("active");\r
 124                                 $("#home").removeClass("active");\r
 125                                 //display selected division, hide others\r
 126                                 var html = $.ajax({\r
 127                                 url: "developer.html",\r
 128                                 async: false\r
 129                                  }).responseText;\r
 130 \r
 131                                 $("div.devel").fadeIn();\r
 132                                 $("div.devel").html(html);\r
 133                                 $("div.home").css("display", "none");\r
 134                                 $("div.news").css("display", "none");\r
 135                                 $("div.doc").css("display", "none");\r
 136                                 $("div.download").css("display", "none");\r
 137                                 \r
 138                                 $("div.links").css("display", "none");\r
 139                         break;\r
 140                         \r
 141                         case "links":\r
 142                                 //change status & style menu\r
 143                                 $("#links").addClass("active");\r
 144                                 $("#download").removeClass("active")\r
 145                                 $("#news").removeClass("active");\r
 146                                 $("#doc").removeClass("active");\r
 147                                 $("#devel").removeClass("active");\r
 148                                 \r
 149                                 $("#home").removeClass("active");\r
 150                                 //display selected division, hide others\r
 151                                 var html = $.ajax({\r
 152                                 url: "links.html",\r
 153                                 async: false\r
 154                                  }).responseText;\r
 155 \r
 156                                 $("div.links").fadeIn();\r
 157                                 $("div.links").html(html);\r
 158                                 $("div.home").css("display", "none");\r
 159                                 $("div.news").css("display", "none");\r
 160                                 $("div.doc").css("display", "none");\r
 161                                 $("div.download").css("display", "none");\r
 162                                 $("div.devel").css("display", "none");\r
 163                                 \r
 164                         break;\r
 165                 }\r
 166                 //alert(e.target.id);\r
 167                 return false;\r
 168         });\r
 169 });\r