Mudar o estilo de um paragrafo dentro de uma div

[Apokalypse 0]

Então pessoal,

 

Digamos que eu tenha o código:

<div id="minha_div"><p id="nome" class="nome">Nome!</p><input blablabla...></div>

Eu queria quando executar o javascript mudasse o estilo do <p> para outro estilo qualquer.

 

OBS: Não queria que TODOS os paragrafos dentro desta div tivesse o estilo alterado, e sim apenas o paragrafo com o id="nome".

 

Mais tranquilo ainda se fosse possível acontecer isto:

 

O codigo:

<div id="minha_div"><input blablabla...></div>

Quando executasse o javascript, ele escrevesse na primeira linha da div o paragrafo:

<div id="minha_div"><p id="nome" class="nome">Nome!</p><input blablabla...></div>

O que estou querendo é o seguinte:

 

Tenho um formulário que estou utilizando o Tigra Form Validator para validação.

 

Quando eu der o 'Submit' eu quero que apareça em cima do campo a informacao: 'Campo Obrigatorio.' com um estilo especifico.

 

Desde já agradeço!

 

Valeu!!!

[Apokalypse 0]

Adriano, obrigado pela resposta, mas isto para mim não serve.Porque eu preciso de um paragrafo específico DENTRO de um div?Porque dentro dessa div está o p (com um estilo pra deixar hidden), label e o input. Quando eu der o submit ele tem que se basear no id da div pra saber qual o <p> que ele tem que modificar o estilo saca??Valeu!

[Apokalypse 0]

Funciona sim! Veja:

<script language="JavaScript">function MudarEstilo(Id,Paragrafo) {if (Id=="Estilo1") {document.getElementById(Paragrafo).className = "Estilo1";} else if (Id=="Estilo2") {document.getElementById(Paragrafo).className = "Estilo2";}}</script><style type="text/css">.Estilo1 {	text-align: right; font-weight: bold;}.Estilo2 {	text-align: center; text-transform: uppercase;}</style>

Uso:

<div id="minha_div"><p id="nome">afs sdfsadklçfj weçkrj ç23j4ç23j4çj23çj4ç23j</p><p id="qualquer">aaaabbbbcccfcc</p></div><input type="button" id="Estilo1" value="Estilo 1" onClick="MudarEstilo(this.id,'nome');">

Mudou só o estilo do parágrafo com ID!:)

Sim meu caro, foi o que eu falei. funciona. Mas meu problema é que o <p> não terá um id. Ele deve ser identificado pelo div em que ele pertence, entendeu???

[Apokalypse 0]

Sim meu caro, foi o que eu falei. funciona. Mas meu problema é que o <p> não terá um id. Ele deve ser identificado pelo div em que ele pertence, entendeu???

Passe o ID da DIV então! Mas tudo que estiver dentro dela será modificado, conforme o estilo! http://forum.imasters.com.br/public/style_emoticons/default/excl.gif

Aham! Ai é que está o problema!! Eu preciso achar o paragrafo dentro da div especifica, mas n posso colocar direto a div, pois senao ele aplica o css pra div inteira.dexa eu mostrar o código pra você entender melhor.. http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

<fieldset>  <legend>Informação pessoal</legend>  <div class="obrigatorio" id="d_first_name">	<p class="invisivel">Campo obrigatório. <br />Preencha o seu primeiro nome.</p>	<label for="first_name">Primeiro Nome:</label>	<input type="text" name="first_name" id="first_name" class="inputText" size="10" maxlength="100" value="" />  </div>  <div class="obrigatorio" id="d_last_name">	<p class="invisivel">Campo obrigatório. <br />Preencha o seu segundo nome.</p>	<label for="last_name">Segundo nome:</label>	<input type="text" name="last_name" id="last_name" class="inputText" size="10" maxlength="100" value="" />  </div>  </fieldset>

Então, quando eu posto o formulário, o javascript testa os campos com o tigra validator.Se o campo first_name por exemplo não for preenchido, o que ocorre:a Tag DIV #d_first_name deixa de ter o estilo 'obrigatorio' e passa a ter mais um estilo, ficando assim 'obrigatorio erro' o que faz a mesma mudar de cor. Isso eu já fiz, configurando o tigra para outro estilo, no caso 'obrigatorio erro' para a div em questão quando o campo não for preenchido.Meu problema é que alem de mudar o estilo da div, eu queria que aparecesse uma mensagem junto, no caso o que está no paragrafo dentro da div, com a classe 'invisivel' para não mostra-la. Quando submeter o formulário tem que mudar o estilo dela para 'erro', mas eu teria que achar ela pela div, para nao alterar todas.Eu estou montando uma classe em php para gerar formulários automaticamente, já com a validação junto, preenchendo apenas os parametros de configuração para o form e os campos.Ja ta tudo pronto, só falta a validação.... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Aguardo uma luz de alguem... ;)

[Apokalypse 0]

Bom, eu fiz com CSS mesmo...... fiz ele só mostrar o paragrafo se a div tiver um estilo chamado erro.Funcionou, se eu achar a solução para a outra maneira eu aplico, pois quero deixar independente do CSS.Quando tiver pronto eu posto no PHP pra galera....Abraço!