(Resolvido) Separar Javascript do HTML com Jquery

Ricardo Constantino · Setembro 3, 2009

Ola galera, eu preciso de uma ajuda, eu tenho tres arquivos:

index.php

<html>

<head>
<title></title>
<style>
#div1{
margin-top: 1px;
margin-left: 1px;
position: absolute;
float: left;
width: 500px;
height: 500px;
}

#div2{
margin-top: 1px;
margin-left: 300px;
position: absolute;
width: 500px;
height: 500px;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

<body>
<div id="div1">
<a href="#" id="link_cadastro">Cadastro</a><br />
<a href="#" id="link_alterar">Alterar</a>
</div>
<div id="div2"></div>
</body>

</html>

script.js

$(document).ready(function(){
$('#link_cadastro').click(function(){
$.ajax({
url : 'cadastro.php',
dataType : 'text',
data : 'param=1',
type : 'POST',
success : function(texto){
$('#div2').html(texto);
}

});
});

$('#cadastro_main').click(function(){
alert('Ricardo');
});

});

cadastro.php

<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<form>
<input type="button" value="Inserir" id="cadastro_main" />
</form>
</body>
</html>

Quando eu clico no link, ele consegue me mostrar a pagina cadastro.php, agora quando eu clico no botao ele não me mostra o alert no mozilla, só no ie ele consegue me mostrar.

o que eu faço para que ele me mostre o alert no mozilla?

Eu quero fazer um index só de html, sem aqueles eventos do javascript (onclick, onfucus, etc) para chamar uma funcao.

Prototype · Setembro 3, 2009

Tenta isso

$(function(){

no lugar disso

$(document).ready(function(){

porque você não carrega so o trecho da pagina que você vai usar, ao invés do htm com head e tudo?

Editado Setembro 3, 2009 por Prototype

Ricardo Constantino · Setembro 3, 2009

Prototype, não funfo cara.

Danilo Moraes · Setembro 3, 2009

cadastro.php é a pagina que tu esta chamando do servidor? Se for, codigo javascript vindo do servidor via ajax, não executa no cliente. Para isso, da uma olhada neste tópico:

javascript vindo do servidor

T+

Prototype · Setembro 3, 2009

php

<form>
<input type="button" value="Inserir" id="cadastro_main" />
</form>

js

$(function(){
    $('#link_cadastro').click(function(){
        $.ajax({
            url : 'cadastro.php',
            dataType : 'text',
            data : 'param=1',
            type : 'POST',
            success : function(texto){
                $('#div2').html(texto);
                $('#cadastro_main').click(function(){alert('Ricardo');});
                }
            });
        });
    });

Ricardo Constantino · Setembro 4, 2009

boa Mestres obrigado pela ajuda.

Consegui fazer do jeito do que o prototype explicou.

tópico resolvido

Entrar

(Resolvido) Separar Javascript do HTML com Jquery

Pergunta

Ricardo Constantino

Link para o comentário

Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

Prototype

Link para o comentário

Compartilhar em outros sites

Ricardo Constantino

Link para o comentário

Compartilhar em outros sites

Danilo Moraes

Link para o comentário

Compartilhar em outros sites

Prototype

Link para o comentário

Compartilhar em outros sites

Ricardo Constantino

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades