<div class="datas"><a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009&mmes=dm');"><</a> Setembro <a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009&mmes=mm');">></a></div>
Porem, queria obter assim:
<div class="datas"><a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009&mmes=dm');"><</a> Setembro <a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009&mmes=mm');">></a></div>
(mudou apenas no "onclick" e no nome dos links)
Este é o probleminha :wacko:
teria como "tratar" esse retorno do ajax? valeu ^_^
código ajax + principal.html
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>XMLHttpRequest</title>
<script language="javascript">
var xmlhttp = getXmlHttpRequest();
function getXmlHttpRequest() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
} else if (window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
}
}
function alteraURL(url){
document.getElementById("carregando").innerHTML = "<img src='carregando.gif'>";
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState==4){
document.getElementById("urlContent").innerHTML = xmlhttp.responseText;
document.getElementById("carregando").innerHTML = "";
}
}
xmlhttp.send(null);
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="carregando"></div>
<div id="urlContent">
<a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009');">Exemplo</a>
</div>
</body>
</html>
Pergunta
prodrigo
Opa pessoal, desenvolvi um calendário em php, porem queria uma ajudinha para melhorar ele com ajax :wub:
O caso é o seguinte: eu criei o calendário e no topo dele queria por ex:
< Mes > < ano >
no qual " < " seria para diminuir um mes/ano e " > " seria para aumentar um mes/ano,
aonde entra o ajax nisso?
o calendário é criado numa pagina2.php através de GET, ou seja o ajax poderia puxar um calendario pronto
da outra pagina, atualizar a div, sem ser necessário atualizar toda página atual, e é ai que eu to com problema <_<
code que chama:
a página é chamada através da tag A (segue no fim do post todo code da pagina):
<a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009');">Exemplo</a>Problema: Obtem o código fonte deste jeito:<div class="datas"><a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009&mmes=dm');"><</a> Setembro <a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009&mmes=mm');">></a></div>Porem, queria obter assim:<div class="datas"><a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009&mmes=dm');"><</a> Setembro <a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009&mmes=mm');">></a></div>(mudou apenas no "onclick" e no nome dos links) Este é o probleminha :wacko: teria como "tratar" esse retorno do ajax? valeu ^_^ código ajax + principal.html<html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>XMLHttpRequest</title> <script language="javascript"> var xmlhttp = getXmlHttpRequest(); function getXmlHttpRequest() { if (window.XMLHttpRequest) { return new XMLHttpRequest(); } else if (window.ActiveXObject) { return new ActiveXObject("Microsoft.XMLHTTP"); } } function alteraURL(url){ document.getElementById("carregando").innerHTML = "<img src='carregando.gif'>"; xmlhttp.open("GET", url, true); xmlhttp.onreadystatechange = function(){ if (xmlhttp.readyState==4){ document.getElementById("urlContent").innerHTML = xmlhttp.responseText; document.getElementById("carregando").innerHTML = ""; } } xmlhttp.send(null); } </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <div id="carregando"></div> <div id="urlContent"> <a href="#" onclick="alteraURL('calendario.php?mes=9&ano=2009');">Exemplo</a> </div> </body> </html>Editado por prodrigoLink para o comentário
Compartilhar em outros sites
7 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.