Foros del Web » Programando para Internet » Javascript »

ruta al siguiente tag

Estas en el tema de ruta al siguiente tag en el foro de Javascript en Foros del Web. Hola a todos :) Tengo un problema, Nescesito que a al clickear un boto se desvanezca un texto al que le sigue al parent del ...
  #1 (permalink)  
Antiguo 07/02/2011, 22:24
Avatar de chwc  
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 16 años, 3 meses
Puntos: 103
ruta al siguiente tag

Hola a todos :)
Tengo un problema, Nescesito que a al clickear un boto se desvanezca
un texto al que le sigue al parent del boton.
realmente no puedo lograr una ruta al texto para aplicarle {display:none}

Código HTML:
Ver original
  1. <script type="text/javascript">
  2. function iton(obth){
  3. obth = obth.parentNode.nextSibiling.style.display = 'none'; <-- ruta para desvanecer
  4. }
  5.  
  6. <p><input type="button" onclick="iton(this)" value="desvanecer" /></p>
  7. <p>Texto a desvanecer</p> <---- quiero desvanecer este texto !!!

como voy a usar varios botones seguidos de textos en una misma pagina no puedo utilizar los id o las clases

saludos
  #2 (permalink)  
Antiguo 07/02/2011, 23:15
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: ruta al siguiente tag

Hola:

Los nodos de texto no admiten estilos. Solo vale que se encuentre ese texto dentro de algún tag (span por ejemplo)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 07/02/2011, 23:16
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 7 meses
Puntos: 1485
Respuesta: ruta al siguiente tag

buenas...
lo que sucede es que no estas considerando los nodos tipo texto (TextNode). si te fijas, entre las dos etiquetas <p> tienes un salto de linea el cual se transforma en un TextNode. o sea, tienes esta estructura: HTMLParagraphElement, TextNode, HTMLParagraphElement. te recomiendo que utilices alguna consola de javascript con excepcion de iexplorer. cuando lees la propiedad childNodes, te enumera todos los nodos del elemento. ahi podras ver la relacion.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #4 (permalink)  
Antiguo 07/02/2011, 23:21
Avatar de goteen_mx  
Fecha de Ingreso: abril-2005
Ubicación: D.F.
Mensajes: 403
Antigüedad: 19 años, 7 meses
Puntos: 37
Respuesta: ruta al siguiente tag

y un detalle adicional es nextSibling no nextSibiling y efectivamente el problema te lo da el salto de linea entre los parrafos.

Cariatos hice la prueba y si desaparece párrafo con display=none y el código de chwc

SAludos
  #5 (permalink)  
Antiguo 07/02/2011, 23:25
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: ruta al siguiente tag

Hola:

No me había dado cuenta que se trataba de un tag p, y lo que yo comentaba eran los nodos de texto.

Para el caso se puede hacer un bucle y consultar el nodeType.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 07/02/2011, 23:30
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 7 meses
Puntos: 1485
Respuesta: ruta al siguiente tag

bueno ojo, goteem_mx! offtopic: hay una teoria que dice algo asi como que cuando leemos, en realidad nos centramos en las primas y ultimas letras de la palabra. no importaba el orden de las letras internas, o si falta o sobra alguno, inconcientemente podiamos obtener el mensaje. seguramente a muchos nos sucedera lo mismo...
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Última edición por zerokilled; 07/02/2011 a las 23:49
  #7 (permalink)  
Antiguo 07/02/2011, 23:39
Avatar de goteen_mx  
Fecha de Ingreso: abril-2005
Ubicación: D.F.
Mensajes: 403
Antigüedad: 19 años, 7 meses
Puntos: 37
Respuesta: ruta al siguiente tag

Sinceramente tampoco lo note cuando lo leí, jejeje, pero baje el codigo para hacer una prueba y firebug siempre te saca de apuros.

Saludos.
  #8 (permalink)  
Antiguo 07/02/2011, 23:48
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años, 7 meses
Puntos: 1485
Respuesta: ruta al siguiente tag

awwww, eso es trampa!
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Etiquetas: ruta, siguiente, tag
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:42.