Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

  • 0
araorn

como pegar scripts de outra pagina

Pergunta

Estou desenvolvendo um sistema que contem "login", "cadastro", "esqueci a senha" tudo na mesma pagina.... usando um script jquery que recarrega uma div, com as divs das outras paginas de acordo com o nome. 

Ao concluir o sistema por fora, na aparencia css , no funcionamento dos links e de alguns scripts, eu precisava desenvolver a parte em php, que fizesse o sistema funcionar, porém eu optei pra usar o Jquery como interceptor para nao ficar dando refresh na pagina, até porque se der refresh e a pessoa estiver fazendo o cadastro ela é redirecionada para o login, e não é o que eu quero.

mas o maior problema é que eu não consigo executar os scripts usando o script q da load na div.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
  
<!-- Link relacionado ao Estilo css usado -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Script que permite o uso do JQuery -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- Link que puxa as fontes do google  -->
<link href="https://fonts.googleapis.com/css?family=Josefin+Slab|Oswald" rel="stylesheet">
<!-- Titulo do Documento -->
<title>Painel de Controle</title>
<script>
window.onload = function () {
 $("#conteudo_central").load("login.php" +" #conteudo_central");
}
</script>
<script>
function lcadastro(e) {
   e.preventDefault();
   $("#conteudo_central").load("cadastro.php" +" #conteudo_central");
	
}
function luser(e) {
   e.preventDefault();
   $("#conteudo_central").load("ruser.php" +" #conteudo_central");
   
}
function lsenha(e) {
   e.preventDefault();
   $("#conteudo_central").load("rsenha.php" +" #conteudo_central");
   
}
function back(e){
   e.preventDefault();
   $("#conteudo_central").load("login.php" +" #conteudo_central");

}
</script>
</head>

<body>
<!-- Div contendo o formulario da pagina -->
<div id="login" class="bradius">
<div id="conteudo_central">
  
</div>
</div>
<!-- fim da(s) Divs que contem o formulario -->
</body>
</html>

eu dei um alert de teste na login.php mas ele não aparece.

<div id="conteudo_central">
<script>
alert('teste');
</script>
<h2>INICIAR SESSÃO</h2>
<form class="form" name="form" action="" method="post">
<label for="login">Nome de usuário:</label>
<input type="text" name="login" class="txt bradius" onkeyup="verifica()" required>
<label for="password">Senha:</label>
	<input type="password" name="password" class="txt bradius" onkeyup="verifica()" required></br></br>
<input type="checkbox" name="lembrar" id="lembrar">&nbsp;Lembrar-se</br></br>
<input type="submit" name="enviar" class="sb bradius" value="" disabled>
&nbsp;
</form>
<div id="footlg"><a href="javascript://" onclick="luser(event);">Esqueceu seu nome de usuário?</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript://" onclick="lcadastro(event);">Criar conta?</a></br><a href="javascript://" onclick="lsenha(event);">Esqueceu sua senha?</a></div>
</div>

Ao abrir a index.php ela carrega todo o formulario mas não carrega o script, sendo assim eu não consigo usar o Jquery + php para puxar o banco de dados.

Compartilhar este post


Link para o post
Compartilhar em outros sites

3 respostas a esta questão

Recommended Posts

4 horas atrás, AnthraxisBR disse:

Muda esses 


function nome_da_funcao(X){

}

por:


$(document).ready(function(x){
});

 

Sepa rode 

 

4 horas atrás, Rapadura disse:

 

AntharaxisBR , eu troquei , mas ainda não executa o script que está dentro da div na pagina login.php

 

Rapadura, eu estou utilizando o Load, conforme você postou os links , mas ele não tá funcionando o script dentro das div que puxa, eu ja tentei fazer por o script dentro da index.php puxando os elementos que estão dentro da login.php, mas ele não reconhece os formularios nem nada.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você fez isso:

 

<script>
$(document).ready(function () {
 $("#conteudo_central").load("login.php" +" #conteudo_central");
})
</script>

??

 

Mas cara, não sei se esse jeito é o melhor modo de se fazer isso, você poderias criar um página html completa com todas as opções que você quer colocar.

 

Ai no botão "esqueci minha senha", você atribui um evento on('click') do jQuery pra carregar em uma div, modal o formulário.

No botão 'cadastro', você faz a mesma coisa.

 

Inclusive você pode deixar esses formulários apenas com atributo hide, e exibi-los no evento 'onclick'.

 

Se não entendeu pergunta ai de novo que vou respondendo kk

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma dúvida de como devo fazer.
       
      Preciso criar uma Rotina para Cadastrar Faturamento, por exemplo:
      1) 28/42/56 dias -> de 28 p/ 42 a dif. é de 14 dias...
      2) 30/60/90 dias -> de 30 p/ 60 a dif. é de 30 dias...
      3) 0/15/30/45 dias  -> de 0 p/ 15 a dif. é de 15 dias...
       
      Como devo fazer para  cadastrar os prazo de vencimento, onde o sistema possa contar as diferenças entre os dias ?
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Estou com uma pequena dúvida, referente a PEGAR AUTOMATICAMENTE a HORA e alimentar o campo INPUT.
       
      Tenho uma rotina, que estava aparentemente funcionando corretamente, mas agora estou tendo problema.
       
      A rotina, pega a HORA atual e informa automaticamente o INPUT, não estou entendendo porque agora não está mais fazendo.

      Abaixo a rotina.

       
      <div class="col-lg-3"> <label for="cotaHrsinicio">Hora da Abertura<span class="required">*</span></label> <div class="controls"> <input type="time" id="cotaHrsinicio" name="cotaHrsinicio" class="form-control" style="width:100%;" value="" /> <!-- NESSE INPUT A ROTINA INFORMA A DATA ATUAL --> </div> </div>  
       
      function date_time() { var date = new Date(); //var am_pm = "AM"; var hour = date.getHours(); /* if(hour>=12){ am_pm = "PM"; } */ if (hour == 0) { hour = 12; } if(hour<12){ hour = hour - 12; } if(hour>12){ hour + 12; } if(hour<10){ hour = "0"+hour; } var minute = date.getMinutes(); if (minute<10){ minute = "0"+minute; } var sec = date.getSeconds(); if(sec<10){ sec = "0"+sec; } /* *Formato da Hora (h:m:s) * Passar para a Variável: Hora Atual */ var cotaHrsinicio = document.getElementById("cotaHrsinicio").value = hour+":"+minute; }
      Grato,
       
      Cesar

       
    • Por luiz monteiro
      Bom dia.
      Estou precisando formatar um campo de entrada type text somente para numero com a seguinte formatação.
      se menor que 999 mostrar dessa forma mesmo, nesse caso seria para centena.dezena.unidade. Tipo 001 até 009 depois 010 até 099 depois 100 até 999
      de 1.000 até 999.999  mostrar com o ponto, nesse caso seria para milhar.centena.dezena.unidade. Tipo 001.000 até 001.999 e assim por diante.
      de 1.000.000 até 9.999.000, nesse caso seria para milhão.milhar.centena.dezena.unidade. aqui mesma ideia....
      Parecidos com aqueles campos de preço, que ao digitar os zeros ficam a esquerda até o valor atingirem a unidade correspondente.
       
      Tentei adaptar esse que encontrei na net.
      function moeda(a, e, r, t) { let n = "" , h = j = 0 , u = tamanho2 = 0 , l = ajd2 = "" , o = window.Event ? t.which : t.keyCode; if (13 == o || 8 == o) return !0; if (n = String.fromCharCode(o), -1 == "0123456789".indexOf(n)) return !1; for (u = a.value.length, h = 0; h < u && ("0" == a.value.charAt(h) || a.value.charAt(h) == r); h++) ; for (l = ""; h < u; h++) -1 != "0123456789".indexOf(a.value.charAt(h)) && (l += a.value.charAt(h)); if (l += n, 0 == (u = l.length) && (a.value = ""), 1 == u && (a.value = "0" + r + "0" + l), 2 == u && (a.value = "0" + r + l), u > 2) { for (ajd2 = "", j = 0, h = u - 3; h >= 0; h--) 3 == j && (ajd2 += e, j = 0), ajd2 += l.charAt(h), j++; for (a.value = "", tamanho2 = ajd2.length, h = tamanho2 - 1; h >= 0; h--) a.value += ajd2.charAt(h); a.value += r + l.substr(u - 2, u) } return !1 } Mas sem sucesso.
       
      Grato por enquanto.
       
       
       
    • Por Giovanird
      O script abaixo atualiza a página (centro.php) a cada um minuto e dentro desta página terei uma div que não poderá ser atualizada.
      Tentei colocar esta div como pagina com setInterval de 100 minutos porem ao dar o refresh no centro.php  tudo vai junto.  Será que isto é possivel?

      Desde já meu muito obrigado!
      <script> function atualiza(){ var url = 'centro.php'; $.get(url, function(dataReturn) { $('#centro').html(dataReturn); }); } setInterval("atualiza()",60000); </script>  

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.