Trocar Palavras

#1 X-PHP

Normal

Usuários
106 posts

Sexo:Não informado

Posted 03/08/2005, 10:48

Olá pessoal,

Estou com um problema, já procurei no fórum e no google, mas não encontrei nenhum exemplo de como poço montar o script.

Eu gostaria de um exemplo de como poço montar um script para troca de palavras via javascript, tipo trocar todas as palavras que estiverem entre <b> por exemplo.

Exemplo de um texto: A casa é <b>Branca</b>.
via javascript ficaria: A casa é vermelha.

Sei que é via getElementsByTagName("b"); mas realmente não encontrei nada de forma simples para que eu poça entender. Gostaria apenas de um exemplo deste tipo de script.

Valeu

#2 xgOd

Novato no fórum

Usuários
9 posts

Sexo:Não informado

Posted 03/08/2005, 12:24

Tentei fazer isto mas não deu

<script type="text/javascript">
function palavras()
{
	if(getElementsByTagName('b').innerHTML = "branca")
	{	getElementsByTagName('b').innerHTML = "vermelha" }
}
</script>
</head>

<body onLoad="javascript:palavras()">
A casa &eacute; <b>branca</b>
</body>

Vê se a partir daki consegues alguma coisa.

#3 kaduzick

12 Horas

Usuários
229 posts

Sexo:Masculino
Localidade:Brasília
Interesses:Aprender e Ajudar

Posted 03/08/2005, 12:57

Bom eu fiz um código que funciona.

<html>
<head>

  <script language="JavaScript" type="text/JavaScript">
  function troca()
  {
 	 var teste;
 	 teste = document.getElementsByTagName("b");

 	 for (var i = 0; i < teste.length; i++)
 	 {
    teste[i].innerHTML = '<label style="color: #FF0000">vermelho<label>';
 	 }
  }
	</script>
</head>

<body>
  
  A casa é <b>azul</b>    <BR />
  A casa é <b>branca</b>  <BR />
  A casa é <b>amarela</b> <BR />
  A casa é <b>verde</b>   <BR /><BR />

  <label onclick="troca()" style="background: #e1e2f3">trocar</label>

</body>
</html>

tomara que ajude. É isso aí

kaduzick - The Nerds

#4 X-PHP

Normal

Usuários
106 posts

Sexo:Não informado

Posted 03/08/2005, 13:07

Bá Valeu mesmo,

Agradeço ao xgOd pela força e ao kaduzick pelo exemplo, com certeza vai me ajudar e muito , valeu mesmo

#5 X-PHP

Normal

Usuários
106 posts

Sexo:Não informado

Posted 03/08/2005, 14:14

Olá pessoal,

Sei que estou abusando, mas encontrei outra duvida sobre o código, por exemplo, se eu quizer listar <b> para poder comparar e alterar separadamente, como eu devo fazer???. Tentei isto mas não obtive sucesso.

<html>
<head>

 <script language="JavaScript" type="text/JavaScript">
 function troca()
 {
  var teste;
  teste = document.getElementsByTagName("b");
  for (var i = 0; i < teste.length; i++)
  {
    tex=teste[i].innerHTML;
    if(tex=='branca'){
    tex.innerHTML='verde';
   document.write("ok")
    }else{
    document.write("não deu certo")
    }
  }
  }
</script>
</head>

<body>
 
 A casa é <b>azul</b>    <BR />
 A casa é <b>branca</b>  <BR />
 A casa é <b>amarela</b> <BR />
 A casa é <b>verde</b>   <BR /><BR />

 <label onclick="troca()" style="background: #e1e2f3">trocar</label>

</body>
</html>

Realmente tentei de tudo mas não sei onde estou errando. Se poderem ajudar ficarei muito grato.

Valeu

#6 kaduzick

12 Horas

Usuários
229 posts

Sexo:Masculino
Localidade:Brasília
Interesses:Aprender e Ajudar

Posted 03/08/2005, 14:51

Cara, eu conseguir fazer isso, eu acho fraga aí:

<html>
<head>

<script language="JavaScript" type="text/JavaScript">
function troca()
{
 var teste;
 teste = document.getElementsByTagName("b");
 for (var i = 0; i < teste.length; i++)
 {
   tex = teste[i].innerHTML;

   if(tex == 'branca')
   {
       teste[i].innerHTML = 'verde';
   }
   else
   {
       teste[i].innerHTML = 'roxo';
   }
 }
 }
</script>
</head>

<body>

A casa é <b>azul</b>    <BR />
A casa é <b>branca</b>  <BR />
A casa é <b>amarela</b> <BR />
A casa é <b>rosa</b>   <BR /><BR />

<label onclick="troca()" style="background: #e1e2f3">trocar</label>

</body>
</html>

olhando o seu código eu percebi que nunca iria dá pra ver o código, pois usando document.write ia escrever "não deu certo" porque o último é diferente de branca.

Espero ter ajudado.

Obs.: Eu que agradeço, tendo a oportunidade de te ajudar eu estou me ajudado e juntos. O conhecimento deve ser compartilhado com todos.

É isso aí.

kaduzick - The Nerds

#1 X-PHP

#2 xgOd

#3 kaduzick

#4 X-PHP

#5 X-PHP

#6 kaduzick

1 user(s) are reading this topic

Entrar