Iframe?

[Developer17]

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":

<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>

Mas não o sei fazer. Alguém pode dar uma ajuda?

Edited April 23, 2015 at 06:00 PM by apocsantos
geshi

[capesone]

Se o conteudo que queres mostrar na direita for o conteudo gerado pelas tuas páginas, basta incluires um ficheiro com o 'template' da barra lateral/cabecalhos/etc. que quiseres mudar...

caso for um site externo, metes uma iframe!

Edited April 27, 2015 at 03:52 AM by capesone