function _addTopico() {
var numItem = j$('.abaPrincipal').length;
alert(numItem);
/*
<div id="abas" style="overflow-y: scroll; heigth: 100%;">
<ul id="abasInternas">
<li class="selecionada"><a id="aba_LinkseAnexos"
href="#abaLinkseAnexos">Links e Anexos</a></li>
<li><a id="aba_Observacao" href="#abaObservacao">Observação</a></li>
<li><a id="aba_Descricao" href="#abaDescricao">Descrição</a></li>
</ul>
</div>
*/
var input = '<div id="abas['+numItem+']name" class="abaPrincipal ui-tabs ui-widget ui-widget-content ui-corner-all" style="overflow-y: scroll; heigth: 100%;">';
input += '<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" id="abasInternas['+numItem+']name">';
input += '<li class="selecionada ui-state-default ui-corner-top"><a id="aba_LinkseAnexos['+numItem+']name"';
input += 'href="#abaLinkseAnexos['+numItem+']name">Links e Anexos</a></li>';
input += '<li class="ui-state-default ui-corner-top"><a id="aba_Observacao['+numItem+']name" href="#abaObservacao['+numItem+']name">Observação</a></li>';
input += '<li class="ui-state-default ui-corner-top"><a id="aba_Descricao['+numItem+']name" href="#abaDescricao['+numItem+']name">Descrição</a></li>';
input += '</ul>';
input += '<div id="conteudos['+numItem+']name">';
input += '<div id="abaLinkseAnexos['+numItem+']name" class="conteudo visivel ui-tabs-panel ui-widget-content ui-corner-bottom">';
input += '<iframe src="sugestaoConhecimento.do?metodo=frameLinkseAnexos"';
input += 'marginheight="0" scrolling="no" marginwidth="0" align="middle"';
input += 'frameborder="0" width="100%" height="200px"';
input += 'id="=frameLinksEAnexos"> </iframe>';
input += '</div>';
input += '<div id="abaObservacao['+numItem+']name" class="conteudo ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">';
input += '<div style="height: 171px;">';
input += 'Descrição da Observação:<br>';
input += '<textarea name="dsObservacaoSugestao['+numItem+']name" id="dsObservacaoSugestao['+numItem+']name" style="width: 100%; height: 85px;"></textarea>';
input += '<tr>';
input += '<td>';
input += '<div class="classeBotoes">';
input += '<html:link href="" style="height:24px">Gravar</html:link>';
input += '</div>';
input += '</td>';
input += '</tr>';
input += '</div>';
input += '</div>';
input += '<div id="abaDescricao['+numItem+']name" class="conteudo ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">';
input += '<table border="0" cellpadding="2" cellspacing="0" width="100%">';
input += '<tr>';
input += '<td><textarea name="editorCK['+numItem+']name" id="editorCK['+numItem+']name" height="174px"width="100%"></textarea></td></tr></table>';
input += '<div class="classeBotoes" align="right">';
input += '<input type="button" style="width: 100px;" id="excluirTopico['+numItem+']name" onclick=""';
input += 'class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary"';
input += 'value="Excluir Tópico" /> <input type="button"';
input += 'style="width: 80px;" id="gravarTopico" onclick=""';
input += 'class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary"';
input += 'value="Gravar" />';
input += '</div>';
input += '<tr>';
input += '<div id="adicionarRemoverContainer['+numItem+']name"';
input += 'style="margin-left: 1107px; height: 51px; width: 218px; margin-top: 6px;">';
input += '<td><div style="margin-left: -1112px; width: 363px; margin-bottom: -14px;">';
input += '<input name="notificar['+numItem+']name" value="" id="notificar['+numItem+']name"';
input += 'style="width: 20px;" type="checkbox">Notificar Encaminhamento/Devolução por e-mail </div></td>';
input += '<td>Adicionar/Remover Tópico <span id="adicionarRemoverTopico['+numItem+']name">';
input += '<img src="${pageContext.request.contextPath}/img/plus.png"';
input += 'onclick="javascript: _addTopico()"';
input += 'style="width: 15px; heigth: 15px; margin: 0" /> ';
input += '<img src="${pageContext.request.contextPath}/img/minus.png"';
input += 'id="minus" style="width: 15px; heigth: 15px; margin: 0" /> <br>';
input += '</span>';
input += '</td>';
input += '</div>';
input += '<div style="margin-top: -20px; padding-right: 1px;"';
input += 'class="classeBotoes" align="right">';
input += '<html:link action="login.do?metodo=direcionarMenu">Voltar</html:link>';
input += '<input type="button" style="width: 80px;" id="botaoCadastro['+numItem+']name" onclick=""';
input += 'class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" value="Cadastrar" /> ';
input += '<html:link action="login.do?metodo=direcionarMenu">Menu</html:link>';
input += '</div>';
input += '</tr>';
input += '</div>';
input += '</div>';
alert(input);
j$("#replica").append(input).css({
display : 'block',
visible : 'visible'
});
CKEDITOR.replace('editorCK['+numItem+']name', {
width : '99%',
height : 120
});
return false;
}
Boa Noite , ao tentar efetuar essa função que replica toda a minha div com tabs, eu não consigio apartir da replicação efetuada trocas as abas , efetuar a dinâmica das abas, que ao efetuar um clique simples apareça todo o conteúdo da aba selecionada, o problema é que eu consigo apartir de uma função javascript select mudar abas na div original , mas na réplica não .
Alguém pode me ajudar ???