JavaScript: ReferenceError: 'funçao' is not defined

29 de novembro de 2012 5 respostas

raul.sdg 29 de novembro de 2012

Olá pessoal, sou novo no fórum e iniciante em javascript, ajax e afins.

Estou diante da seguinte situação: Tenho uma pagina index que possui um select que dependendo do valor do select abre uma página php e exibe o valor gerado em uma div dentro da mesma página, ou seja, no index.

Até ai consegui, sem problemas, porém as funcionalidades da pagina lida, ou seja, meus eventos que chamam as funções javascript não funcionam e usando o firebug percebi que ele me retorna “ReferenceError: funçãoJavaScriptTal is not defined”.
Ainda com o próprio firebug percebi que o html da pagina de dentro da div esta correto.

Alguém tem alguma idéia do que pode ser isso ou se é possivel ler uma pagina dentro de uma div e usar todas as funcionalidades da mesma?

Não sei se expliquei bem, desde já agradeço a atenção.

5 Respostas

Gustavo_Marques 29 de nov. de 2012

Sem ver o código fica dificil.
Posta ae onde a função está definida e como você tá chamando ela.

raul.sdg 29 de nov. de 2012

o código é o seguinte:

 página index.html (onde eu quero exibir o conteúdo da pagina lida)

<!DOCTYPE HTML>
    <html lang="pt-br">
    <head>
        <meta charset="utf-8" />
        <script>
            function carrega(page) {
                if (window.XMLHttpRequest)
                    ajax = new XMLHttpRequest();
                else
                    ajax = new ActiveXObject("Microsoft.XMLHTTP");
                    ajax.open("GET", page, true);
                    ajax.onreadystatechange=function() {
                        if (ajax.readyState == 1)
                        document.getElementById("exibicao").innerHTML = "Carregando!";
                        if (ajax.readyState == 4) {
                        document.getElementById("exibicao").innerHTML = ajax.responseText;
                    }
                }
                ajax.send(null);
            }
            
        </script>
    </head>

<body>
        <select id="slct" onchange="carrega('pagina.html');">  
            <option value="tal tal" >Selecione...</option>  
            <option value="tal tal" >tal tal...</option>  
        </select>  
 
       <div id="exibicao" ></div>
        
 </body>
</html>

O código acima funciona certinho exibe a pagina correta dentro da div, o problema é que não consigo usar os eventos da pagina que foi exibida dentro da div, no firebug ele me mostra que as funções não foram definidas.
Mas com o próprio firebug eu consigo ver o html de dentro da div e ver que as funções estão definidas lá.

na pagina exibida dentro da div tenho um select:

<select autofocus="true" onchange="funcao(this.value)" > 
          ...
     </select>

quando executo o select nada acontece, o evento não funciona e o firebug mostra um erro 'ReferenceError: funcao is not defined'

   eu consigo ver o código da pagina e ver que ela ta definida. 

  Se eu pegar o html da pagina que estou exibindo na div e criar uma pagina .html o código funciona perfeitamente.

Gustavo_Marques 29 de nov. de 2012

Entendi,

Isso se dá porque a página carregada dentro da div não teve o bind dos eventos javascript. Isso acontece com páginas carregadas por ajax.

Pesquise no google ‘live bind events javascript ajax’, veja também o Jquery.live()

att

raul.sdg 29 de nov. de 2012

ok, vou dar uma pesquisada sobre isso, vlw.

Estou usando a maneira errada de fazer?

natanaelv 29 de nov. de 2012

Você está abrindo a tag script assim:

creio eu que você precise especificar o tipo

Criado 29 de novembro de 2012

Ultima resposta 29 de nov. de 2012

Respostas 5

Participantes 3

5 Respostas

Topicos relacionados