Ir para conteúdo
Fórum Script Brasil
  • 0

Formulario php com abas


marceloInc

Pergunta

Olá galera

Estou fazendo um formulario dividido em 13 abas.

Comecei a fazer no dreamweaver com o spry. fiz os formularios separados e depois na pagina das abas eu usei a funçao include do php para chamar os forms em cada aba, mas quando faço isso os formularios ficam distorcidos usei css para formatar e separados eles estao perfeitos.

Outra grande duvida é como faço para pegar o valor das variaveis dos formularios depois que a pessoa cadastrar.

exemplo. valores do form1 e do form 12.

obrigado a todos.

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Olá galera

Estou fazendo um formulario dividido em 13 abas.

Comecei a fazer no dreamweaver com o spry. fiz os formularios separados e depois na pagina das abas eu usei a funçao include do php para chamar os forms em cada aba, mas quando faço isso os formularios ficam distorcidos usei css para formatar e separados eles estao perfeitos.

Outra grande duvida é como faço para pegar o valor das variaveis dos formularios depois que a pessoa cadastrar.

exemplo. valores do form1 e do form 12.

obrigado a todos.

Olá tudo bem,

diante do css é necessário você colocar o link de sua pagina e o codigo aqui para analizar, para pegar as variaveis não sei se é isso mesmo que você quer

$dados=$_POST[nome_do_campo];

ou

$dados=$_GET[nome_do_campo];

até mais.

Link para o comentário
Compartilhar em outros sites

  • 0

Opa Rickayron então as abas foram feitas no dreamweaver como vou postar o codigo gerado. Os forms foram feitos separados saca exemplo cadastro.html, cadastro2.html depois usei o php pra chama-las em uma unica pagina.

Quanto pegar o valor das variaveis a duvida é como pegar de todas as abas de uma só vez entendeu?

<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Básicos</li>
    <li class="TabbedPanelsTab" tabindex="0">Cônjuge</li>
    <li class="TabbedPanelsTab" tabindex="0">Filiação</li>
    <li class="TabbedPanelsTab" tabindex="0">Emprego</li>
    <li class="TabbedPanelsTab" tabindex="0">Cobrança</li>
    <li class="TabbedPanelsTab" tabindex="0">Referências</li>
    <li class="TabbedPanelsTab" tabindex="0">Fotos</li>
    <li class="TabbedPanelsTab" tabindex="0">Histórico</li>
    <li class="TabbedPanelsTab" tabindex="0">Outros</li>
    <li class="TabbedPanelsTab" tabindex="0">Últimas compras</li>
    <li class="TabbedPanelsTab" tabindex="0">Créditos</li>
    <li class="TabbedPanelsTab" tabindex="0">Perfil</li>
    <li class="TabbedPanelsTab" tabindex="0">Formas de pagamento</li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent"><?php require_once("cadastro1.html")?>  </div>
    <div class="TabbedPanelsContent"><?php require_once("conjuge.html")?> </div>
    <div class="TabbedPanelsContent"><?php require_once("filiacao.html")?> </div>
    <div class="TabbedPanelsContent"><?php require_once("emprego.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("cobranca.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("referencia.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("fotodocliente.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("brevehistorico.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("outros.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("ultimositenscomprados.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("creditos.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("perfil.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("formadepagamento.html")?></div>
  </div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>

Link para o comentário
Compartilhar em outros sites

  • 0

Marcelo,

você tem que definir a tag <form> e um botão submit, indicando ao html onde começa e termina seu form.

Exemplo:

<!-- Aqui começa as definiçoes do form-->
<form id='formCadastro' action='recuperarDados.php' method='post'>

<div class="TabbedPanelsContentGroup">

    <div class="TabbedPanelsContent"><?php require_once("cadastro1.html")?>  </div>
    <div class="TabbedPanelsContent"><?php require_once("conjuge.html")?> </div>
    <div class="TabbedPanelsContent"><?php require_once("filiacao.html")?> </div>
    <div class="TabbedPanelsContent"><?php require_once("emprego.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("cobranca.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("referencia.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("fotodocliente.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("brevehistorico.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("outros.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("ultimositenscomprados.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("creditos.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("perfil.html")?></div>
    <div class="TabbedPanelsContent"><?php require_once("formadepagamento.html")?></div>

  </div>

  <input type='submit' value='Cadastrar' />
</form>
<!-- Aqui termina definiçoes do form-->
E depois, como rickayron disse: você tem que recuperar as informações submetidas pelo usuário. Exemplo: recuperarDados.php
<?php
  {.....}
  $nome = $_GET['nome'];
  $telefone = $_GET['telefone'];
  {.....}
?>

Editado por Romero Dias
Link para o comentário
Compartilhar em outros sites

  • 0

Olá galera desculpe a demora mas estava tentando fazer e conseguir do jeito que foi ensinado aqui no forum deu tudo certo.

Só uma observação estava dando um erro com a tag <head> na pagina inicial a que esta postada.

Então eu resolvi pegando todas as referencias css e javascript e coloquei na pagina inicial, depois eu apaguei o <head> das outras paginas assim funcionou perfeitamente.

valeu galera

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...