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

Front-end
#1

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. :slight_smile:

#2

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

#3 
 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.
#4

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

#5

ok, vou dar uma pesquisada sobre isso, vlw. :smiley:

Estou usando a maneira errada de fazer?

#6

Você está abrindo a tag script assim:

creio eu que você precise especificar o tipo

#7