[code]// JavaScript Document
//ajax.js
// request = false;
var REQ_FIM = 4;
var REQ_OK = 200;
function stateChangeListener() { //Função ativada a cada mudança de status na comunicação com o servidor de transferencia
if (request.readyState != REQ_FIM) {
return;
}
if (request.status == REQ_OK) {
recebe(request.responseText);
request=false;
}
return;
}
function ajax(url,params) {// Função que envia a url e seus parametros para o servidor de transferencia (AJAX)
tmpUrl = url;
tmpParams = params;
if(window.XMLHttpRequest) {
request = new window.XMLHttpRequest();
} else if (window.ActiveXObject) {
request = new window.ActiveXObject("Microsoft.XMLHTTP");
}
if(request) {
request.onreadystatechange = stateChangeListener;
request.open("POST", url, true);
request.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
if (typeof params == "undefined") {
request.send();
} else {
request.send(params);
}
}
}
function recebe(msg) {// Função que recebe a mensagem do servidor de transferencia e insere seu conteudo na área "painel"
P = document.getElementById("painel");
P.innerHTML = msg;
URL_ATUAL = tmpUrl;
PARAMS_ATUAL = tmpParams;
alert(P.getObjetct());
}
[/code]
===============
<!--textoJS.php-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="sotexto.css" />
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<?php file_put_contents("textoJS.txt","Funcionoooooooooooou"); ?>
<div>
<h1>Texto mais JavaScript</h1>
<script type='text/JavaScript'>
document.write("Texto escrito por java scriptTT");
</script>
<h1> H1</h1>
<!--<IFRAME name=palco src="testeframe.html" frameBorder=10 width=400 height=150 scrolling=auto></IFRAME>-->
</div>
</body>
</html>======================
<-- ajax.html -->
<!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>
<style type='text/css'>
#tudo {width:1004px;
margin-left:auto;
margin-right:auto;
}
#princ {float:left;
width:inherit;
background-color:#CCC}
#cab {width:inherit;
height:100px}
#nav {width:inherit;
height:30px}
#menu {width: 200px;float:left}
#painel {width:800px;
float:left;
background-color:#FAFAFA}
#rodape {float:left;
width:1000px;
height:40px;
}
.menuItem {min-height:30px;
background-color:#FFC;
vertical-align:middle;
display:block;
width:inherit;
text-align:left;
border:none;
cursor:pointer;
margin-bottom:2px}
.novoLink {cursor:pointer; color:#00C}
</style>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<div id="tudo">
<div id='princ'>
<div id='cab'>
<p>Cabecalho</p>
</div>
<div id='nav'>
<p>Nevagação principal</p>
</div>
<div id='menu'>
<h3>Menu esquerdo</h3>
<button class='menuItem' onClick='ajax("soTexto.php")'>Só texto</button>
<button class='menuItem' onClick='ajax("textoJS.php")'>texto com java script</button>
</div>
<div id='painel'>
<p>Area de aplicação</p>
</div>
<div id='rodape'>
<p>Rodape</p>
</div>
</div>
</div>
</body>
</html>No ajax.html to tentando carregar o javascript via ajax, alguem pode dar um help, sou novato na area