Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Ajuda com JavaScript

2 participantes

Início :: Forumeiros :: NostalgiaAjuda com JavaScript

D'Leandro™ D'Leandro™  • Sex 9 Jan 2015 - 20:51

Ajuda com JavaScript Empty Ajuda com JavaScript Sex 9 Jan 2015 - 20:51

[quadrado=Minha questão]
Olá senhores, desta vez o meu pedido é sobre JavaScript, bem...
Imaginemos que existem 2 "div".
Código:
<div class="um"></div>
<div class="dois"></div>
Agora a função:
O conteúdo da div um não vem ao caso.
Caso dentro da div um contenha a palavra "coisa", então a div dois irá dizer, "coisa OK", e caso não tenha a palavra, então irá dizer "coisa NOK"

Ex. positivo:
Código:
<div class="um">aqui vai ter escrito qualquer coisa</div>
<div class="dois">coisa OK</div>
Ex. negativo:
Código:
<div class="um">aqui vai um conteúdo</div>
<div class="dois">coisa NOK</div>

Claro que a palavra coisa foi apenas um exemplo, eu gostaria de um código que me permita usar quantas e quais palavras eu quiser.


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB[/quadrado]

HeroWaar HeroWaar  • Sáb 10 Jan 2015 - 0:33

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Sáb 10 Jan 2015 - 0:33

Olá,

Isso é bem simples, basta utilizar o comando indexOf, veja um exemplo:

Código:
if ( $('.um').indexOf('coisa') > -1 ) {
    $('.dois').text('coisa OK');
} else {
    $('.dois').text('coisa NOK');
}

Qualquer duvida avise Smile

HW,

D'Leandro™ D'Leandro™  • Dom 11 Jan 2015 - 15:01

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Dom 11 Jan 2015 - 15:01

Palavra 1: coisa
Palavra 2: nenhuma
Palavra 3: outro

Veja o código completo, ainda não funcionou...
Resolvi dar uma complicada, não vou conseguir fazer isto sozinho.
Código:
<script>
if (jQuery('.um').indexOf('coisa','nenhuma','outro') > -1) {
    jQuery('.doises').text('palavra OK');
}
else {
    jQuery('.doises').text('palavra NOK');
}
</script>    

<div class="um">
     Aqui não tem nenhuma palavra, tinha outro carro.  
</div>

<div class="dois">
   Palavra 1: <div class="doises"></div>
   Palavra 2: <div class="doises"></div>
   Palavra 3: <div class="doises"></div>
</div>

<style>
.dois {
    border: 1px solid red;
    padding: 5px;
}
</style>

HeroWaar HeroWaar  • Seg 12 Jan 2015 - 7:50

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Seg 12 Jan 2015 - 7:50

Olá,

Você não pode utilizar assim
Código:
if (jQuery('.um').indexOf('coisa','nenhuma','outro') > -1) {

Deve-se utilizar assim:
Código:
if ( (jQuery('.um').indexOf('coisa') > -1) && (jQuery('.um').indexOf('nenhuma') > -1) && (jQuery('.um').indexOf('outro') > -1) ) {

O && é utilizado para E ou seja se (jQuery('.um').indexOf('coisa') > -1) e (jQuery('.um').indexOf('nenhuma') > -1) e (jQuery('.um').indexOf('outro') > -1) então vai ser OK

Apenas será OK caso todas forem verdadeiras, se a div tiver coisa e nenhuma mas não tiver outro então não vai fazer o código, você pode querer utilizar no lugar do && o || utilizado para OU, nesse caso se qualquer uma das afirmações forem verdadeira ele vai fazer o código

HW,

D'Leandro™ D'Leandro™  • Seg 12 Jan 2015 - 18:32

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Seg 12 Jan 2015 - 18:32

Entendi, mas eu utilizei o código exatamente como vc passou na primeira vez e não funcionou, vc poderia fazer o código completo, corrigindo os erros e usando como base o código que eu postei acima?
Com os div, style e tudo mais...

HeroWaar HeroWaar  • Seg 12 Jan 2015 - 22:20

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Seg 12 Jan 2015 - 22:20

Olá,

Havia me esquecido de uma detalhe,
Confira o código completo aqui,

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

HW,

D'Leandro™ D'Leandro™  • Qua 14 Jan 2015 - 0:14

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Qua 14 Jan 2015 - 0:14

90%
Veja: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

HeroWaar HeroWaar  • Qua 14 Jan 2015 - 9:23

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Qua 14 Jan 2015 - 9:23

Olá,

Como havia lhe explicado,
Código:
if ( (t.indexOf('coisa') > -1) || (t.indexOf('nenhuma') > -1) ||

O || é utilizado para ou, portanto, se tiver coisa OU nenhuma o que no caso a frase Aqui não tem nenhuma palavra, tinha outro carro. contém a palavra nenhuma.

HW,

D'Leandro™ D'Leandro™  • Qua 14 Jan 2015 - 16:41

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Qua 14 Jan 2015 - 16:41

Eu utilizei ||, no link que passei a cima está com ||, também tentei com && e em ambos os casos todos mostram OK ou NOK, não funciona independente.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Ex:
Aqui não tem nenhuma palavra, tinha outro carro.

Palavra coisa: NOK

Palavra nenhuma: OK

Palavra outro: OK

HeroWaar HeroWaar  • Qua 14 Jan 2015 - 17:18

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Qua 14 Jan 2015 - 17:18

Olá,

Confira e compare o código:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

HW,

D'Leandro™ D'Leandro™  • Qua 14 Jan 2015 - 17:49

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Qua 14 Jan 2015 - 17:49

Acho que não estamos nos entendendo amigo --'
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
As palavras presentes devem ficar como OK e as que não estão presentes devem ficar como NOK.

HeroWaar HeroWaar  • Qua 14 Jan 2015 - 18:56

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Qua 14 Jan 2015 - 18:56

Reputação da mensagem: 100% (1 votos)
Ah sim, kkk

Aqui esta,
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

HW,

D'Leandro™ D'Leandro™  • Qua 14 Jan 2015 - 21:02

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Qua 14 Jan 2015 - 21:02

Funcionou muito bem, não onde eu esperava, mas o código funciona... Obrigado!

HeroWaar HeroWaar  • Qua 14 Jan 2015 - 22:54

Ajuda com JavaScript Empty Re: Ajuda com JavaScript Qua 14 Jan 2015 - 22:54

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]

Conteúdo patrocinado  • 

Ajuda com JavaScript Empty Re: Ajuda com JavaScript

Início :: Forumeiros :: Nostalgia:: Ajuda com JavaScript
Permissões neste sub-fórum
Não podes responder a tópicos