F�rum iframe alterando o form Principal #420130

19/07/2012

Tenho o form principal (formPrincipal) com uma label, e dentro dele um iframe que mostra p�ginas conforme oque � clicado no php principal. Pelo frame gostaria de alterar a label (chamada test) do form principal. Como fazer sem dar reload (POST) na p�gina?
Abaixo as tentaivas que n�o funcionaram (jQuery = $):

window.opener.document.getElementById(test).innerHTML=XXXXX;
window.document.getElementById(test).innerHTML=XXXXXXX;
window.parent.document.getElementById(test).innerHTML=XXXXXX;
document.getElementById(test).value=XXXXX;
document.getElementById(test).innerHTML=xxxxxx;
jQuery(window.parent.document).find(#test).text(XXXXXXX);
jQuery(document).parent().find(#test).text(xxxxx);
jQuery(.formPrincipal,window.opener.document).find(#test).html(XXXXX);
jQuery(document).find(#test).text(XXXXXXXX);
jQuery(#test,window.opener.document).val(XXXXXX);
jQuery(window.parent.document).find(#test).html(XXXXXX);
jQuery(#test, window.parent.document).html(XXXXX);
jQuery(this).parent().find(#test).text(XXXXX);
jQuery(#test).parent(.formPrincipal).html(XXXXXX);

Qualquer ajuda � bem vinda.
Muito obrigado.

Pablo Botton.

Curtir t�pico

+ 0

Responder

Posts

10/08/2012

Thiago Palmeira

Tenta usar o iframe do HTML mesmo...

Responder

Gostei + 0

10/08/2012

Pablo Botton.

Desculpa amigo, n�o entendi. Pode me dar um exemplo?
Muito obrigado.

Responder

Gostei + 0

15/08/2012

Pablo Botton.

Segue o HTML Pai (pai.html):

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html 
 head
  titleTITULO/title
  link rel=stylesheet href=my.css /
  script src=https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js/script
  script src=my.js/script
 /head
 body
  div data-role=page id=pai data-fullscreen=true
   div data-theme=a data-role=header data-position=inlineCABECALHO/div			
   div data-role=content 
    div id=lblfun_outer 
     div id=lblfun style= font-family: Tahoma; font-size: 11px; cursor: default;height:13px;width:80px; TESTE/div
    /div
    div id=conteudo_outer 
     div id=conteudo_wrapper style=width:100%;height:100%;overflow:auto; 
	  iframe style=width:100%;height:100%;position:absolute; src=teste.html  name=conteudo id=conteudo  marginwidth=0 marginheight=0 frameborder=0  scrolling=nos /iframe
     /div
    /div
   /div
  /div
 /body
/html

E o html filho (teste.html):

!DOCTYPE html
html
 head
  link rel=stylesheet href=https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.css /
  script src=https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js/script
  script src=https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.js/script
 /head
 body
  div data-role=page id=teste
   div id=btnlogin_outer
    input id=btnlogin class=ui-btn-hidden type=button tabindex=0 value=Logar-se name=btnlogin aria-disabled=false
   /div
  /div
 /body
/html

Al�m destes temos mais o my.js que � o javascript que conter� o c�digo Javascript para efetuar a a��o.

O objetivo � clicar no bot�o (btnlogin) e o texto TESTE (da lblfun) do html pai ser alterado para Logado atrav�s de Javascript (ou jQuery).

Como te informei, j� tentei mil coisas e n�o consegui.
Muito obrigado.

Responder

Gostei + 0

16/08/2012

Thiago Palmeira

Ol�, desculpe a demora

segue o c�digo

<HTML>
<HEAD></HEAD>
<FRAMESET cols="20%, 80%">
  <FRAMESET rows="100, 200">
      <FRAME src="NomeDoFrame1.html">
      <FRAME src="conteudoframe2.gif">
  </FRAMESET>
  <FRAME src="conteudoframe3.html">
  <NOFRAMES>
      <P>Este documento constitu�do por um conjunto de molduras cont�m:
      <UL>
         <LI><A href="NomeDoFrame1.html">Conte�dos Frame 1</A>
         <LI><IMG src="conteudoframe2.gif" alt="Imagem">
         <LI><A href="conteudoframe3.html">Conte�do Frame 3</A>
      </UL>
  </NOFRAMES>
</FRAMESET>
</HTML>

Responder

Gostei + 0

16/08/2012

Joel Rodrigues

Cara, eu nunca usei, nem sei se pode lhe ser �til, mas o jQuery tem o m�todo load() que permite carregar um conte�do em uma div (fazer o papel do iframe). Talvez fosse interessante tentar usar.

Responder

Gostei + 0