wooww gracias me sacaron de un apuro
muchas gracias
| |||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita:
Iniciado por JavierB ![]() Hola, julimirin. Otra opción: Código PHP: ![]() gracias amigo por la inf ![]() |
| |||
![]() Hola. Este post me ha servido de gran ayuda. Pero me gustaría preguntar una cosa más. ¿Cómo hago para que al hacer click sobre un enlace se abra ese y se cierren los demás? Muchas gracias =) |
| |||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Retomo esta aportación de JavierB, primero para agradecer lo útil que me han sido sus colaboraciones ![]() Resulta que tengo una lista de proyectos, que mediante la función ocultar / mostrar texto quisiera mostrar su detalle uno a uno. Por ejemplo: Proyecto1 "texto con detalles del mismo..." Proyecto2 "texto con detalles del mismo..." Proyecto3 "texto con detalles del mismo..." A todos ellos aplico el scrip: <a href="#" onclick="MostrarOcultar('mostrar')">+</a> <div id="oculto" style="display: none"> "texto con detalles del mismo..." </div> Pero al probarlo sólo me aparece o desaparece el primero (Proyecto1) y el resto no lo muestra, aún cuando presentan cada uno su símbolo y contenido (+); al probarlo no lo abre y me activa automáticamente el primero. ![]() P.d Coloque en el Head: <script language="javascript"> function MostrarOcultar (objetoVisualizar) { if (document.getElementById(objetoVisualizar).style.d isplay=='none') { document.getElementById(objetoVisualizar).style.di splay='block'; } else { document.getElementById(objetoVisualizar).style.di splay='none'; } } </script> <script> function mostrar(enla) { obj = document.getElementById('oculto'); obj.style.display = (obj.style.display == 'block') ? 'none' : 'block'; enla.innerHTML = (enla.innerHTML == '-') ? '+' : '-'; } </script> </head> Saludos y gracias desde ya!. |
| |||
![]() Saludos amigos, necesito mostrar/ocultar simultáneamente varios div, encontré esta magnífica función que he aplicado como sigue. La cosa es saber si se puede y cómo reducir la función a su mínima expresión. ¿Me podéis aconsejar?, me imagino que se puede!! <script> function mostrar(enla) { obj = document.getElementById('oculto'); obj.style.display = (obj.style.display == 'block') ? 'none' : 'block'; enla.innerHTML = (enla.innerHTML == 'Ocultar todo') ? 'Mostrar todo' : 'Ocultar todo'; } function mostrar1(enla) { obj = document.getElementById('oculto1'); obj.style.display = (obj.style.display == 'block') ? 'none' : 'block'; enla.innerHTML = (enla.innerHTML == 'Ocultar todo') ? 'Mostrar todo' : 'Ocultar todo'; } function mostrar2(enla) { obj = document.getElementById('oculto2'); obj.style.display = (obj.style.display == 'block') ? 'none' : 'block'; enla.innerHTML = (enla.innerHTML == 'Ocultar todo') ? 'Mostrar todo' : 'Ocultar todo'; } </script> </head> <body> <a href="#" onClick="mostrar(this);mostrar1(this);mostrar2(thi s); return false" />Mostrar todo</a> <div id="oculto" style="display:none"> Este texto se verá cuando yo quiera </div> <div id="oculto1" style="display:none"> Este texto se verá cuando yo quiera </div> <div id="oculto2" style="display:none"> Este texto se verá cuando yo quiera </div> <p>Texto visible</p> </body> Un gran abrazo |
| |||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Hola chicos, que tal. A ver si me podéis echar una mano. Estoy usando este código:
Código:
<script> function mostrar(enla) { obj = document.getElementById('oculto'); obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden'; enla.innerHTML = (enla.innerHTML == '<img src="/enlaces/imagenes/mostrar.png" />') ? '<img src="/enlaces/imagenes/mostrar.png" />' : '<img src="/enlaces/imagenes/ocultar.png" />'; } </script> Mostrar listado <a href="#" onclick="mostrar(this); return false" /><img src="/enlaces/imagenes/mostrar.png" /></a> <div id="oculto" style="visibility:hidden"> LALALA </div> El resultado que tengo con esta modificación que he intentado hacer es que de inicio se muestra el botón MOSTRAR.PNG, al pulsarlo se muestra el texto y el botón se convierte en OCULTAR.PNG. Hasta ahí va bien, el caso es que al darle al botón OCULTAR.PNG, se oculta el listado pero se sigue viendo el botón OCULTAR.PNG y no se muestra como al inicio el botón MOSTRAR.PNG, que es lo que quiero, jeje. Alguna idea? Gracias de antemano :) |
| |||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita: Me podrias decir un code que tenga oculto el texto y al presionarlo lo suelte, y al volver a presionarlo que se oculte de nuevo.
Iniciado por JavierB ![]() Hola, julimirin. Otra opción: Código PHP: ![]() Si es posible con un <input type="button" value="Ver". Espero que puedar resolver mi duda. Gracias |
| |||
Respuesta: Ocultar texto, pulsar boton y mostrarlo hola gente, voy a revivir este tema porque toy buscando la forma de encontrar una respuesta a mis preguntas y estoy tocando por todos lados je. La idea es casi la misma, mostrar y ocultar ...pero esta vez una cadena de texto es decir un texto, un parrafo que primero se va a ver a la mitad, con unos "..." al final y al lado un "leer mas" que va a hacer que se muestre el texto completo de forma dinamica en el acto, y que baje todo los demas elementos que estan debajo del texto. Despues cuando este mostrado totalmente, va a ver otro boton que diga.."volver" o algo asi, que vuelve a dejar el texto reducido...no se si me explico..espero que puedan ayudarme. Saludos! |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita: creo que tengo la solución a eso. verás, es simple: simplemente se trata de poner el <div> de lo que se va a mostrar delante del enlace. sería así:
Iniciado por pablopgp_lm ![]() hola gente, voy a revivir este tema porque toy buscando la forma de encontrar una respuesta a mis preguntas y estoy tocando por todos lados je. La idea es casi la misma, mostrar y ocultar ...pero esta vez una cadena de texto es decir un texto, un parrafo que primero se va a ver a la mitad, con unos "..." al final y al lado un "leer mas" que va a hacer que se muestre el texto completo de forma dinamica en el acto, y que baje todo los demas elementos que estan debajo del texto. Despues cuando este mostrado totalmente, va a ver otro boton que diga.."volver" o algo asi, que vuelve a dejar el texto reducido...no se si me explico..espero que puedan ayudarme. Saludos! Código PHP: un saludo. |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita: buenas. sé que hace tiempo de esto, ¿pero podrías decirme cómo lo has hecho?
Iniciado por alarga ![]() Pues si, y ya la he encontré ![]() ![]() Me he puesto a cavilar y por fin he dado con la solución, ya tengo mi menú terminado. La solución consiste en crear dos funciones genéricas, una para mostrar capas y otras para ocultarlas, y en utilizar los eventos onMouseOver y onMouseOut. Saludos. ![]() PD: que de cosas se aprenden cuando se tiene que buscar uno mismo la vida ![]() yo he estado investigando y no doy con la tecla. ![]() aver, tengo una versión que me va bien. pero claro, para que se oculte el contenido de nuevo tengo que pasar el cursor por el enlace: Código PHP: sin embargo, en esta otra versión, ocurren dos problemas, a pesar de que se soluciona uno: ·se soluciona el problema de que no se oculta el contenido automáticamente. ·surge el problema de que, a pesar de que se oculta el contenido, no puedo pasar de una palabra a otra, ya que entre medias queda un hueco y se ocultaría todo (tengo que pasar el cursor por el enlace otra vez para que se muestre el contenido). ·a diferencia de la otra versión, no puedo poner enlaces, ya que por alguna extraña razón, no funciona el efecto de ocultar automáticamente el contenido al quitar el cursor. para que se oculte tengo que pasar el cursor por un "no-enlace" (por así decirlo). pero es que hay más: el texto situado por debajo de un enlace, tampoco funciona. ![]() aquí dejo la segunda versión: Código PHP: espero que me puedas ayudar ![]() un saludo. |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Buenas. Me ha servido muchisimo todo lo que han puesto aqui, solo tengo una duda. He puesto todo como indican y me funciona pero el problema es que cuando inicia la pagina todo aparece oculto y ademas pues todo aparece separado, vamos cuando le doy mostrar aparece mi texto como debe de ser pero cual lo oculto todo el espacio que ocupa ese texto se queda vacio y lo que sigue esta mas abajo, quisiera que cuando le de ocultar lo que esta mas abajo se recorra hacia arriba para poder visualizar todo. Me explico mejor con ejemplo: Asi esta mi pagina ---------------------------------------- -Mi enlace que oculta- -mi texto que desaparece- -Mi enlace que oculta 2- -mi texto que desaparece- -Mi enlace que oculta 3- -mi texto que desaparece- --------------------------------------------- Cuando lo oculto quiero que quede asi: --------------------------------------------------- -Mi enlace que oculta 1- -Mi enlace que oculta 2- -Mi enlace que oculta 3- -------------------------------------------------- pero en lugar de eso me queda asi: ---------------------------------------------------- -Mi enlace que oculta 1- -Mi enlace que oculta 2- -Mi enlace que oculta 3- ------------------------------------------------------- Obvio que mi texto es basto por lo cual queda un espacio muy grande y no se ve cool, solo quiero que se recorre hacia arriba, de antemano muchas gracias y que buen foro es este! (no, no les hago la barba si no que me han sacado de muchas dudas). |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita: ya se habló de ello antes, pero te pongo el código aquí:
Iniciado por Kudsick ![]() Buenas. Me ha servido muchisimo todo lo que han puesto aqui, solo tengo una duda. He puesto todo como indican y me funciona pero el problema es que cuando inicia la pagina todo aparece oculto y ademas pues todo aparece separado, vamos cuando le doy mostrar aparece mi texto como debe de ser pero cual lo oculto todo el espacio que ocupa ese texto se queda vacio y lo que sigue esta mas abajo, quisiera que cuando le de ocultar lo que esta mas abajo se recorra hacia arriba para poder visualizar todo. Me explico mejor con ejemplo: Asi esta mi pagina ---------------------------------------- -Mi enlace que oculta- -mi texto que desaparece- -Mi enlace que oculta 2- -mi texto que desaparece- -Mi enlace que oculta 3- -mi texto que desaparece- --------------------------------------------- Cuando lo oculto quiero que quede asi: --------------------------------------------------- -Mi enlace que oculta 1- -Mi enlace que oculta 2- -Mi enlace que oculta 3- -------------------------------------------------- pero en lugar de eso me queda asi: ---------------------------------------------------- -Mi enlace que oculta 1- -Mi enlace que oculta 2- -Mi enlace que oculta 3- ------------------------------------------------------- Obvio que mi texto es basto por lo cual queda un espacio muy grande y no se ve cool, solo quiero que se recorre hacia arriba, de antemano muchas gracias y que buen foro es este! (no, no les hago la barba si no que me han sacado de muchas dudas). Código PHP: |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita:
Iniciado por RafaRG ![]() ya se habló de ello antes, pero te pongo el código aquí: Código PHP: Creo que no me di a entender, eso ya quedo y no tengo problema, lo que pasa es que cuando oculto el texto lo que esta fuera del <div> no se recorre hacia arriba, vamos que todo el texto que oculto simplemente desaparece y queda un espacio vacio muy grande y mas abajo esta el demas texto que no oculte, lo unico que quiero es saber en que estoy mal, pongo mi codigo
Código:
En este caso digamos que tengo varios enlaces (no solo 2) que usare para ocultar mucho texto solo que los enlaces son "estaticos" cuando todo está oculto hay un gran espacio entre cada uno, lo que busco es que esten lo mas juntos hasta que hago que se muestre el texto.<script> function mostrar(enla) { obj = document.getElementById('oculto'+enla); obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden'; } </script> <a href="#" onclick="mostrar('1'); return false" /><center><span style="color:white"><strong>Saludo</strong></a> <div id="oculto1" style="visibility:hidden"> Aqui va mi texto que oculto...</div> <a href="#" onclick="mostrar('2'); return false" /><center><span style="color:white"><strong>Manejo de beneficios.</strong></a> <div id="oculto2" style="visibility:hidden">Mi otro texto para ocultar...</div> Muchas gracias por tu respuesta y espero me hayan entendido =D Salu2 |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Definí las variables usando el var, caso contrario estás creando globales implicitas.
Código Javascript:
Ver original |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita: Ok, lo probe y no me funciono, pero he llegado a la solucion al estar probando lo que me dijiste, explico:
Iniciado por Aijoona ![]() Definí las variables usando el var, caso contrario estás creando globales implicitas.
Código Javascript:
Ver original yo tenia esto:
Código:
La cuestion aqui es que defini mal style="visibility:hidden" debia ser style="display:none" tanto en mi <script> como en mi <div> una vez cambiado todos mis divs sin problema me funcionó, pongo como lo deje:<script> function mostrar(enla) { obj = document.getElementById('oculto'+enla); obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden'; } </script> <a href="#" onclick="mostrar('1'); return false" /><center><span style="color:white"><strong>Saludo</strong></a> <div id="oculto1" style="visibility:hidden"> Aqui va mi texto que oculto...</div> <a href="#" onclick="mostrar('2'); return false" /><center><span style="color:white"><strong>Manejo de beneficios.</strong></a> <div id="oculto2" style="visibility:hidden">Mi otro texto para ocultar...</div>
Código:
Con esto queda solucionado mi problema ahora mis enlaces esconden el texto y lo que no se esconde sube automaticamente, muchas gracias por la ayuda aunque no me haya funcionado con tu codigo me ayudo para detectar mi error. Gracias! un abrazo. <script> function mostrar(enla) { obj = document.getElementById('oculto'+enla); obj.style.display = (obj.style.display == 'block') ? 'none' : 'block'; } </script> <a href="#" onclick="mostrar('1'); return false" /><center><span style="color:white"><strong>Saludo</strong></a> <div id="oculto1" style="display:none">Aqui mi texto a esconder</div> |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Buenas. Me gusto mucho como quedo, pero tengo una dudilla; ¿Se podria hacer que el texto en vez de que se muestre abajo se pueda mostrar a un lado? he buscado hacerlo por float en css pero no me funca, disculpen la molestia pero busco aprender y hacer muchas cosas, de antemano muchas gracias!. Salu2 |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita: mmm, la verdad es que no tengo ni idea... ¿has probado con los frames?
Iniciado por Kudsick ![]() Buenas. Me gusto mucho como quedo, pero tengo una dudilla; ¿Se podria hacer que el texto en vez de que se muestre abajo se pueda mostrar a un lado? he buscado hacerlo por float en css pero no me funca, disculpen la molestia pero busco aprender y hacer muchas cosas, de antemano muchas gracias!. Salu2 |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Si, de hecho manejo 2 iframes, digamos que uno a la izquierda es una lista de enlaces (productos) i a la derecha cuando pulsas el enlace se abre una ficha tecnica, vamos manda a llamar a un html donde viene la info del producto, ese iframe de informacion tiene pestañas con diferentes datos, en esos datos es donde tengo los enlaces que oculto, pero mi idea era que esos enlaces estuvieran en la izquierda y la info saliera del lado derecho con el float si me esta saliendo pero aun no me convence. Gracias por tu respuesta! Salu2 |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita: ¿y has probado con la etiqueta de posición? te pongo un ejemplo para que lo veas en tu bloc de notas:
Iniciado por Kudsick ![]() Si, de hecho manejo 2 iframes, digamos que uno a la izquierda es una lista de enlaces (productos) i a la derecha cuando pulsas el enlace se abre una ficha tecnica, vamos manda a llamar a un html donde viene la info del producto, ese iframe de informacion tiene pestañas con diferentes datos, en esos datos es donde tengo los enlaces que oculto, pero mi idea era que esos enlaces estuvieran en la izquierda y la info saliera del lado derecho con el float si me esta saliendo pero aun no me convence. Gracias por tu respuesta! Salu2 Código PHP: te pondré un tutorial sobre css. creo que te puede ser muy útil: [URL="http://www.cristalab.com/tutoriales/tutorial-basico-de-css-c94l/"]Tutorial básico sobre CSS[/URL] [URL="http://www.cristalab.com/tutoriales/tutorial-de-posicionamiento-y-layout-en-css-c111l/"]Tutorial de posicionamiento de CSS[/URL] espero que esto te sirva. un saludo ![]() |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita: Muchas Gracias!! si me sirvio ahora ya no se ve tan cutre la informacion y tiene orden, tambien gracias por las pagina me las voy a refinar para curtirme bien en esto.
Iniciado por RafaRG ![]() ¿y has probado con la etiqueta de posición? te pongo un ejemplo para que lo veas en tu bloc de notas: Código PHP: te pondré un tutorial sobre css. creo que te puede ser muy útil: [URL="http://www.cristalab.com/tutoriales/tutorial-basico-de-css-c94l/"]Tutorial básico sobre CSS[/URL] [URL="http://www.cristalab.com/tutoriales/tutorial-de-posicionamiento-y-layout-en-css-c111l/"]Tutorial de posicionamiento de CSS[/URL] espero que esto te sirva. un saludo ![]() Salu2 |
| |||
Respuesta: Ocultar texto, pulsar boton y mostrarlo hola, mi problema es que me hace la ocultacion del texto bien pero tengo q poner varias como muestra la imagen y el problema es que me crea espacios a razon del tamaño del texto que se oculta es decir si es pequeño el texto espacio pequeño y si es grande pues lo mismo, y claro queda realmente feo y no puedo dejarlo asi, me podeis dar alguna solucion? graciasss ![]() lo que estoy utilizando es esto que vi en mensajes anteriores Cita: <html> <head> <script> function mostrar(enla) { obj = document.getElementById('oculto'); obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden'; enla.innerHTML = (enla.innerHTML == '-') ? '+' : '-'; } function mostrar2(enla) { obj = document.getElementById('oculto2'); obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden'; enla.innerHTML = (enla.innerHTML == '-') ? '+' : '-'; } </script> </head> <body> <a href="#" onclick="mostrar(this); return false" />+</a> <div id="oculto" style="visibility:hidden"> <p>Este texto se verá cuando yo quiera </p> <p>Este texto se verá cuando yo quiera </p> <p>Este texto se verá cuando yo quiera </p> <p>Este texto se verá cuando yo quiera </p> <p>Este texto se verá cuando yo quiera </p> </div> <a href="#" onclick="mostrar2(this); return false" />+</a> <div id="oculto2" style="visibility:hidden"> Este texto se verá cuando yo quiera</div> </body> </html> Última edición por JARVI09; 23/04/2013 a las 04:47 |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Creo que es porque te falta el ; después de hidden: <div id="oculto" style="visibility:hidden;"> <div id="oculto2" style="visibility:hidden;"> |
| |||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Cita: se lo he puesto y no funciona, sigue saliendo el espacio tan grande como texto incluya para ocultar |
| ||||
Respuesta: Ocultar texto, pulsar boton y mostrarlo Prueba entonces lo siguiente: en vez de usar la propiedad visibility, utiliza display: <html> <head> <script> function mostrar(enla) { obj = document.getElementById('oculto'); obj.style.display = (obj.style.display == 'none') ? 'block' : 'none'; enla.innerHTML = (enla.innerHTML == '-') ? '+' : '-'; } function mostrar2(enla) { obj = document.getElementById('oculto2'); obj.style.display = (obj.style.display == 'none') ? 'block' : 'none'; enla.innerHTML = (enla.innerHTML == '-') ? '+' : '-'; } </script> </head> <body> <a href="#" onclick="mostrar(this); return false" />+</a> <div id="oculto" style="display:none"> <p>Este texto se verá cuando yo quiera </p> <p>Este texto se verá cuando yo quiera </p> <p>Este texto se verá cuando yo quiera </p> <p>Este texto se verá cuando yo quiera </p> <p>Este texto se verá cuando yo quiera </p> </div> <p> //para que los div no salgan en la misma línea <a href="#" onclick="mostrar2(this); return false" />+</a> <div id="oculto2" style="display:none"> Este texto se verá cuando yo quiera</div> </body> </html> |
| |||
Respuesta: Ocultar texto, pulsar boton y mostrarlo uyy casi casi, ahora sale ++ es decir una cosa seguida de la otra, necesito q sea una bajo la otra + + si lo consigues te estare super agradecido tio |