Quando campo receber foco, mostra dica

[NetBoy16 72]

Fala pessoal, beleza, eu ainda sou novato em js, essa duvida pode ser respondida tb usando jQuery, e o seguinte, no formulario ao lado de cada input vai ter uma div com a classe infoHidden, ela n possui conteudo e possui display: none, oque eu quero fazer, em cada input, vai ter onfocus="mostraTexto('texto da dica')", que vai retirar a classe daquela div que fica ao lado do input e atribuir a classe infoShow que vai possuir display: block e outras propriedades/valores de estilização, também vai ter conteúdo que é o texto da dica que é passado como parâmetro.

 

Só que n sei como posso fazer, alguém por gentileza pode me ajudar ?

[William Bruno 1501]

basta acessar pelo DOM o objeto, usando .find, .parent ou .next() e alterar a propriedade para mostrar.

 

Como você tentou fazer ?

[NetBoy16 72]

To estudando javascript mas ainda nao cheguei em DOM(to em BOM), poderia me dar um exemplo ?

[William Bruno 1501]

Exemplo:

http://wbruno.com.br/2011/06/21/afinal-e-javascript/

[NetBoy16 72]

Exemplo:

http://wbruno.com.br/2011/06/21/afinal-e-javascript/

 

Mas isso ai fala sobre o this, isso eu já sei '-'

 

Preciso saber como remover e adicionar uma determinada classe e como escrever algo dentro de uma determinada div.

[William Bruno 1501]

então seja mais claro na tua pergunta.

 

adicionar classe:

.addClass()

 

 

remover classe:

.removeClass()

 

 

Escrever no html:

.html()

[NetBoy16 72]

Mas eu fui claro, expliquei direitinho.

 

Ok, mas no meu caso, como usaria essas funções na div que está proxima da input, eu sei q faria onfocus="mostraDica('texto da dica')"

 

Mas como montaria a função ?

 

function mostraDica(msgDica) {

...

}

[William Bruno 1501]

Oi amigo,

 

Não vou fazer o código para ti. As informações que lhe dei, são tudo o que você precisa.

Qual a dúvida ? Como você tentou ?

 

Já usou jQuery alguma vez na sua vida ?

[NetBoy16 72]

Oi amigo,

 

Não vou fazer o código para ti. As informações que lhe dei, são tudo o que você precisa.

Qual a dúvida ? Como você tentou ?

 

Já usou jQuery alguma vez na sua vida ?

 

Nao entenda mal cara, eu nao quero codigo pronto eu quero aprender, mas nao sei como eu faria pra usar o addClass() na div ao lado do input quando esse mesmo receber foco, e tb como e faria no caso do html()

[William Bruno 1501]

Usando o this(que você sabe usar), e o .next(), .find() .. e as demais funções que eu te respondi.

 

 

Tentou ? mostre.

[NetBoy16 72]

Usando o this(que você sabe usar), e o .next(), .find() .. e as demais funções que eu te respondi.

 

 

Tentou ? mostre.

 

Ta só pra ver se eu entendi, seria mais ou menos assim ?

 

this.addClass('infoShow');

 

next(html(msgInfo));

[William Bruno 1501]

.addClass é uma função do jQuery, então o this precisa ser um objeto jQuery tb:

 

$( this ).addClass('infoShow');

[NetBoy16 72]

.addClass é uma função do jQuery, então o this precisa ser um objeto jQuery tb:

 

$( this ).addClass('infoShow');

 

 

hmmm, e no caso de escrever html na div q fica próxima do input ?

[William Bruno 1501]

depende muito do html. Poste ele ai.

 

você tentou ? ou tá só perguntando, sem ter testado ?

[NetBoy16 72]

depende muito do html. Poste ele ai.

 

você tentou ? ou tá só perguntando, sem ter testado ?

 

Nao tentei ainda, o html é aquilo que eu disse, ao focar o campo, div que esta proxima a ele perde a classe que o faz esconder e recebe a classe que o faz mostrar, o estiliza e tb preenche com texto que é passado via parâmetro, sabe como ficaria o html() nesse caso ?

[William Bruno 1501]

não sei te dizer, se você não me mostrar a marcação html. :lol: