[Resolvido] Estilizando elemento input com mesma id no formulário

[Cesão 1]

Olá amigos... sou novato em javascript, por isso minha dúvida deve ser bem simples...

 

Gostaria apenas de fazer o seguinte...

tenho uma estrutura mais ou menos assim:

 

<div id="tarefas"><ul><li><form name="form_tarefa" method="post" action="edit_tarefa.asp"><input name="tarefa" type="text" id="textfield" value="Fazer check-in de publicações" /></li></ul></div>

O que quero fazer é uma ação em javascript que quando eu clique (onClick) no input ele fique com borda preta e fundo branco... e que quando eu saia do input (onBlur) ele volte ao normal... o problema é que as LIs da minha lista sao dinâmicas e vem de um WHILE do ASP, ou seja, os inputs tem todos o mesmo nome e id.. existe uma forma de fazer isso ou vou ter que criar uma ação em asp p mudar o nome dos IDs dinamicamente?

[Leonardo P 0]

você pode fazer apenas com css, pesquise no fórum de webstandards sobre esse assunto.lembrando que criar vários elementos com o mesmo id não é recomendável...

[vagner.net 0]

Movido: Javascript / DHTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Webstandards: CSS / XML / XHTML/ HTML

[inforsis 1]

olá como o Leonardo P dissi, vocë pode resolver sua questão usasndo apenas css, aplique uma folha de estilo para estilizar os elementos input do seu formulário.

 

estado inicial do input:

input {	background-color: #FFF;	border:1px solid #000;}

estado do input quando o mouse for posicionado sobre:

input:hover {	background-color: #FFF;	border:1px solid #000;}

estado do input quando for clicado:

input:focus {	background-color: #FFF;	border:1px solid #000;}

modifique os valores hexadecimais até chegar na cor e no resultado desejado. ;)

até mais.

qualquer dúvida volte post novamente...

[Cesão 1]

inforsis,

 

não funcionou o que você passou...

 

meu css:

#boxTarefas input {background:transparent; border:0; color:#a75f0a; width:90%;}#boxTarefas input:focus {background:#FFF; border:1px solid #000;}

minha página:

<div id="boxTarefas"><ul><li><form name="form_tarefa" method="post" action=""><input name="tarefa" type="text" id="tarefa" value="Marcar reunião com cliente" /></form></li></ul></div>

a parte do input funciona normal.. ele está com fundo transparente e sem borda.. cor de fonte e talz, td certinho...

mas a parte do focus (p ficar com borda preta e fundo branco) não funciona...

[Leonardo P 0]

eu testei aqui e encontrei um velho problema, no ie não funciona assim... não sei se existem hacks pra resolver isso, senão aí tem que ser com um pouco de js msm... foi mal cesão

[Giovani 104]

O link a seguir deve ajudar você

http://www.brunodulcetti.com/blog/2006/07/...s-de-texto.html

[inforsis 1]

não funcionou o que você passou...

Cesão

devo ter me equivocado um pouco...

siga o link que ogio! passou concerteza vai dar certo.

 

qualquer dúvida post novamente. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Cesão 1]

O link a seguir deve ajudar vocêhttp://www.brunodulcetti.com/blog/2006/07/...s-de-texto.html

Ae gio! mando mto bem.. era isso mesmo que eu precisava!!Mto ObrigadoAbraços galera

[Giovani 104]

Precisando de ajuda apareça Cesão!

 

[]'s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif