Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Thiago.l92

enviar 3 formulários com um único botão

Por , em Javascript

Recommended Posts

Thiago.l92    0

Thiago.l92
Postado

Pessoal estou com 3 formulários que funcionam da seguinte forma:

o primeiro é uma caixa seletora com 4 opções que dependendo da opção exibe ou oculta o segundo.

o segundo é um campo de texto que é exibido ou ocultado de acordo com a opção do primeiro.

o terceiro é uma área de texto comum.

Não posso juntar os formulários porque a função js que uso para ocultar e exibir o campo 2 só funciona se estiverem em forms diferentes. E preciso enviar todos os dados por post com um único botão.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Inserir texto</title>

<script type='text/javascript' src='/js/lib/dummy.js'></script>

<link rel="stylesheet" type="text/css" href="/css/result-light.css">



<script type='text/javascript'>
window.onload=function(){

var el = document.querySelector('body > form#entrada');
document.getElementById( 'tipo' ).addEventListener('change', function(){
if(this.value === 'manchete') {
el.style.visibility = 'visible';
} if(this.value === 'destaque') {
el.style.visibility = 'visible';
} if(this.value === 'sub1') {
el.style.visibility = 'hidden';
} if(this.value === 'sub2') {
el.style.visibility = 'hidden';
}
});
}

</script>



    
    <h3>Inserir texto na div <?php echo $_POST['id']; ?></h3>
            
    <form>
        Tipo de texto:
        <select id='tipo' name="tipo">
            <option value='manchete'> Manchete </option>     
            <option value="sub1">Subtítulo 1</option>
            <option value="destaque">Destaque</option>
            <option value="sub2">Subtítulo 2</option>
        </select>
    </form>        
        
    <form id="entrada">
            Link:
            <input type="text" size="100" name="link" />
    </form>
    
    <form >    
        <textarea cols=100 rows=20 name="texto"></textarea>    
    </form>

 

Quem puder ajudar, agradeço

 

testei assim tbm:

nome do primeiro formulário = a1

nome do segundo formulário = a2

nome do terceiro formulário = a3

<script>
    function salvar()
        {
        if( confirm( 'Deseja realmente Salvar todos os registros ?' ))
        {
        a1.submit(),
        a2.submit(),
        a3.submit();
        }
        }        
</script>

<input type="submit" onclick="salvar()" value="Salvar" />

tinha tudo pra dar certo, mas só está enviando o ultimo formulário

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago.l92    0

Thiago.l92
Postado

Porque é tão necessário usar 3 formulários? porque você não usa 1 formulário e 3 divs?

é... isso funcionou cara, é a falta de experiência, valew

 

como ficou: 

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Inserir texto</title>
  
  <script type='text/javascript' src='/js/lib/dummy.js'></script>
    
  <link rel="stylesheet" type="text/css" href="/css/result-light.css">
  


<script type='text/javascript'>
window.onload=function(){

var el = document.querySelector('body > form > div#entrada');
document.getElementById( 'tipo' ).addEventListener('change', function(){
    if(this.value === 'manchete') {
        el.style.visibility = 'visible';
    } if(this.value === 'destaque') {
        el.style.visibility = 'visible';
    } if(this.value === 'sub1') {
        el.style.visibility = 'hidden';
    } if(this.value === 'sub2') {
        el.style.visibility = 'hidden';
    }
});
}  

</script>



	
	<h3>Inserir texto na div <?php echo $_POST['id']; ?></h3>
<form action="text/insert_cont.php" method="post">		
	<div action="text/insert_cont.php" method="post">
		Tipo de texto: 
		<select id='tipo' name="tipo">
			<option value='manchete'> Manchete </option> 	   
			<option value="sub1">Subtítulo 1</option> 
			<option value="destaque">Destaque</option> 
			<option value="sub2">Subtítulo 2</option> 
		</select>
	</div>		
		
	<div id="entrada" action="text/insert_cont.php" method="post"> 
			Link: 
			<input type="text" size="100" name="link"/>
	</div>
	
	<div action="text/insert_cont.php" method="post">	
		<textarea cols=100 rows=20 name="texto"></textarea>	
	</div>
	
	<input type="submit" value="Salvar" />
	
</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito