Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 15 de 15

Tema: ¿Cómo puedo cambiar un div a otro dinámicamente?

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    27 abr, 12
    Mensajes
    15
    Poder de Reputación
    13

    Question ¿Cómo puedo cambiar un div a otro dinámicamente?

    Haber si me explico:
    Lo que quiero es que al pulsar un enlace, este cambie a otro div que tiene otro enlace. Lo explicaré con imágenes, haber si así me entendéis mejor:

    Tengo un div que muestra esto:
    Sin título.jpg

    Al pulsarlo sale otro div que es esto:

    Sin título 2.jpg

    Lo que quiero es, que cuando de click, este carácter (que viene a ser una flecha mirando hacia abajo) cambie y también cambie el link. Lo que sería, básicamente dicho, para cerrar el div que contiene el texto de prueba. Algo así:

    Sin título 3.jpg

    Y al darle click al carácter (que viene a ser una flecha mirando hacia arriba), vuelva a la imagen 1.

    No sé si me he explicado claro. Pero más o menos sería algo como un "play/pause", pero indicando que puedes abrir el div y al estar abierto, que lo puedes cerrar.
    Sería un cambio de texto (en mi caso, el carácter) y un cambio de link (en mi caso, cerrar el div blanco de la "imagen 2")

    Espero que me puedan ayudar, porque estoy desesperado. Me he hartado de buscar por Google y que va...

    Gracias por vuestra ayuda de antemano. Y espero que puedan ayudarme por favor.

    ¡Un saludo a todos!

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    05 mar, 10
    Mensajes
    844
    Poder de Reputación
    20
    avia algo sobre eso en un post aqui en el foro qizas te sirva aver si lo encuentro

  3. #3
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    05 mar, 10
    Mensajes
    844
    Poder de Reputación
    20
    encontre eso en una web en javascript quizas te sirva un saludo
    http://www.codenb.com/ocultar-y-most...javascript-26/

  4. #4
    Recien Llegado! Habitante
    Fecha de Ingreso
    27 abr, 12
    Mensajes
    15
    Poder de Reputación
    13
    ¡Anda, un tocayo mío jajajajaja!
    Gracias por tus respuestas, pero eso no es lo que realmente quiero conseguir. Eso es, como una ventana que se abre en medio de la web; algo así como un "popup". De todas formas, muchísimas gracias por su ayuda, pero lo que vengo a conseguir es algo como lo que tiene este foro. Algo como esto, mire:

    Sin título.png

    Si se fija en la parte que he señalado en rojo, es (creo) una imagen con una "flecha" indicando hacia abajo; que al hacer click sobre ella, esta hace una función de abrir un div (en este caso, los permisos de publicación). Si se fija, al hacer click en esa imagen, se abre un div con el contenido de los permisos de publicación, como verá en esta imagen:

    Sin título 2.png

    Ya ve que al hacer click en esa imagen, se abre el apartado y a su vez cambia la imagen indicando una "flecha" hacia arriba (como he recalcado en la imagen anterior).

    Lo que quiero conseguir es exactamente eso. Espero que ahora me haya explicado con claridad y que todos lo entiendan. Y muchas gracias Francisco por su respuesta, espero que haya entendido lo que vengo diciendo y me pueda ayudar, por favor. Y si alguien sabe lo que quiero hacer, que por favor me ayude. Aún así, muchas gracias Francisco y gracias a todos los que me puedan ayudar.

    ¡Un saludo a todos!

  5. #5
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    05 mar, 10
    Mensajes
    844
    Poder de Reputación
    20
    recuerdo que lo vi un dia publicado en este foro es un codigo muy sencillo pero haora no lo encuentro se habre y se cierra el div es un div oculto donde estan los enlaces imagenes etc
    si lo encuentro te lo paso un saludo

  6. #6
    Recien Llegado! Habitante
    Fecha de Ingreso
    27 abr, 12
    Mensajes
    15
    Poder de Reputación
    13
    Gracias Francisco, espero que pueda ayudarme, porque estoy desesperadoooo

    Un saludo y gracias :D

  7. #7
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    05 mar, 10
    Mensajes
    844
    Poder de Reputación
    20
    el amigo Dooleo publico esto aver si te vale yo nunca lo e utilizado por eso no se muy bien del tema
    http://www.comocreartuweb.com/consul...cultar+mostrar

  8. #8
    Recien Llegado! Habitante
    Fecha de Ingreso
    27 abr, 12
    Mensajes
    15
    Poder de Reputación
    13
    Ese script es el que estoy utilizando yo, pero no deseo conseguir eso...
    Lo que quiero es que al darle a una imagen ó div, este cambie de imagen.
    No quiero mostrar y ocultar nada, quiero cambiar. Creo que me he explicado con claridad en las veces que he escrito en este post. Por favor, ayudaaaaa

  9. #9
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    05 mar, 10
    Mensajes
    844
    Poder de Reputación
    20
    bale no te enfades eso es javascript alguien que sepa de javascript te ayudara un saludo

  10. #10
    Recien Llegado! Habitante
    Fecha de Ingreso
    27 abr, 12
    Mensajes
    15
    Poder de Reputación
    13
    Jajajajaja no me enfado Francisco, solo que estoy desesperado ya

  11. #11
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    05 mar, 10
    Mensajes
    844
    Poder de Reputación
    20
    mira yo no se del tema nunca lo e utilizado y lo unico que estoy haciendo es intentar ayudarte pero si te pones asi nadie te ba a ayudar yo sigo intentando de ayudarte encontre esto en google nose si te puede valer pero yo te lo posteo por si te vale ok
    http://www.google.es/#hl=es&gs_nf=3&...w=1066&bih=646

  12. #12
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    05 mar, 10
    Mensajes
    844
    Poder de Reputación
    20
    otro en foros del web miralo site vale i si no a seguir buscando ok
    http://www.forosdelweb.com/f4/div-ca...-click-960386/

  13. #13
    Recien Llegado! Habitante
    Fecha de Ingreso
    27 abr, 12
    Mensajes
    15
    Poder de Reputación
    13
    Lo primero que quería hacer, es disculparme por el comportamiento, pero es que no lo encontraba por ninguna parte
    Lo segundo, muchas gracias Francisco por toda tu atención. Y, ¿sabes?, creo que has encontrado la solución. Mire, le paso una imagen con lo que quiero hacer pero me gustaría hacerlo de otra manera.
    Lo que he encontrado que me resultaría útil para resolver mi duda es esto:

    Sin título.jpg

    Pero en vez de que la acción sea cambiar la imagen, quiero que la acción sea cambiar el texto de un div. Con lo cual, en vez de cambiar una imagen por otra al hacer click, quiero que cambie un texto por otro al hacer click. Con lo cual, creo que sería el mismo proceso que hacen en ese post (el proceso de la imagen que he propuesto en la imagen anterior), pero en vez de que el cambio sea de "imagen a imagen", sea de "texto a texto". ¿Alguna sugerencia?

    ¡Gracias por todo!

  14. #14
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    05 mar, 10
    Mensajes
    844
    Poder de Reputación
    20
    eso que dices es perfecto un script se puede probar siempre y utilizarlo de la forma que nos interesa que funcione hay que probar hasta encontrar y tu mismo te as respondido a lo que deverias hacer con ese escript pruebalo y nos cuentas
    Última edición por francisco1; 21/10/2012 a las 18:01

  15. #15
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    18 jul, 14
    Mensajes
    1
    Poder de Reputación
    0
    Hola buenas tardes necesito saber como al pasar el mouse por un boton este cambie de posicion y se mantenga en esa nueva posicion y volver a psarlo por el boton y tome de nuevo otra posicion .... como lo hago ??

Temas Similares

  1. como puedo cambiar el codigo
    Por apricotico en el foro Foro General
    Respuestas: 2
    Último Mensaje: 27/09/2010, 23:46
  2. como puedo kitar mi nik y cambiarlo por otro en google
    Por painjo35 en el foro Foro General
    Respuestas: 1
    Último Mensaje: 15/04/2008, 14:35
  3. Respuestas: 4
    Último Mensaje: 20/09/2006, 13:27

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •