boa tarde, tenho um text box e quero que quando ele estiver focado a borda dele mudasse de cor, isso com css.
Parecido com o campo de busca do site:letras.terra.com.br
obs.:Não tenho certeza se precisa envolver JS nesse caso por isso postei aqui.
Desde já obrigado
Colorir Quando Focado
Started By CocaWare, 14/04/2006, 12:17
7 replies to this topic
#2
Klaus
-
- Ex-Admins
-
- 7924 posts
@ ubuntu jaunty
- Sexo:Masculino
- Localidade:127.0.0.1
Posted 14/04/2006, 12:42
Para os navegadores atualizados, lista que obviamente não inclui o IE, é só usar:
Para o IEca, uma ajuda com JS é necessária. No "focus" do campo, você altera a borda do campo e no "blur" você retorna ela ao default. campo.style.border para definir a borda.
input[type="text]:focus {
border: 3px solid #ff0;
}Para o IEca, uma ajuda com JS é necessária. No "focus" do campo, você altera a borda do campo e no "blur" você retorna ela ao default. campo.style.border para definir a borda.
#3
CocaWare
-
- Usuários
-
- 42 posts
Turista
- Sexo:Não informado
Posted 14/04/2006, 13:38
Klaus funcionou perfeitamente no firefox, mas como vc mesmo disse no IE não funciona.
Mas como a maioria dos usuários iniciantes usam o IE eu precisaria saber o código desse JS pra mim dar uma estudada, pq ainda sou muito ignorante em JS.
Valeu
Mas como a maioria dos usuários iniciantes usam o IE eu precisaria saber o código desse JS pra mim dar uma estudada, pq ainda sou muito ignorante em JS.
Valeu
#4
CocaWare
-
- Usuários
-
- 42 posts
Turista
- Sexo:Não informado
Posted 14/04/2006, 15:20
Ei Klaus, pesquisei e consegui fazer assim:
Mas ainda não dá certo, qual seria a correção?
Obrigado
<html>
<head>
<title>Cabecalhos com CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function troca(){
default.login.style.border=#000033;
</script>
<input name="login" id="login" type="text" maxlength="30" onblur="java script: trocar();" /><br />
</body>
</html>Mas ainda não dá certo, qual seria a correção?
Obrigado
#5
Alex Hiroshi
-
- Ex-Admins
-
- 4923 posts
Super Veterano
- Sexo:Masculino
- Localidade:São Paulo - SP
Posted 14/04/2006, 20:54
<script>
function trocar(){
document.getElementById("login").style.border="3px solid #f00";
}
</script>
<input name="login" id="login" type="text" maxlength="30" onfocus="java script: trocar();" />
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador
#6
CocaWare
-
- Usuários
-
- 42 posts
Turista
- Sexo:Não informado
Posted 15/04/2006, 01:28
Ih esse não funcionou nem no IE nem no firefox.
Estarei aguardando mais repostas.
Valeu
Estarei aguardando mais repostas.
Valeu
#7
Klaus
-
- Ex-Admins
-
- 7924 posts
@ ubuntu jaunty
- Sexo:Masculino
- Localidade:127.0.0.1
Posted 15/04/2006, 06:14
java script que aparece ali no código, é junto. Faça isso e vai funcionar.
#8
CocaWare
-
- Usuários
-
- 42 posts
Turista
- Sexo:Não informado
Posted 23/04/2006, 20:51
opa, funcionou! valeu 
Mas como faço pra quando ele perder o foco ele voltar ao normal?
Desde já obrigado
Mas como faço pra quando ele perder o foco ele voltar ao normal?
Desde já obrigado
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
