Obrigado.

perdi um tempo pra entender e só depois ví que o script está na versão 1.3 e o bug estava resolvido rsss.

de qualquer forma, aos desavisados como eu :), baixem a versão mais atualizada.

Abraço,
Flavio
http://www.spyderit.com.br

Abraço

Quem puder por favor me manda um e-mail

Acho q isso vale a pena só pra forms mesmo, pra naum carregar a tela com muitas opções e confundir/desanimar o usuário.

Resumindo:
[ANTES]
},

// END
};

// Load SimpleTabs
simpleTabs.addLoadEvent(simpleTabs.init);

==============================================================

[CORRIGIDO]

}

// END
};

// Load SimpleTabs
simpleTabs.addLoadEvent(simpleTabs.init);

Fica ai o ajuste.
Abraços.
Contato: nandumeyer@hotmail.com
Fernando Meyer – Updown Web!

Fiz um script em Jquery que cria abas em formulários. Assim dá para dividi-los em etapa. Nesse caso, usei o fieldset e legend para formar as abas. Se o Js estiver desabilitado, aparecerá os fieldsets bonitinhos. Se estive habilitado, aparecerá as abas.

O único problema é que ele não funciona com mais de 1 form na página. Se tiver mais de 1 form, vc tem que invocar 2 vezes. $(‘form’).fieldTabs(); não funciona com mais de 1 form. $(‘#form1′).fieldTabs(); é a solução nesse caso.

Se alguém souber como resolver isso… :)

Ai vai o código:

(function($) {
$.fn.fieldForms = function(options) {
var opts = $.extend({}, $.fn.fieldForms.defaults, options);
return this.each(function(x) {
$this = $(this);
var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
// 1. funcao para pegar o escrito de cada tag ‘legend’ e separar todos em array
$legendas = [];
$(this).find(‘fieldset legend’).each(function(i) { $legendas[i] = $(this).text(); $(this).hide(); });
if ($legendas.length>0) {
montaAbas($legendas);
ativaAbas(o.abaAtiva);
}
// 2. recebe o array com os textos das tags ‘legend(s)’ e cria as abas para a navegacao
function montaAbas($legendas) {
var $html = ”;
for (var $x=0; $x<$legendas.length; $x++) {
$html += ”+$legendas[$x]+’ – ‘;
}
$this.find(‘fieldset’).eq(0).before(”+ $html +”);
$this.find(‘.aba’).each(function(i) {
$(this).click( function() { ativaAbas(i); } );
});
}
// 3. funcao invocada quando se clica na aba reponsavel por fazer a navegacao entre ‘fieldset(s)’
function ativaAbas($indice) {
ocultaCampos();
$this.find(‘fieldset’).eq($indice).show();
}
// 4. funcao para ocultar todos ‘fieldset(s)’
function ocultaCampos() {
$this.find(‘fieldset’).hide();
}
});
};
$.fn.fieldForms.defaults = { abaAtiva: 0 };
})(jQuery);

Acabei de descobrir isso agora, não funciona no IE.