Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
live??? o que esse live é??? o que faz???
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...
>
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
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?
tenta usar o .live (procura no google)
pode ser que de algum problema no css mas acho que eles pensaram nisso