Being a complete novice at JavaScript and JQuery I have a script that was coded for me. However I wish to update it a little as it is not very search engine friendly as there is no link to the other tabs except the s tab that is defaulted to display.
The script I am using version 1 of idTabs which was developed by Sean Catchpole
http://www.sunsean.com/idTabs/ and you can see my version below. However he now has an updated version 2.2 that is completely different.
My 3 questions are this, 1) why are the two so different, 2) how difficult is it to update my version to the 2.2 updated version and 3) if it is a simple exercise can anyone help me out somewhat.
If you can answer yes to all my questions then hopefully this is a huge headache overcome.
My Version
Code:
// JavaScript Document
/* idTabs ~ Sean Catchpole - Version 1.0 */
(function($){
$.fn.idTabs = function()
{
//Setup Tabs
var ul = $('ul', this); //Save scope
var self = this;
$('li', ul).each(function() { // hide empty tabs
var c = $('#content_' + this.id);
if (c.length && !jQuery.trim(c.text())) {
$(this).remove();
}
});
var list = $('li', ul).bind('click', function()
{
var elm = $(this);
// we set selected_section to keep active tab opened after form submit
// we do it for all forms to fix settings_dev situation: forms under tabs
if ($(self).hasClass('cm-track')) {
$('input[name=selected_section]').val(this.id);
}
if (elm.hasClass('cm-js') == false) {
return true;
}
/*if (hndl[$(ul).attr('id')]) {
if (hndl[$(ul).attr('id')](elm.attr('id')) == false) {
return false;
}
}*/
var id = '#content_' + this.id;
var aList = []; //save tabs
var idList = []; //save possible elements
$('li', ul).each(function()
{
if(this.id) {
aList[aList.length] = this;
idList[idList.length] = '#content_' + this.id;
}
});
//Clear tabs, and hide all
for (i in aList) {
$(aList[i]).removeClass('cm-active');
}
for (i in idList) {
$(idList[i]).hide();
}
//Select clicked tab and show content
elm.addClass('cm-active');
// Switch buttons block only if:
// 1. Current tab is in form and this form has cm-toggle-button class on buttons block or current tab does not belong to any form
// 2. Current tab lays on is first-level tab
var id_obj = $(id);
if (($('.cm-toggle-button', id_obj.parents('form')).length > 0 || id_obj.parents('form').length == 0) && id_obj.parents('.cm-tabs-content').length == 1) {
if (id_obj.hasClass('cm-hide-save-button')) {
$('.cm-toggle-button').hide();
} else {
$('.cm-toggle-button').show();
}
}
// Create tab content if it is not exist
if (elm.hasClass('cm-ajax') && id_obj.length == 0) {
$(self).after('<div id="' + id.substr(1) + '"></div>');
id_obj = $(id);
jQuery.ajaxRequest($('a', elm).attr('href'), {result_ids: id.substr(1), callback: [id_obj, 'initTab']});
return false;
} else {
id_obj.initTab();
jQuery.loadAjaxLinks($('a.cm-ajax-update', id_obj));
}
return false; //Option for changing url
});
//Select default tab
var test;
if ((test = list.filter('.cm-active')).length) {
test.click(); //Select tab with class 'cm-active'
} else {
list.filter(':first').click(); //Select first tab
}
$('li.cm-ajax.cm-js').not('.cm-active').each(function(){
var self = $(this);
if (!self.data('passed') && $('a', self).attr('href')) {
self.data('passed', true);
var id = 'content_' + this.id;
self.parents('.cm-j-tabs').eq(0).next().prepend('<div id="' + id + '"></div>');
$('#' + id).hide();
jQuery.ajaxRequest($('a', self).attr('href'), {result_ids: id, hidden: true});
}
});
return this; //Chainable
};
$(function(){ $(".cm-j-tabs").each(function(){ $(this).idTabs(); }); });
})(jQuery);
jQuery.fn.extend({
initTab: function ()
{
this.show();
control_buttons_container = $('.buttons-bg');
if (control_buttons_container.length) {
control_buttons_floating = $('.cm-buttons-floating', control_buttons_container);
if (control_buttons_container.length != control_buttons_floating.length) {
control_buttons_container.each(function () {
if (!$('.cm-buttons-floating', this).length) {
if ($('.cm-popup-box', this).length) {
$('.cm-popup-box', this).each(function () {
if ($('iframe', this).length) {
$(this).appendTo(document.body);
} else {
$(this).appendTo($(this).parents('.buttons-bg:first').parent());
}
});
}
$(this).wrapInner('<div class="cm-buttons-placeholder"></div>');
$(this).append('<div class="cm-buttons-floating hidden"></div>');
}
});
control_buttons_container = $('.buttons-bg');
control_buttons_floating = $('.cm-buttons-floating', control_buttons_container);
}
jQuery.buttonsPlaceholderToggle();
}
}
});
Updated 2.2 version
[CODE]/* idTabs ~ Sean Catchpole - Version 2.2 - MIT/GPL */
(function(){var dep={"jQuery":"
