Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Leandro Vieira Pinho

conheci a importânica do (:focus)

Por , em Desenvolvimento frontend

Recommended Posts

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

Ontem estava na faculdade, utilizando aqueles terminas de internet (tipo cx de banco), mas estava com um probleminha.Devido ao problema só era possível, navegar pelos links, utilizando a tecla "tab", mas fica muito confuso, saber onde estava, então no logo pensei:poxa, se tivessem usando o ":focus", teria sido muito útil e mais acessível. Mas mesmo se tivessem usado, não iria funcionar, bois a o terminal usa o "ieca".Alguém conhece algum "js" para funcionar o ":focus" no ie?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

Valeu pela atenção, mas o que eu preciso é o seguinte.Em forms:Nos forms eu faço assim:

input {background-color: #f90} input:focus {background-color: #000}

Funciona perfeitamente no FF, mas no ie não? Como usar "js", para funcionar nele?Obs.: o f*** do "getElementById", é que pega um determinado elemento, e o restante do form?Em links:Nos links faço assim:

a {color: #f90} a:hover, a:focus {color: #000}

Funciona perfeitamente no FF, mas no ie não? Como usar "js", para funcionar no ie?Obs.: todos os links da página.valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

realmente o focus so funciona em alguns browsers...tenta assim:<a ... onfocus="this.className='foco'" onblur="this.className='semfoco'"> link </a>

Valeu!Em forms fica legal, mas em links, vai dar um trabalhão, achei umas paradas to estudando, e posto se consegui mais algo

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tash    5

Tash
Postado

o patch IE7 faz isso, você pode isolar o JS só dessa função:

 

http://dean.edwards.name/IE7

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

Bom quanto aos links, fiz alguns estudos e testes, e conseguir resolver de forma bem simples e como foi.fiz meu css aqui.

a { background-color:#00FF00; color:#000000;}a:visited { background-color:#990000; color:#FFFFFF;}a:hover, a:focus {/* a:focus para browsers como o FF */ background-color:#FFCCCC; color:#669933;}a:active {/* para o ie */ background-color: #FFCCCC; color: #669933;}

agora quanto ao forms não achei ainda... mas tô na procura...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

O Frabrício Gomes havia me dado a dica de usar assim:

onfocus="this.className='foco'" onblur="this.className='semfoco'"

Funciona legal, mas ficaria trabalhoso, usar em todos os "inputs" de vários formulários em um pagina.Entaõ seria interessante se usasse um "js" externo, aplicando a todos e qualquer "input"Encontrei este link falando sobre, mas não consegui, se alguém quiser tentar está aqui:http://www.raibledesigns.com/page/rd?ancho...put_fields_with

Compartilhar este post

Link para o post
Compartilhar em outros sites

FabricioGomes    0

FabricioGomes
Postado

é so colocar esse js no inicio da pagina com os forms..

 

<script>var inputs = document.getElementsByTagName("input");for (i=0; i < inputs.length; i++) {    inputs[i].onfocus=function() {this.className='focus'};    inputs[i].onblur=function() {this.className=''};}</script>

Ah, Lreandro Vrieira Prinho, legral voce crolocar meu nrome no prost... heheheheh

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

é so colocar esse js no inicio da pagina com os forms..

 

<script>

var inputs = document.getElementsByTagName("input");

for (i=0; i < inputs.length; i++) {

   inputs[i].onfocus=function() {this.className='focus'};

   inputs[i].onblur=function() {this.className=''};

}

</script>

 

Ah, Lreandro Vrieira Prinho, legral voce crolocar meu nrome no prost... heheheheh

 

Abraços[/quote]

É tá osso:

 

saberia me dizer onde está o erro?

 

[quote]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Focus no ie, Será?</title>

<style type="text/css">

input:focus {/*para browsers decentes */

background-color:#FF6600;

}

.focus {

background-color:#9966CC;

}

</style>

</head>

 

<body>

<script type="text/javascript">

var inputs = document.getElementsByTagName("input");

for (i=0; i < inputs.length; i++) {

  inputs[i].onfocus=function() {this.className='focus'};

  inputs[i].onblur=function() {this.className=''};

}

</script>

<form id="leo" method="post" action="">

<p>Nome: <input name="nome" type="text" id="nome" /></p>

<p>Email: <input name="email" type="text" id="email" /></p>

<p><input type="submit" name="Submit" value="Submit" /></p>

</form>

 

</body>

</html>

valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito