Olá, estou aqui com um pequeno problema.
Tenho uma página web que tem um formulário de cliente em toda a página.
A questão é que eu queria que do lado esquerdo tivesse um espaço para colocar duas opções, se o utilizador clicasse na opção 1 o lado direito da página mudava, clicando na opção 2 mudava também, mas o lado esquerdo mantinha-se sempre com as duas opções.
Não sei se para isso tenho de usar Iframes ou wtv.
Tipo isto, quero criar os dois botões do lado esquerdo e manter isto no "content 1":
Código (HTML):
Mas não o sei fazer. Alguém pode dar uma ajuda?
![Imagem Colocada]()
Tenho uma página web que tem um formulário de cliente em toda a página.
A questão é que eu queria que do lado esquerdo tivesse um espaço para colocar duas opções, se o utilizador clicasse na opção 1 o lado direito da página mudava, clicando na opção 2 mudava também, mas o lado esquerdo mantinha-se sempre com as duas opções.
Não sei se para isso tenho de usar Iframes ou wtv.
Tipo isto, quero criar os dois botões do lado esquerdo e manter isto no "content 1":
Código (HTML):
<div class="container-fluid">
<form action="formcliente.php" method="post">
<legend>Cliente</legend>
<div class="row-fluid">
<div class="span2 lightblue">
<label>Número Cliente</label>
<input type="text" name="ncliente" id="ncliente" class="span12">
</div><!--/span-->
<div class="span5 lightblue">
<label>Nome</label>
<input type="text" name="nome" id="nome" class="span12">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span2 bgcolor">
<label>Telefone</label>
<input type="text" name="telefone" id="telefone" class="span12">
</div><!--/span-->
<div class="span2 bgcolor">
<label>Telemóvel</label>
<input type="text" name="telemovel" id="telemovel" class="span12">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span6 bgcolor">
<label>E-mail</label>
<input type="text" name="email" id="email" class="span12">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span6 bgcolor">
<label>Empresa</label>
<input type="text" name="empresa" id="empresa" class="span12">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12 bgcolor">
<label>Morada</label>
<input type="text" name="rua" id="rua" class="span12 input-mini" placeholder="Rua">
</div>
</div>
<div class="row-fluid">
<div class="span6 bgcolor">
<input type="text" name="cidade" id="cidade" class="span12 input-mini" placeholder="Cidade">
</div><!--/span-->
<div class="span6 bgcolor">
<input type="text" name="cp" id="cp" class="span12 input-mini" placeholder="Código Postal">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span6 bgcolor">
<input type="text" name="distrito" id="distrito" class="span12 input-mini" placeholder="Distrito">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span6 bgcolor">
<input type="submit" value="Submit">
</div><!--/span-->
</div><!--/row-->
<div class="span4">
</div><!--/span-->
</form>
</div>
<form action="formcliente.php" method="post">
<legend>Cliente</legend>
<div class="row-fluid">
<div class="span2 lightblue">
<label>Número Cliente</label>
<input type="text" name="ncliente" id="ncliente" class="span12">
</div><!--/span-->
<div class="span5 lightblue">
<label>Nome</label>
<input type="text" name="nome" id="nome" class="span12">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span2 bgcolor">
<label>Telefone</label>
<input type="text" name="telefone" id="telefone" class="span12">
</div><!--/span-->
<div class="span2 bgcolor">
<label>Telemóvel</label>
<input type="text" name="telemovel" id="telemovel" class="span12">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span6 bgcolor">
<label>E-mail</label>
<input type="text" name="email" id="email" class="span12">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span6 bgcolor">
<label>Empresa</label>
<input type="text" name="empresa" id="empresa" class="span12">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span12 bgcolor">
<label>Morada</label>
<input type="text" name="rua" id="rua" class="span12 input-mini" placeholder="Rua">
</div>
</div>
<div class="row-fluid">
<div class="span6 bgcolor">
<input type="text" name="cidade" id="cidade" class="span12 input-mini" placeholder="Cidade">
</div><!--/span-->
<div class="span6 bgcolor">
<input type="text" name="cp" id="cp" class="span12 input-mini" placeholder="Código Postal">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span6 bgcolor">
<input type="text" name="distrito" id="distrito" class="span12 input-mini" placeholder="Distrito">
</div><!--/span-->
</div><!--/row-->
<div class="row-fluid">
<div class="span6 bgcolor">
<input type="submit" value="Submit">
</div><!--/span-->
</div><!--/row-->
<div class="span4">
</div><!--/span-->
</form>
</div>
Mas não o sei fazer. Alguém pode dar uma ajuda?
