{"id":125,"date":"2009-05-18T11:09:51","date_gmt":"2009-05-18T09:09:51","guid":{"rendered":"http:\/\/www.hermione.de\/blog\/?p=125"},"modified":"2009-05-18T11:09:51","modified_gmt":"2009-05-18T09:09:51","slug":"tabs-prototype-vs-jquery","status":"publish","type":"post","link":"http:\/\/blog.hermione.de\/?p=125","title":{"rendered":"tabs [prototype vs jquery]"},"content":{"rendered":"<div id=\"acs_content\">\n<ul class=\"acs_tabs\">\n<li><a id=\"acs_tab_data\" class=\"acs_tab navlinktool\" href=\"#\">Daten<\/a><\/li>\n<li><a id=\"acs_tab_status\" class=\"acs_tab navlinktool\" href=\"#\">Status<\/a><\/li>\n<li><a id=\"acs_tab_net\" class=\"acs_tab navlinktool\" href=\"#\">Net<\/a><\/li>\n<\/ul>\n<div id=\"acs_content_data\" class=\"acs_content_div\">data<\/div>\n<div id=\"acs_content_status\" class=\"acs_content_div\">status<\/div>\n<div id=\"acs_content_net\" class=\"acs_content_div\">net<\/div>\n<\/div>\n<h4>jquery<\/h4>\n<table class=\"rosa\">\n<tr>\n<td><code><\/p>\n<pre>&lt;script>\r\n$(document).ready(function() {\r\n  $(\"div.acs_content_div\").eq(0).show().siblings(\"div\").hide();\r\n\r\n  $(\"a.acs_tab\").click(function() {\r\n    acs_tab_id= $(this).attr(\"id\");\r\n    acs_content_id= acs_tab_id.replace(\/tab\/, \"content\");\r\n    $(\"#\" + acs_content_id).show().siblings(\"div\").hide();    \r\n  });\r\n});\r\n&lt;\/script><\/pre>\n<p><\/code><\/td>\n<\/tr>\n<\/table>\n<h4>prototype (1.5)<\/h4>\n<table class=\"rosa\">\n<tr>\n<td>\n<pre><code>&lt;script>\r\nEvent.observe(window,'load', function () {\r\n  $$('.acs_content_div').each(Element.hide);\r\n  $('acs_content_data').show();\r\n\r\n  $$('.acs_tab').each(function (tab, ix) {\r\n    tab.observe('click', function(e) {\r\n      $$('.acs_content_div').each(Element.hide);\r\n      var acs_tab_id= tab.getAttribute(\"id\");\r\n      var acs_content_id= acs_tab_id.replace(\/tab\/, \"content\");\r\n      $(acs_content_id).show();\r\n    });\r\n  });\r\n});\r\n&lt;\/script><\/code><\/pre>\n<\/td>\n<\/tr>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Daten Status Net data status net jquery &lt;script> $(document).ready(function() { $(&#8222;div.acs_content_div&#8220;).eq(0).show().siblings(&#8222;div&#8220;).hide(); $(&#8222;a.acs_tab&#8220;).click(function() { acs_tab_id= $(this).attr(&#8222;id&#8220;); acs_content_id= acs_tab_id.replace(\/tab\/, &#8222;content&#8220;); $(&#8222;#&#8220; + acs_content_id).show().siblings(&#8222;div&#8220;).hide(); }); }); &lt;\/script> prototype (1.5) &lt;script> Event.observe(window,&#8217;load&#8216;, function () { $$(&#8218;.acs_content_div&#8216;).each(Element.hide); $(&#8218;acs_content_data&#8216;).show(); $$(&#8218;.acs_tab&#8216;).each(function (tab, ix) { tab.observe(&#8218;click&#8216;, function(e) { $$(&#8218;.acs_content_div&#8216;).each(Element.hide); var acs_tab_id= tab.getAttribute(&#8222;id&#8220;); var acs_content_id= acs_tab_id.replace(\/tab\/, &#8222;content&#8220;); $(acs_content_id).show(); }); }); }); &lt;\/script><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts\/125"}],"collection":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=125"}],"version-history":[{"count":0,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=\/wp\/v2\/posts\/125\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=125"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.hermione.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}