Estou querendo fazer o seguindo, tenho um DataGrid com itens, este itens trocam a cor do fundo quando o mouse passa por cima, e quando o mouse sai de cima a linha volta a cor original. Certo, até aí está funcionando, agora quero fazer o seguinte, em cada linha tenho um checkbox, que, quando o checkbox fo marcado ele deve chamar uma funçao JS que troca de cor de fundo, mas a cor original, pois quando o mouse passar sobre a linha a cor de fundo deve ser alterada novamente, e quanto o mouse sair de cima da linha deve voltar a cor com o checkbox marcado.
Coloquei no evento do checkbox pra chamar a função Fundo() que passa a linha como parâmetro
function Fundo(este)
{
//Pega o checkbox da linha clicada
var chk = document.getElementById(este.firstChild.firstChild.id).status
//Se o checkbox estiver marcado, entaum troca o fundo da linha quando o mouse não estiver passando por cima
Esse código faz com que o className mude para 'GridSelectedItem' logo que o cara marca um checkbox, e o código não fica no evento onmouseout, o mesmo acontece com a linha de baixo.
Onde estou errando ???? o código este.className = 'GridSelectedItem' tem que fica no evento onmouseout como faço isso?
Pergunta
Guest Fabio Talevi
Pessoal,
Estou querendo fazer o seguindo, tenho um DataGrid com itens, este itens trocam a cor do fundo quando o mouse passa por cima, e quando o mouse sai de cima a linha volta a cor original. Certo, até aí está funcionando, agora quero fazer o seguinte, em cada linha tenho um checkbox, que, quando o checkbox fo marcado ele deve chamar uma funçao JS que troca de cor de fundo, mas a cor original, pois quando o mouse passar sobre a linha a cor de fundo deve ser alterada novamente, e quanto o mouse sair de cima da linha deve voltar a cor com o checkbox marcado.
Coloquei no evento do checkbox pra chamar a função Fundo() que passa a linha como parâmetro
function Fundo(este)
{
//Pega o checkbox da linha clicada
var chk = document.getElementById(este.firstChild.firstChild.id).status
//Se o checkbox estiver marcado, entaum troca o fundo da linha quando o mouse não estiver passando por cima
if(chk)
{
este.onmouseout = este.className = 'GridSelectedItem'
}
else//Se não deixa a cor original
{
este.onmouseout = este.className = 'GridMouseOut'
}
}
Esse código faz com que o className mude para 'GridSelectedItem' logo que o cara marca um checkbox, e o código não fica no evento onmouseout, o mesmo acontece com a linha de baixo.
Onde estou errando ???? o código este.className = 'GridSelectedItem' tem que fica no evento onmouseout como faço isso?
Link para o comentário
Compartilhar em outros sites
2 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.