Ir para conteúdo

POWERED BY:

Arquivado

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

uines

div carregando outra pagina que conter ajax

Por , em Javascript

Recommended Posts

uines    0

uines
Postado

Olá amigos!

 

Estou com o seguinte problema.

 

Tenho o arquivo index.php onde ele tem um link que abre uma pagina externa clientes.php dentro de uma div, só que dentro dessa pagina clientes.php possuí também codigos ajax "codigo de calendário". O calendario funciona se eu abrir normalmente o arquivo clientes.php, mas dentro da div o calendario nao funciona.

 

Tem como resolver isso?

 

ajax.js

function GetXMLHttp() {
if(navigator.appName == "Microsoft Internet Explorer") {
	xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else 
	{
		xmlHttp = new XMLHttpRequest();
		}
		return xmlHttp;}
	var xmlRequest = GetXMLHttp();

 

instrucao.js

function abrirPag(valor){
   var url = valor;

   xmlRequest.open("GET",url,true);    
   xmlRequest.onreadystatechange = mudancaEstado;
   xmlRequest.send(null);

       if (xmlRequest.readyState == 1) {
           document.getElementById("conteudo_mostrar").innerHTML = "<img src='loader.gif'>";
       }

   return url;
}

function mudancaEstado(){
   if (xmlRequest.readyState == 4){
       document.getElementById("conteudo_mostrar").innerHTML = xmlRequest.responseText;
   }
}

 

index.php

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>

<script language="javascript" src="js/ajax.js"></script>
<script language="javascript" src="js/instrucao.js"></script>



</head>

<body>
<a href="#" onClick="abrirPag('clientes.php');">ver</a>
<div id="conteudo_mostrar"> </div>


</body>
</html>

 

clientes.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Display month & year menus</title>
<link rel="stylesheet" href="themes/base/jquery.ui.all.css">
<script src="jquery-1.4.4.js"></script>
<script src="ui/jquery.ui.core.js"></script>
<script src="ui/jquery.ui.widget.js"></script>
<script src="ui/jquery.ui.datepicker.js"></script>
<link rel="stylesheet" href="demos.css">
<script>
$(function() {
	$( "#datepicker" ).datepicker({
		changeMonth: true,
		changeYear: true
	});
});
</script>
</head>
<body>

<div class="demo">

<p>Date: <input type="text" id="datepicker"></p>

</div><!-- End demo -->



<div class="demo-description">
<p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes.  Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p>
</div><!-- End demo-description -->

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

javascript carregado com ajax não funciona.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

?

Java é uma coisa, javascript é outra.

 

não vi como usar Java no teu caso.

e ajax é apenas uma metodologia baseada fortemente em javascript, não é uma outra linguagem, é javascript ainda.

 

Eu recomendo estudar HTML básico, pois ao fazer esse 'include' o teu documento final virtual, possuirá duplicação das tags <html>, <body>, <head>..

além do que eu mencionei:

 

javascript carregado com ajax não funciona

 

dicas que sempre falo, qndo aparecem com esse mesmo problema que você (média de uns 5 topicos por semana)

 

-> não traga tags script com ajax

-> use o metodo .live() para atrelar dinamicamente funções a eventos de objetos

-> se tá usando jQuery, aproveite melhor os poderes da biblioteca(no teu caso, faz o ajax com jQuery tb logo)

 

e de novo, pra evitar confusão, jQuery é apenas um framework javascript.

Não é outra linguagem, é apenas javascript.

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

Tente assim...

cliente.php

<script language="javascript" type="text/javascript">
$(document).ready(function() {
               $( "#datepicker" ).datepicker({
                       changeMonth: true,
                       changeYear: true
               });
       });
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

uines    0

uines
Postado

Usei apenas o codigo da pagina cliente como exemplo, sei q nao devo duplicar as tags, só copiei e colei de qualquer arquivo que possuia um codigo javascript. Mas obrigado por esclarecer algumas duvidas, não sabia que nao funcionava javascript com ajax.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Veja o link que postei, existem formas de tentar contornar a situação

 

e algumas boas práticas que podem te ajudar.

mas ainda, pessoalmente, eu não entendo pq carregar páginas completas com ajax.(a não ser que estejamos numa webradio)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito