Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Boton Ver Mas

Estas en el tema de Boton Ver Mas en el foro de Javascript en Foros del Web. Hola a todos bueno hace un par de dias quiero usar un boton "ver mas" que realice esa funcion de "ver mas" pero no se ...
  #1 (permalink)  
Antiguo 25/10/2013, 08:48
 
Fecha de Ingreso: abril-2013
Ubicación: Puerto Rico (Mnes)
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 0
Pregunta Boton Ver Mas

Hola a todos bueno hace un par de dias quiero usar un boton "ver mas" que realice esa funcion de "ver mas" pero no se como hacerlo . He buscado por internet pero la verdad es que si no encuentro no entiendo lo que explican .Capaz me estoy complicando la vida o tal vez sea una pavada. Trabajo con Netbeans en paginas Html y diseño CSS para esto. Alguna ayuda me vendria espectacular . Desde ya muchas gracias
  #2 (permalink)  
Antiguo 25/10/2013, 09:31
 
Fecha de Ingreso: abril-2013
Ubicación: Puerto Rico (Mnes)
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Boton Ver Mas

Bueno por lo que pude ver y hacer es poner esto en un archivo llamado index.html que es mi pagina principal:
Código HTML:
Ver original
  1. <a onclick="vermas()">Ver Más</a>
  2.  <div id="vermasdiv" style="display:none">Texto de Ver Más</div>
y despues hice un script en otro archivo llamado leerMas.html porque segun leí esto solo se hace con javascript:
Código Javascript:
Ver original
  1. <script>
  2. function vermas() {
  3. var eldiv =document.getElementById("vermasdiv");
  4. eldiv.style.display="block";
  5. </script>
pero no hace nada no se que falta alguien que me ayude por favor
  #3 (permalink)  
Antiguo 25/10/2013, 09:57
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Boton Ver Mas

la funcion esta incompleta le falta } al final despues del punto y coma (;)

eldiv.style.display="block";}
  #4 (permalink)  
Antiguo 25/10/2013, 10:42
 
Fecha de Ingreso: abril-2013
Ubicación: Puerto Rico (Mnes)
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Boton Ver Mas

No funciona le coloqué un href pero igual nada. Igual muchas gracias por tu ayuda
  #5 (permalink)  
Antiguo 25/10/2013, 10:43
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Boton Ver Mas

yo lo he probado y si funciona, intenta tambien agregarle
<script type="text/javascript">
  #6 (permalink)  
Antiguo 26/10/2013, 09:19
 
Fecha de Ingreso: abril-2013
Ubicación: Puerto Rico (Mnes)
Mensajes: 20
Antigüedad: 11 años, 1 mes
Puntos: 0
De acuerdo Respuesta: Boton Ver Mas

Hola Arturo Gallegos si tienes razón funciona y lo que hice es poner todo ese codigo y colocarlo en el mismo archivo index.html y me quedó así

Código HTML:
Ver original
  1. <a onclick="vermas()" href="#">Ver Más</a>
  2.  <div id="vermasdiv" style="display:none"> Texto de Ver Más </div>
  3.    
  4. <script type="text/javascript">
  5.     function vermas() {
  6.     var eldiv =document.getElementById("vermasdiv");
  7.     eldiv.style.display="block";
  8.    
  9.     }

Muchisimas Gracias por tu gran ayuda Genio era lo que yo queria

Etiquetas: boton, css, html
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 22:48.