Foros del Web » Programando para Internet » Javascript »

divs fades individualmente

Estas en el tema de divs fades individualmente en el foro de Javascript en Foros del Web. Hola amigos Tengo un pequeño problema con js. Os explico: Tengo 3 enlaces con 3 div ocultos con display:none. La idea es que al hacer ...
  #1 (permalink)  
Antiguo 30/04/2014, 05:18
 
Fecha de Ingreso: febrero-2014
Mensajes: 99
Antigüedad: 10 años, 2 meses
Puntos: 0
divs fades individualmente

Hola amigos
Tengo un pequeño problema con js.
Os explico:
Tengo 3 enlaces con 3 div ocultos con display:none.
La idea es que al hacer click en uno de los enlaces aparezca un solo div y no los 3 como me ocurre.
Puede ser un problema con las id?

Os dejo el codigo a continuacion



js
------------------------------------------------------------------
function aparecer(){
$(".uno").show();
}

css
------------------------------------------------------------------

a { float:left; margin-right:20px}
.uno { float:left; width:200px; height:100px; background-color:#ff0000; margin-right:20px; display:none;}


html
------------------------------------------------------------------
<a href="javascript: aparecer()">aparecer</a>
<div class="uno" id="1"></div>

<a href="javascript: aparecer()">aparecer</a>
<div class="uno" id="2"></div>

<a href="javascript: aparecer()">aparecer</a>
<div class="uno" id="3"></div>


Saludos
Gracias
  #2 (permalink)  
Antiguo 01/05/2014, 00:39
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: divs fades individualmente

Hola:

Javascript no sabe qué hace $(), o sea debes estar usando una librería... en tal caso te podrían ayudar quienes conocen tu librería...

Otra cosa: los id no pueden empezar por un número (aunque pienses que tal como está, funcione todo bien)...

Sobre el tema: si quieres operar sobre elementos concretos, lo mejor es que selecciones su id (que entre otras cosas no debe duplicarse)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 01/05/2014, 21:19
Avatar de Franz1628  
Fecha de Ingreso: marzo-2007
Ubicación: Lima - Perú
Mensajes: 145
Antigüedad: 17 años, 1 mes
Puntos: 26
Respuesta: divs fades individualmente

Cita:
Iniciado por caricatos Ver Mensaje
Otra cosa: los id no pueden empezar por un número (aunque pienses que tal como está, funcione todo bien)...
Que sepa si se puede poner que la id empiece con un número, incluso no hay ningún problema con javascript, quizás el problema es cuando se use con el CSS.

¿O es que hay otro problema?
__________________
En mi Blog puedes ver articulos javascript y más...
@Franz1628
  #4 (permalink)  
Antiguo 01/05/2014, 22:09
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: divs fades individualmente

En HTML4 no se permitía el uso de números como valor inicial de los atributos id y class (referencia), sin embargo, en el estándar HTML5, sí está permitido (referencia).

Particularmente, creo que como buena práctica (para conservar las viejas buenas costumbres ), es que viene la recomendación de no asignar un número como valor inicial del id, pero de que puedes hacerlo, puedes.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #5 (permalink)  
Antiguo 02/05/2014, 09:44
 
Fecha de Ingreso: febrero-2014
Mensajes: 99
Antigüedad: 10 años, 2 meses
Puntos: 0
Respuesta: divs fades individualmente

Aham, no lo sabia
Seguire vuestros consejos.
Gracias
Saludos

Etiquetas: divs, html, js
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 04:19.