Foros del Web » Programando para Internet » Javascript »

Unir dos funciones en una

Estas en el tema de Unir dos funciones en una en el foro de Javascript en Foros del Web. Hola. Como son nuevo en esto no sé cómo unir dos elementos como estos $(document).ready(function() { $("#elemento-1").mouseover(function() { $(".elemento-a").slideUp(1000) }); }); $(document).ready(function() { $("#elemento-2").mouseover(function() { ...
  #1 (permalink)  
Antiguo 20/12/2012, 10:01
 
Fecha de Ingreso: noviembre-2005
Mensajes: 889
Antigüedad: 18 años, 5 meses
Puntos: 8
Unir dos funciones en una

Hola.

Como son nuevo en esto no sé cómo unir dos elementos como estos

$(document).ready(function() {
$("#elemento-1").mouseover(function() {
$(".elemento-a").slideUp(1000)
});
});
$(document).ready(function() {
$("#elemento-2").mouseover(function() {
$(".elemento-b").slideUp(1000)
});
});


Se trataría de hacerlo todo en una función, uniendo elemento-1 y elemento-2 en el mouseover y luego .elemento-a y .elemento-b en el slideUp.

Estoy seguro de que se puede. En php se hace con "or" (entre otras posibilidades) pero aquí no sé cómo hacerlo.

Gracias.
  #2 (permalink)  
Antiguo 20/12/2012, 14:01
Avatar de Trublux  
Fecha de Ingreso: octubre-2010
Ubicación: Madrid
Mensajes: 355
Antigüedad: 13 años, 6 meses
Puntos: 48
Respuesta: Unir dos funciones en una

Para hacerlo mejor necesitaría ver el HTML, aunque creo que te valdría algo así (no lo he podido probar):
Código Javascript:
Ver original
  1. $(function(){
  2.     $('#elemento-1, #elemento-2').mouseover(function(){
  3.         if( $(this).attr('id') == 'elemento-1' ){
  4.             var elemento = $('.elemento-b');
  5.         } else{
  6.             var elemento = $('.elemento-b');
  7.         }
  8.         elemento.slideUp(100);
  9.     });
  10. });

O así:
Código Javascript:
Ver original
  1. $(function(){
  2.     $('#elemento-1, #elemento-2').mouseover(function(){
  3.         var elemento = ( $(this).attr('id') == 'elemento-1' ) ? 'elemento-a' : 'elemento-b';
  4.         $('.'+elemento).slideUp(100);
  5.     });
  6. });

Por cierto, $(function(){}); es la abreviatura de $(document).ready();

P.D.: Cuando pongas código hazlo con el resaltado, por favor.
__________________
eZ Publish Developer Basic Legacy
eZ Publish Developer Basics (4.4)
Alojamientos rurales en España

Etiquetas: funciones, php
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:44.