Usuário com melhor resposta
focus com css dropdownlist

Pergunta
-
pessoal, tenho um css que contem a seguinte classe:
.CampoInternaCombobox
{
border-left-width: 1px;
border-top-width: 1px;
height: 23px;
padding: 0px;
vertical-align: top;
margin-left:1px;
margin-top :1px;
margin-right:-1px;
}mas eu precisava que quando o meu componente estivesse com o focus, mudasse a cor da borda.. como que faço isso, aproveitando essa classe?
Respostas
-
tentei isso, mas não deu certo..
$('ddlBairro').focus(function() {
alert('teste');
$(this).toggleClass('campo_focus');
});
Todas as Respostas
-
tentei isso, mas não deu certo..
$('ddlBairro').focus(function() {
alert('teste');
$(this).toggleClass('campo_focus');
}); -
-
-
-
-
-
Inspeciona o código e verifica se o id do drop é ddlDrop mesmo.. isso porquê o webforms altera o id dos elementos quando ele está dentro de outro(Panel por exemplo).
E aquele toggleClass não vai funcionar porquê se você colocar o mouse em cima e tirar, a classe não irá mudar 2x.
http://www.linkedin.com/pub/murilo-kunze/44/191/455
-
-
Tome cuidado pois esse nome não é fixo vai mudando...o correto é você pegar via:
<%= NOME_DO_CONTROLE.UniqueID %>
Não esqueça de marcar como útil uma resposta que te ajude.
"A diversão é a alma do negócio"- Editado Lucas Vandor quinta-feira, 25 de outubro de 2012 13:17
-
Daria pra fazer utilizando o teu jQuery mesmo, só que tem que tratar o blur também para remover a classe adicionada..
Seria algo como:
$('#ddlBairro').focus(function() {
$(this).addClass('campo_focus');
}).blur(function() {
$(this).removeClass('campo_focus');
});
Lembrando que se for aspx o nome do componente, se "runat server" ele terá um outro nome, verifique com o firebug, por ex.
Victor Santos
-
sim..
mas não estava entrando na função..
não é a primeira vez que acontece isso comigo.. eu tenho um componente, e por algum motivo eu tenho que recria-lo com o um nome diferente pro javscript funcionar..
testei o script com um ddl novo, e funcionou..
-
-
-
-