Mostrar texto al hacerle click

estrucarracuda · #1 (**permalink**) 28/08/2010, 16:16

Hola a todos, voy directo al punto.

Tengo varios items, cada uno en un span y con onclick, al hacerle click quiero que se muestre en una <td> , funciona bien , el problema es que al hacerle click a un item se vé bien pero cuando le hago click a otro item , el anterior se borra.

Como hago pa que se vallan mostrando uno debajo del otro, sin que se borren???

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<script language="javascript">
  function MostrarPlatos(una){
     window.document.getElementById("aaa").innerHTML=una;
}
</script>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td id="aaa">&nbsp;</td>
  </tr>
</table>
<span id="span1" onclick="MostrarPlatos(1)" style="cursor:pointer">LINK1 </span><br />
<span id="span1" onclick="MostrarPlatos(2)" style="cursor:pointer">LINK2 </span><br />
<span id="span1" onclick="MostrarPlatos(3)" style="cursor:pointer">LINK3 </span><br />
<span id="span1" onclick="MostrarPlatos(4)" style="cursor:pointer">LINK4 </span><br />
<span id="span1" onclick="MostrarPlatos(5)" style="cursor:pointer">LINK5 </span>
</body>
</html>

posman · #2 (**permalink**) 28/08/2010, 16:50

Donde utilizas innerHTML estas utilizando igual (=). Eso hace que se borre lo que habia y se le asigne lo que pones del lado derecho. Para agregar algo nuevo tienes que utilizar +=

estrucarracuda · #3 (**permalink**) 28/08/2010, 17:04

Cita:

Iniciado por posman

Donde utilizas innerHTML estas utilizando igual (=). Eso hace que se borre lo que habia y se le asigne lo que pones del lado derecho. Para agregar algo nuevo tienes que utilizar +=

Perfecto gracias posman

estrucarracuda · #4 (**permalink**) 28/08/2010, 17:40

por que no me pasa parametros de texto y numericos si ??

LINK1 

si le pongo texto entre comillas no funciona

LINK1 

pero con numeros si funciona...

estrucarracuda · #5 (**permalink**) 28/08/2010, 18:02

OK era por las comillas, había que poner comillas simples ' '. Gracias

estrucarracuda · #6 (**permalink**) 28/08/2010, 19:36

Hola de vuelta aca... sigo muy confundido.
Como puedo sumar los valores cada vez que le doy click a cada link

Código Javascript:

Ver original<span id="span1" onclick="MostrarPlatos(1)" style="cursor:pointer">LINK1 </span><br />
<span id="span1" onclick="MostrarPlatos(2)" style="cursor:pointer">LINK2 </span><br />
<span id="span1" onclick="MostrarPlatos(3)" style="cursor:pointer">LINK3 </span><br />
<span id="span1" onclick="MostrarPlatos(4)" style="cursor:pointer">LINK4 </span><br />
<span id="span1" onclick="MostrarPlatos(5)" style="cursor:pointer">LINK5 </span>

Si en la siguiente funcion uso += me concatena los resultados, pero yo quiero que me los sume... Como lo hago, he investigado pero no encontré la solucion. desde ya gracias

Código Javascript:

Ver originalfunction MostrarPlatos(una){
     window.document.getElementById("aaa").innerHTML=una;
}

tredio · #7 (**permalink**) 28/08/2010, 20:30

convierte lo que ya tenias a entero y lo sumas,

Código Javascript:

Ver originalfunction MostrarPlatos(una){
     window.document.getElementById("aaa").innerHTML= parseInt(window.document.getElementById("aaa").innerHTM) + parseInt(una);
}

obviamente eso si siempre van a ser numeros si pueden haber letras, lo tendras que validar. pero en esencia seria algo asi.

estrucarracuda · #8 (**permalink**) 28/08/2010, 20:44

Tengo una pregunta

Código Javascript:

Ver originalfunction MostrarPlatos(una){
     window.document.getElementById("aaa").innerHTML= parseInt(window.document.getElementById("aaa").innerHTM) + parseInt(una);
}

Al hacer esto:
parseInt(window.document.getElementById("aaa").inn erHTM)

Estoy tomando el valor que hay en ese id ????

estrucarracuda · #9 (**permalink**) 28/08/2010, 21:00

No me funciona , me pone NaN. osea que no es un numero?

tredio · #10 (**permalink**) 28/08/2010, 21:31

bueno si te das cuenta lo escribi mal, puse HTM y era HTML cambia esa parte.

estrucarracuda · #11 (**permalink**) 28/08/2010, 21:57

Funcionó gracias Maestro...!!!

estrucarracuda · #12 (**permalink**) 29/08/2010, 07:44

Hola sigo aprendiendo este genial idioma javascript, y me encuentro con el problema de que al hacer click en cada item se agregan perfectamente, pero como podría hacer si quiero borrar algun item que puse por error ???

Osea al hacer click en un item se van mostrando uno abajo del otro, eso es lo que yo quería hacer y está perfecto, pero si por error hago click en un item que no deseo se agrega y como lo podria borrar ??? No sé si se entiende lo que estoy diciendo..

Por lo que veo estoy metiendo todos los resultados en la id="aaa" y no sé como ahora seleccionar uno y borarlo...