jquery: tabs + dialog?

[lucasmartins 6]

Olá, gostaria de saber se dá para fazer um dialog ter no título os tabstitle, daí quando clica, muda o conteúdo... e também teria que ter o "x" no lado direito do dialog para fechar...

 

é como uma mistura de dialog + tabs... tem como fazer isso com jquery de uma forma simples?

 

Abraços

[phppp 0]

tenta usar o .live (procura no google)

pode ser que de algum problema no css mas acho que eles pensaram nisso

[lucasmartins 6]

live??? o que esse live é??? o que faz???

[Henrique Barcelos 290]

As tabs seriam <li>'s dentro de uma <ul>

 

Use jQuery para adicioná-las e ao clicar no botão fechar, removê-las...

 

É bem simples...

 

Comece a desenvolver e vá postando os problemas...

[lucasmartins 6]

As tabs seriam <li>'s dentro de uma <ul>

 

Use jQuery para adicioná-las e ao clicar no botão fechar, removê-las...

 

É bem simples...

 

Comece a desenvolver e vá postando os problemas...

 

Eu sei disso... eu já fiz mtas tabs... e também mtos dialogs... com jquery...

 

o problema é que eu quero um dialog que tenha um tabs incluido....

 

Sabe o título do dialog? então eu queria que fosse o <ul> do tabs...

O conteúdo do dialog, queria q fosse o conteúdo das tabs... só que teria a opção de fechar o dialog mesmo com os tabs entende... eu não quero que feche os tabs... mas esse lance de fechar é o q menos importa aqui...

 

espero por mais ajudas...

 

abraços

[daviz 0]

Estou com a mesma dificuldade, estou utilizando o NyroModal e preciso carregar tabs dentro dele, o porém é que como as tabs também são via javascript e a requisição do modal é via ajax (carrega um outro html) o script não as "encontra" qdo carrega a pagina e consequentemente não funciona, por conta disso acredito que necessito de algum callback, mas não sei como implementar. Segue o codigo abaixo:

 

NYROMODAL:

$(".adicionar").nyroModal({
	modal: true,
	width: '200',
	height: '302',
	closeSelector: '.cancelar, #closeBut'
});

 

TABS:

$(function () {
	var tabContainers = $('#modal > form');
	tabContainers.hide().filter(':first').show();
	
	$('#modal ul li a').click(function () {
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		
	$('#modal ul li a').removeClass('selected');    
	
	$(this).addClass('selected');                     
		return false;    
	}).filter(':first').click();    
	
});

MODAL:

<div id="modal">

	<a href="#" class="nyroModalClose" id="closeBut" title="Fechar">Fechar</a>

	<h2>Parcerias</h2>

	<ul>
		<li><a href="#parceiro">Parceiro</a></li>
		<li><a href="#contato">Contato</a></li>
	</ul>
	
	<form method="post" action="" id="parceiro">
		<fieldset>
			<label for="parceiro-nome">Nome do Parceiro</label>
			<input type="text" id="parceiro-nome" class="text" />
			
			<br />
			
			<label for="parceiro-empresa">Nome da Empresa</label>
			<input type="text" id="parceiro-empresa" class="text" />
			
			<br />
			
			<label for="parceiro-cnpj">CNPJ</label>
			<input type="text" id="parceiro-cnpj" class="text" />
		
			<div class="buttons">
				<button type="submit" class="cancelar"><span>Cancelar</span></button>
				<button type="submit" class="adicionar"><span>Adicionar</span></button>
			</div>
				
		</fieldset>
	</form>
	
	<form method="post" action="" id="contato">
		<fieldset>
			<label for="contato-nome">Nome do Contato</label>
			<input type="text" id="contato-nome" class="text" />
			
			<br />
			
			<label for="contato-email">E-mail</label>
			<input type="text" id="contato-email" class="text" />
			
		
			<div class="buttons">
				<button type="submit" class="cancelar"><span>Cancelar</span></button>
				<button type="submit" class="adicionar"><span>Adicionar</span></button>
			</div>
				
		</fieldset>
	</form>

</div>

Alguem poderia me ajudar?