[Resolvido] Problema com thichbox!

[Raphael Pereira 0]

Bom dia, sou novo no forum e fiquei meio em dúvida se estava postando no local correto, assim se estiver errado movam para outro local por gentileza.

 

Estou com uma dificuldade que é bem simples.

Tenho um include que chama um formulário com class thichbox:

 

<a href="forms/teste.html?width=600&height=300" id="teste" class="thickbox">

 

Ele abre sem nenhum problema porem após abrir esse formulário preciso que ao clicar em um botão vá para outro formulário e isso não estou conseguindo fazer.

<form action="teste.php" method="post" name="teste">

Funciona perfeitamente se estiver fora do thicbox!

Não sei se tenho que fazer algo em ajax, por favor me deem uma luz!

[William Bruno 1501]

coitado do usuario hein?!

 

um form dentro do outro, e os 2 dentro de um modal.. UX comprometida ai..

mas enfim, no caso sim, você teria que enviar o primeiro form com ajax.

 

ou então simplificar um pouco isso, e deixar num form só, sei lá.. pense no usuário.

[Raphael Pereira 0]

Obrigado pelo resposta William Bruno!

É bem simples que nem você mesmo falou dois forms dentro de um modal, na verdade são 3 etapas de forms.

Não é complicação para o usuário, só uma forma dele poder mostrar melhor o que precisa.

 

Você pode me dizer como deveria fazer esse ajax por gentileza?

Agradeço!

[William Bruno 1501]

eu odeio ajax para esses casos, vamos evitar okay ?

 

q tal você apenas "esconder" os outros passos anteriores ?

você só enviaria no final do processo, assim evitando diversos problemas.

 

 

No primeiro form, tem um botão "continuar", clicando nele, você faz um display: none; desses campos, e display: block; dos próximos.

assim por diante.

 

 

até q no final, você envia tudo.

manipulação básica de css com javascript, dá uma pesquisada.

 

 

 

na minha opinião, é melhor você fazer assim, doq fazer com ajax.

[Raphael Pereira 0]

Mas é possível efetuar tal?

Eu sei utilizar css para criar por exemplo um botão que faria aparecer e desaparecer o conteúdo abaixo quando pressionado, porem e para fazer desaparecer o conteúdo que já está na tela e sobrepor um?

É possível efetuar isso apenas com css?

 

Grato pelo sua atenção!

[William Bruno 1501]

é possível fazer com javascript manipulando css.

 

você esconde um e mostra outro, tão simples qnto isso.

.style.display = 'none';

 

no conteudo q você quer esconder, e :

.style.display = 'block';

 

no conteudo q você quer exibir.

[Raphael Pereira 0]

Jurava que o problema estava resolvido, fiz como você informou:

<div id="teste">Teste1</div>

<div id="teste2">Teste2</div>

<input type="button" value="Esconder" onclick="esconde()"/><br/>

 

com o css:

#teste { color: black; font-size:10pt; background-color: white;}

#teste2{ display:none;}

 

e o js:

 

function esconde() {

document.getElementById("teste").style.display = "none";

document.getElementById("teste2").style.display = "block";

}

 

Como documento normalmente funciona perfeitamente porem dentro do tichbox não funciona!

Por que isso ocorre?

 

-- // -- Editado -- // --

 

Agora funciona, o que ocorria era que eu não estava puxando o js dentro do html principal!

Muitíssimo obrigado!

 

 

Grato!

[William Bruno 1501]

você ta abrindo o thickbox como iframe ?

 

se estiver, você precisa declarar essa function lá no arquivo do iframe.

 

 

aperte Ctrl+Shif+J no Firefox, e corrija os erros.

[Raphael Pereira 0]

Funciona Perfeitamente porem quando clico no botao "proximo" elee já envia o formulário.

O que devo fazer para só enviar o formulário quando clicado no enviar?

 

Obrigado!

[William Bruno 1501]

o próximo não deve ser um type="submit", mas sim type="button"

[Raphael Pereira 0]

Ele está como type image e da mesma forma quando executa a função já envia o formulário!

 

<input type="image" src="images/proximo_form_lead.gif" value="Esconde a div" onclick="escondeDiv2()" alt="Proximo" title="Proximo"/>

 

Na verdade o enviar tbm está como imagem! O que devo corrigir?

[William Bruno 1501]

type image é o mesmo que type submit.

 

faça o [próximo] com type button conforme informei.

[Raphael Pereira 0]

É verdade tinha esquecido disso, muito obrigado mesmo!

Agora só me restou alguns problemas de css que no chorme e ie fica lindo e no mozzila ta um lixo.

Muito difícil acontecer isso, no mozzila as coisas ficarem erradas!

Vlw mesmo!