none
Iframe não funciona RRS feed

  • Pergunta

  • Ola senhores.
    Estou criando um site que usa um Iframe no meio

    Mas quando clica no Iframe do meio e depois clica no menu abre em uma nova aba

    quando clica so no menu funciona bem.


    Segue o código de meu Iframe

    CODE
    <iframe id="Centro"  name="Centro" onload="resizeIframe('Centro');" src="Centro/Inicio.html"
                                    scrolling="no" scroll="no" height="1" marginwidth="0" marginheight="0" frameborder="0"
                                    style="width: 100%;"></iframe>


    e o código do botão menu que chamo

    CODE
    <li class="even"><a target="Centro" href="Centro/Bandas.html"  onload="resizeIframe('Centro');">
                                        Bandas</a></li>


    Para ver melhor o que esta acontecendo acessem o site 

    www.euquero1.com.br 

    Clique em uma imagem no centro e depois clique no menu novamente.(So esta pronto o Bandas e o Super Herois)

    Se clicar so nos menus funciona perfeitamente.  o erro acontece se clicar no meio (no Iframe) e depois nos menu

    alguém sabe o que esta acontecendo??

    quinta-feira, 17 de novembro de 2011 15:56

Respostas

  • Resolvi

    Fiz o seguinte

    Na Pagina Bandas Criei a seguinte função

    function EnviarImagem(idImagem) {
    window.location = "Detalhes.html#" + document.getElementById(idImagem).src;
    }
    Que pego o idImagem conforme o id da imagem clicada.

    E na pagina Detalhes.html
    faço essa função
    function onPag2Load() {
    document.getElementById("ImagemProduto").src = location.href.substring(location.href.indexOf('#') + 1);
    }
    Que passa o SRC  para o componente imagem dessa pagina

    Aparentemente funcionou Muito Bem com Iframe

    • Marcado como Resposta Robson Gaeski quarta-feira, 23 de novembro de 2011 13:02
    quarta-feira, 23 de novembro de 2011 13:02

Todas as Respostas

  • Olá, fiz um teste também e tive o mesmo problema, mesmo com um código mais simples:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
        <a href="http://www.google.com.br" target="Centro">Ira para Google</a>
        <br />
        <iframe id="Centro"  name="Centro" src="http://www.euquero1.com.br/Centro/Inicio.html" >
        </iframe>
    
    </body>
    </html>
    
    


    Tentei varias coisas mas o problema é o mesmo, o unico momento que consegui resolver é através do inspetor de html do browser, onde após o click interno no iframe eu edito a tag, ele recarrega o iframe, e ai eu clico no link e funciona normal. Estou tão curioso quanto você kkkkkkkk.O uso do iframe desta forma é realmente necessário?

    Tentei usar a tag base no head mas também não adiantou.

    Veja se algum desses links te ajuda:

    http://www.codingforums.com/archive/index.php/t-48738.html

    http://allwebco-templates.com/support/S_target_link.htm


    Rodrigo Reis Ferreira
    Microsoft Certified
    terça-feira, 22 de novembro de 2011 12:13
  • Ola Rodrigo.

    Acho que achei o problema.

    Na pagina das imagens quando clico em uma imagem Chamo uma Função JavaScript EnviarImagem

     function EnviarImagem(idImagem) {
                //Envia Apenas A imagem para a Proxima Pagina
                window.name = document.getElementById(idImagem).src;
               
            }

    Nessa Função pego o caminho da imagem e passo para o window.name

    e chamo a pagina Detalhes.html

    Na pagina detalhes chamo a função CarregaImagem Que pega o caminho e passa para o componente "ImagemProduto"

     function CarregaImagem() {
                //Traz a imagem da pagina anterior
                document.getElementById("ImagemProduto").src = window.name;
                
            }


    Acho que se perde por isso. 

    Quando passo o caminho para o Window.name.

     

    Mas agora não sei como vou passar a imagem para o componente da pagina Detalhes.html

    terça-feira, 22 de novembro de 2011 12:41
  • Alguem tem alguma ideia de como passar a imagem para outra pagina?

     

    JA que o window.name não funciona?

     

    Att

    quarta-feira, 23 de novembro de 2011 10:48
  • Resolvi

    Fiz o seguinte

    Na Pagina Bandas Criei a seguinte função

    function EnviarImagem(idImagem) {
    window.location = "Detalhes.html#" + document.getElementById(idImagem).src;
    }
    Que pego o idImagem conforme o id da imagem clicada.

    E na pagina Detalhes.html
    faço essa função
    function onPag2Load() {
    document.getElementById("ImagemProduto").src = location.href.substring(location.href.indexOf('#') + 1);
    }
    Que passa o SRC  para o componente imagem dessa pagina

    Aparentemente funcionou Muito Bem com Iframe

    • Marcado como Resposta Robson Gaeski quarta-feira, 23 de novembro de 2011 13:02
    quarta-feira, 23 de novembro de 2011 13:02
  • ótima solução Robson! Parabéns cara! :)
    Rodrigo Reis Ferreira
    Microsoft Certified
    quarta-feira, 23 de novembro de 2011 14:04