Xmlhttprequest

<a href="#" onclick="login();return false;">Login</a>

<script>
function login() {
	TPL_LOGIN = tpl_load("tpl_login");
	document.getElementById("workingarea").innerHTML = TPL_LOGIN;
	if(TPL_LOGIN!=="") return false; else return false;
}

function tpl_load(variable) {
	var ret = "";
	xmlhttp.open("GET","pagina.php?var="+variable,false);
	xmlhttp.onreadystatechange=function() {if (xmlhttp.readyState==4){if(xmlhttp.status==200) {ret = xmlhttp.responseText;}}}
	xmlhttp.send(null);
	return ret;
}
</script>

http.onreadystatechange = handleHttpResponse;

function handleHttpResponse()
{
  campo_select = document.forms[0].subcategoria;
  if (http.readyState == 4) {
    campo_select.options.length = 0;

Edição feita por: hostdesigner, 06/02/2006, 20:41.

Tudo funcionou perfeitamente ao que o tutorial se propos, mas estou com um pequeno problema.

Preciso gravar os valores dos dois combos em um BD, ou seja, recuperar via POST ou GET estes valores.

O primeiro combo deu pra recuperar tranquilamente já o segundo não.

Como recuperar o valor do combo2 ?

function handleHttpResponse()
{
  campo_text = document.forms[0].subcategoria;
  if (http.readyState == 4) {
	campo_text = http.responseText;
	
  }
}

Sim, _vina voce so precisa indicar o nome do campo

Falopa!

<input type="text" name="subcategoria">

function handleHttpResponse()
{
  campo_text = document.forms[0].subcategoria;
  if (http.readyState == 4) {
	campo_text.value = http.responseText;
	
  }
}

Veja com atenção como se aplicaria:

function handleHttpResponse()
{
  campo_text = document.forms[0].subcategoria;
  if (http.readyState == 4) {
	campo_text.value = http.responseText;
	
  }
}

O detalhe do .value faz toda a diferença

Tem como sim, da uma analisada com bastante calma e atenção no Tutorial. Pode ser somente o primeiro post mesmo.

Veja que ele traz as informações separadas por uma caracter. Dessa forma, você pode capturar quantas informações desejar, e apresentá-las da maneira que preferir

function handleHttpResponse(){  
campo_text = document.forms[0].subcategoria;  
if (http.readyState == 4) {	
campo_text.value = http.responseText;
	}
}

partes = http.responseText.split("|");
// partes[0] == codigo
// partes[1] == Nome
// partes[2] == Idade

...
if (http.readyState == 4) {
  document.getElementById("codigo").value = partes[0];
  document.getElementById("nome").value = partes[1];
  document.getElementById("idade").value = partes[2];
...

Vejamos dessa forma:

A resposta (http.responseText) virá separada com os |, correto?

Vamos imaginar que seja algo semelhante à isso:

codigo|Nome|Idade

Então, ao explodir tudo isso, teremos algo assim:

partes = http.responseText.split("|");
// partes[0] == codigo
// partes[1] == Nome
// partes[2] == Idade

Confere? Beleza, agora vamos aplicar os valores aos campos:

...
if (http.readyState == 4) {
  document.getElementById("codigo").value = partes[0];
  document.getElementById("nome").value = partes[1];
  document.getElementById("idade").value = partes[2];
...

Capitche?

echo $row["txtEnd"] . "|" . $row["txtCidade"] . "|" . $row["txtFone"] . "";

function handleHttpResponse(){
campo_text = document.forms[0].subcategoria;
partes = http.responseText.split("|");
partes[0] == txtEnd
partes[1] == txtCidade
partes[2] == txtFone  
if (http.readyState == 4) {  
document.getElementById("txtEnd").value = partes[0];  
document.getElementById("txtCidade").value = partes[1];  
document.getElementById("txtFone").value = partes[2];
	}
}

<p>
  <label>
  <input type="text" name="txtEnd">
  <br>
  <br>
  <input type="text" name="txtCidade">
  <br>
  <br>
  <input type="text" name="txtFone">
  </label>
</p>

Edição feita por: _vina, 24/05/2006, 16:41.

Esse é o caminho. Vai dando com a cabeça agora, ou melhor, testando.

Edição feita por: _vina, 24/05/2006, 17:11.