Foros del Web » Programando para Internet » Jquery »

Siguiente elemento con js o jquery

Estas en el tema de Siguiente elemento con js o jquery en el foro de Jquery en Foros del Web. Hola gente. Tengo 1 div y con mouseover quiero mostrar el siguiente elemento el cual esta oculto. Este es el codigo: <span class="oc_opcion" onmouseover="showItems(this)">$Title</span> <div ...
  #1 (permalink)  
Antiguo 01/08/2011, 01:56
 
Fecha de Ingreso: mayo-2011
Ubicación: Buenos Aires
Mensajes: 41
Antigüedad: 12 años, 11 meses
Puntos: 2
Siguiente elemento con js o jquery

Hola gente.

Tengo 1 div y con mouseover quiero mostrar el siguiente elemento el cual esta oculto.
Este es el codigo:

<span class="oc_opcion" onmouseover="showItems(this)">$Title</span>
<div class="over">
<p><a href="$Link">$Title</a></p>
</div>


function showItems(obj){
var sgte = obj.getNext();
sgte.setStyle('display','block');
}

Funciona en todos los navegadores menos en ie. Descartando vi que el problema esta en el
obj.getNext()....ya que usando $(idDelElemento).getNext() funcionaba de 10. Osea lo que no me entiende ie es el this que envio como parametro a la funcion. No saben como podria hacerlo sin usar id? digo sin id porque sin id porque hago como una especia de bucle for con el cms que uso asi que no me conviene hacerlo de esa manera. Les agradezco si me dan una mano :)

Última edición por mar_x4_superxv; 01/08/2011 a las 03:31
  #2 (permalink)  
Antiguo 01/08/2011, 04:15
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Siguiente elemento con js o jquery

Hola:

No es necesario ninguna librería, ya que el DOM es en donde éstas se basan... lo que supongo que debe fallar es que entre this y el nextSibling, puede que hayas puesto un espacio en blanco u otra separación...

Pega los tags y dinos qué tal...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 01/08/2011, 04:44
 
Fecha de Ingreso: mayo-2011
Ubicación: Buenos Aires
Mensajes: 41
Antigüedad: 12 años, 11 meses
Puntos: 2
Respuesta: Siguiente elemento con js o jquery

Si si sabes que si saque todos los saltos de linea ... no se si para ie habria alguna diferencia con que maquete asi:

<div class="padre">
<div class="hijo"></div>
</div>

o asi

<div class="padre"><div class="hijo"></div></div>

creo sera algun problema de sitaxis .. porque si en ves del buscar el elemento por el dom uso id funciona...
  #4 (permalink)  
Antiguo 01/08/2011, 05:25
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Siguiente elemento con js o jquery

Hola:

En el primer ejemplo entre padre e hijo hay un nodo de texto, o sea el firstChild no es un tag; en el segundo el firstChild es un tag... podrías asegurarte consultando el tagName o el nodeType.

No estoy seguro de que todos los navegadores lo consideren así.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 01/08/2011, 15:52
 
Fecha de Ingreso: mayo-2011
Ubicación: Buenos Aires
Mensajes: 41
Antigüedad: 12 años, 11 meses
Puntos: 2
Respuesta: Siguiente elemento con js o jquery

ok gracias por la ayuda, muy buena la pagina de los gradiantes la uso siempre.

Saludos :)
  #6 (permalink)  
Antiguo 01/08/2011, 22:13
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
Puntos: 1485
Respuesta: Siguiente elemento con js o jquery

buenas,
hablo desde mi ignorancia porque la verdad no uso jquery, pero de algo si estoy seguro. fijate que cuando pasas this a la función, this es una referencia al elemento. dicha referencia no contiene las funciones que normalmente usarias de jquery porque la referencia no fue devuelta por jquery. por tanto, supongo que la solución es pasar dicha referencia por jquery para entonces poder utilizar las funciones. jQuery(this).

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #7 (permalink)  
Antiguo 02/08/2011, 07:03
 
Fecha de Ingreso: mayo-2011
Ubicación: Buenos Aires
Mensajes: 41
Antigüedad: 12 años, 11 meses
Puntos: 2
Respuesta: Siguiente elemento con js o jquery

Zero yo tampoco uso jquery va poco y nada mas que todo javascript y mootools, asi que no conozco de la funcion que decis "no contiene las funciones que normalmente usarias de jquery"
  #8 (permalink)  
Antiguo 02/08/2011, 10:58
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
Puntos: 1485
Respuesta: Siguiente elemento con js o jquery

buscando en la documentación de jquery, veo que aparentemente no existe la funcion getNext. sin embargo, si busco en mootools dicha función existe. entonces, no entiendo a que viene el nombre de jquery en el título. en fin, si quieres hacerlo puramente en javascript, sigue las sugerencias que @caricatos antes indico.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Etiquetas: javascript, js, siguiente
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 14:19.