new site

[badge] / www / tabs.js

diff --git a/www/tabs.js b/www/tabs.js
new file mode 100644 (file)
index 0000000..5b48c87
--- /dev/null
+++ b/www/tabs.js
@@ -0,0 +1,169 @@
+/***************************/\r
+//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro\r
+//@website: www.yensdesign.com\r
+//@email: yensamg@gmail.com\r
+//@license: Feel free to use it, but keep this credits please!                                 \r
+/***************************/\r
+\r
+function load()\r
+{\r
+       var html = $.ajax({\r
+       url: "news.html",\r
+       async: false\r
+       }).responseText;\r
+\r
+       $("div.news").html(html);\r
+}\r
+\r
+\r
+$(document).ready(function(){\r
+       $(".menu > li").click(function(e){\r
+               switch(e.target.id){\r
+                       case "news":\r
+                               //change status & style menu\r
+                               $("#news").addClass("active");\r
+                               $("#doc").removeClass("active");\r
+                               $("#download").removeClass("active");\r
+                               $("#devel").removeClass("active");\r
+                               $("#links").removeClass("active");\r
+                               $("#home").removeClass("active");\r
+                               //display selected division, hide others\r
+                               var html = $.ajax({\r
+                               url: "news.html",\r
+                               async: false\r
+                                }).responseText;\r
+\r
+                               $("div.news").fadeIn();\r
+                               $("div.news").html(html);\r
+                               $("div.home").css("display", "none");\r
+                               $("div.doc").css("display", "none");\r
+                               $("div.download").css("display", "none");\r
+                               $("div.devel").css("display", "none");\r
+                               $("div.links").css("display", "none");\r
+                       break;\r
+                       case "home":\r
+                               //change status & style menu\r
+                               $("#home").addClass("active");\r
+                               $("#doc").removeClass("active");\r
+                               $("#download").removeClass("active");\r
+                               $("#devel").removeClass("active");\r
+                               \r
+                               $("#links").removeClass("active");\r
+                               $("#news").removeClass("active");\r
+                               //display selected division, hide others\r
+                               var html = $.ajax({\r
+                               url: "home.html",\r
+                               async: false\r
+                                }).responseText;\r
+\r
+                               $("div.home").fadeIn();\r
+                               $("div.home").html(html);\r
+                               $("div.news").css("display", "none");\r
+                               $("div.doc").css("display", "none");\r
+                               $("div.download").css("display", "none");\r
+                               $("div.devel").css("display", "none");\r
+                               \r
+                               $("div.links").css("display", "none");\r
+                       break;\r
+                       case "doc":\r
+                               //change status & style menu\r
+                               $("#doc").addClass("active");\r
+                               $("#news").removeClass("active");\r
+                               $("#download").removeClass("active");\r
+                               $("#devel").removeClass("active");\r
+                               \r
+                               $("#links").removeClass("active");\r
+                               $("#home").removeClass("active");\r
+                               //display selected division, hide others\r
+                               var html = $.ajax({\r
+                               url: "doc.html",\r
+                               async: false\r
+                                }).responseText;\r
+\r
+                               $("div.doc").fadeIn();\r
+                               $("div.doc").html(html);\r
+                               $("div.home").css("display", "none");\r
+                               $("div.news").css("display", "none");\r
+                               $("div.download").css("display", "none");\r
+                               $("div.devel").css("display", "none");\r
+                               \r
+                               $("div.links").css("display", "none");\r
+                       break;\r
+                       case "download":\r
+                               //change status & style menu\r
+                               $("#download").addClass("active");\r
+                               $("#news").removeClass("active");\r
+                               $("#doc").removeClass("active");\r
+                               $("#devel").removeClass("active");\r
+                               \r
+                               $("#links").removeClass("active");\r
+                               $("#home").removeClass("active");\r
+                               //display selected division, hide others\r
+                               var html = $.ajax({\r
+                               url: "download.html",\r
+                               async: false\r
+                                }).responseText;\r
+\r
+                               $("div.download").fadeIn();\r
+                               $("div.download").html(html);\r
+                               $("div.home").css("display", "none");\r
+                               $("div.news").css("display", "none");\r
+                               $("div.doc").css("display", "none");\r
+                               $("div.devel").css("display", "none");\r
+                               \r
+                               $("div.links").css("display", "none");\r
+                       break;  \r
+                       case "devel":\r
+                               //change status & style menu\r
+                               $("#devel").addClass("active");\r
+                               $("#download").removeClass("active")\r
+                               $("#news").removeClass("active");\r
+                               $("#doc").removeClass("active");\r
+                               \r
+                               $("#links").removeClass("active");\r
+                               $("#home").removeClass("active");\r
+                               //display selected division, hide others\r
+                               var html = $.ajax({\r
+                               url: "developer.html",\r
+                               async: false\r
+                                }).responseText;\r
+\r
+                               $("div.devel").fadeIn();\r
+                               $("div.devel").html(html);\r
+                               $("div.home").css("display", "none");\r
+                               $("div.news").css("display", "none");\r
+                               $("div.doc").css("display", "none");\r
+                               $("div.download").css("display", "none");\r
+                               \r
+                               $("div.links").css("display", "none");\r
+                       break;\r
+                       \r
+                       case "links":\r
+                               //change status & style menu\r
+                               $("#links").addClass("active");\r
+                               $("#download").removeClass("active")\r
+                               $("#news").removeClass("active");\r
+                               $("#doc").removeClass("active");\r
+                               $("#devel").removeClass("active");\r
+                               \r
+                               $("#home").removeClass("active");\r
+                               //display selected division, hide others\r
+                               var html = $.ajax({\r
+                               url: "links.html",\r
+                               async: false\r
+                                }).responseText;\r
+\r
+                               $("div.links").fadeIn();\r
+                               $("div.links").html(html);\r
+                               $("div.home").css("display", "none");\r
+                               $("div.news").css("display", "none");\r
+                               $("div.doc").css("display", "none");\r
+                               $("div.download").css("display", "none");\r
+                               $("div.devel").css("display", "none");\r
+                               \r
+                       break;\r
+               }\r
+               //alert(e.target.id);\r
+               return false;\r
+       });\r
+});\r