Iframe

[SirSmart]

Galera estou precisando fazer o seguinte:

Toda vez que eu clicar em um botão eu carrego um iframe

Como eu faço isso??

Tipo, esse iframe só irá ser carregado se eu clicar no botão..

Obrigado

[fercosmig]

como assim?

ele vai estar com uma pagina sem conteudo inicialmente?

[SirSmart]

Por exemplo eu queria fazer um esquema assim:

Quando eu clicar no botão mostrar por exemplo ele me mostrasse esse iframe como o conteudo que ele busca de outra pagina....

Só isso o problema é como eu faço pra que quando ele clicar eu chame o iframe e mostre o conteudo dessa outra pagina.

Tem como eu fazer isso??

Entendeu??

Obrigado

[Beraldo]

Eu estava, ontem, tentando fazer algo semelhante a isso, mas não cinsegui ainda...

você quer o que Iframe inicie oculto, e, ao clicar em um botão, ele seja exibido com a respectiva página dentro?

[SirSmart]

Isso exatamente.....

porque eu tenho ele só pra exibir na tela normalmente, mas queria que acontecesse isso apenas quando eu clicasse no botão...

Bom se eu conseguir eu posto aqui....

Obrigado pela ajuda

[Beraldo]

Beleza. Se você conseguir, posta aí. Eu estou tentando também... qualquer novidade, eu te aviso! =)

Abraço

[fercosmig]

coloca o iframe dentro de uma div e exibe/oculta ela com o style.display

[Beraldo]

É mesmo... dá certo assim...=)

Valeu!!

Abraço

[SirSmart]

Galera consegui fazer a parada se ligam no código:

Primeiro Javascript

function showHide(nomedoIframe,id,fornec){

	div = "status" + nomedoIframe;
	btn = "btn" + nomedoIframe;
	document.images[btn].src;


	iframe = (document.getElementById) ? document.getElementById(nomedoIframe):document.all(nomedoIframe);
	if(document.getElementById){
  var total = fornec * 100;
  
  if(iframe.height == total){
  	
  	iframe.height = 0;
  	
  	document.images[btn].src = "btn_ocultar.gif";
  	document.getElementById(div).innerHTML = "ocultar";
  	
  }
  else{
  	var Frame = document.getElementById(nomedoIframe); 
  	Frame.src = "fornecedor.php?produtos=produtos&prod=" + id; 
  	iframe.height = total;
  	document.images[btn].src = "btn_mostrar.gif";
  	document.getElementById(div).innerHTML = "exibir";
  	
  }  	
	}
}

Agora o Html:

<a  onClick="javascript:showHide('saldo<?=$row['id_produto']?>',<?=$row['id_produto']?>,<?=$row['cout_fornec']?>); return false"><img src="\\Paulo-pavanelli\obraweb\obraweb\btn_mostrar.gif" name="btnsaldo<?=$row['id_produto']?>" alt="" width="19" height="19" border="0"></a>



<iframe  scrolling="no"  name="saldo<?=$row['id_produto']?>" id="saldo<?=$row['id_produto']?>" frameborder="0" marginwidth="0" marginheight="0" width="110%" height="0" >

</iframe>

Galera qualquer coisa posta aí.

A parte que está em php é que eu estou fazendo um loop e trocando o nome das variáveis, etc...

Abraço e obrigado a todos