Entre para seguir isso  
Seguidores 0

Exibir mensagem de "Carregando....."

2 posts neste tópico

Postado

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="";  
    }  
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Postado (editado)

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 por El_pancho

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!


Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.


Entrar Agora
Entre para seguir isso  
Seguidores 0