Exibir mensagem de "Carregando....."

[maxcanoas]

No site que eu estou trabalhando, tem uma página inicial com as turmas do professor. Ao lado de cada turma, tem um botão "Alunos", e quando clica no botão, aparece a lista com os nomes. Isso acontece via Ajax. Pois bem, quando eu clico no botão Alunos, deve aparecer uma mensagem ao lado do botão que diz: "Buscando, aguarde....". Até então isso acontece, o meu problema é que, esse aviso aparece sempre ao lado do botão da primeira turma, independente de quantas turmas eu tenha. Eu posso ter 10 turmas, se eu clicar na décima e o aviso vai aparecer na primeira linha.

Como eu faço pra aparecer exatamente ao lado do botão onde eu estou clicando?

Aqui é o seguinte...

O primeiro echo que eu estou dando, é o botão onde o usuário clica para aparecer a lista..

O segundo é o aviso que deve aparecer..

O terceiro é a div onde é carregada a lista que aparece na tela...

echo "   <a href=\"#\" onclick=\"java script: exibe('campoResposta$idTurma');\"><img src=\"figuras/alunos.gif\" border='0' align=\"absmiddle\" onClick=\"chamaAluno($idTurma);\"></a>";  
    
    echo "<span class=\"style2\" id=\"campoAviso\"></span><br>";  
  
    echo "<div id=\"campoResposta$idTurma\" style=\"display:none\"></div>";

E o meu código javascript que está fazendo isso funcionar é o seguinte.. É o último function da lista o script da mensagem...

var idT;  
  
function trataDados(){  
    Aviso(0);  
    var nomeCampo = "campoResposta"+idT;  
    var info = ajax.responseText;  // obtém a resposta como texto  
    document.getElementById(nomeCampo).innerHTML=info;    
    idT=0;  
  
}  
  
function chamaAluno(idTurma){  
    Aviso(1);  
    idT=idTurma;  
    var url = "RetornaAluno.php?idTurma="+idTurma;  
    requisicaoHTTP("GET",url,true);  
}  
  
function exibe(id) {  
    if(document.getElementById(id).style.display=="none") {  
        document.getElementById(id).style.display = "inline";  
    //Aviso(1);  
    }  
      
    else {  
        document.getElementById(id).style.display = "none";  
    }  
  
}  
  
function Aviso(mostrar){  
  
    if(mostrar) // exibe o aviso  
    {  
        document.getElementById('campoAviso').style.backgroundColor="yellow";  
        document.getElementById('campoAviso').innerHTML=" Buscando, aguarde...";  
    }  
    else  
    {  
        document.getElementById('campoAviso').innerHTML="";  
    }  
}

[El_pancho]

Verifique no seu código php que faz os 3 primeiros echos, se o valor do $idturma esta diferente para cada turma.

algo como while

for($n=0;$n<$i;$n++)

{

echo "<div id=\"campoResposta$idTurma\" style=\"display:none\"></div>";

$idTurma++;

}

se não incrementar o id turma todas as divs terao o mesmo id.

Editado Abril 26, 2012 por El_pancho