script "leer mas"  

 
Miescalona
 Miescalona
Reputable Member

Hola amigos.
En la pag principal del sitio podéis ver como se muestran los anuncios de Listbingo. Es la vista "lista de anuncios"
En cada anuncios e muestra un campo que es la descripción del anuncio.
LB me permite poner un nº de longitud del texto y "…" para acabar.
Yo quiero modificar esto para que aparezca exactamente como en las publicaciones de Facebook con el "ver mas".

Tengo el archivo de php que controla a este campo y he estado mirando algunas cosas de php y scripts.
Por lo que he visto, una solución es mostrar un div con la descripción completa y otro div con la descripción corta.
Esto ya lo he conseguido con el php.

Ahora es cuestión de "activar" el "leer mas" y con un script mostrar u ocultar el div correspondiente en el css.
Esto aún no lo he hecho ni sé cómo hacerlo pero no es el problema. Seguro que lo consigo.

El problema que veo ahora es el siguiente:
con los ejemplos que he visto en internet creo que cuando le dé a "leer más" se mostrará la capa "descripción larga" de todos los anuncios, no sólo la del anuncio en el que se activa. Y, por eso mismo, cambiará la altura de toda la página perdiéndose la vista en la que estaba el visitante.

¿Hay alguna solución para esto?
¿Hay otros caminos?

URL del sitio: Contenido solo visible a usuarios registrados

Saludos

Citar
Respondido : 09/06/2014 2:53 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

No me acaba de quedar claro lo que quieres conseguir. ¿Al pulsar en el "Leer más" quieres que se cargue el contenido completo en la misma página o que se cargue una nueva página con la ficha de la entrada donde se vea ese contenido? Entiendo que lo lógico es lo segundo.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 09/06/2014 12:33 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Miescalona
 Miescalona
Reputable Member

El resultado que quiero conseguir es que cuando se pinche en el leer más de un anuncio,en la vista lista de anuncios, se cambien en ese anuncio solamente la descripcion corta por la larga. Pero sin cargarse de nuevo la página.
Estudiando Facebook y su leer mas,p. ej., ellos cargan un div con la descripcion corta y un div con el resto de la descripcion y display: none. Yo quiero algo parecido. Pero es fundamental no volver a tener que cargar toda la pagina.

Saludos

ResponderCitar
Respondido : 09/06/2014 12:41 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para conseguir algo así vas a tener que utilizar algo de javascript. En concreto tendrías que lanzar un evento al hacer click en el "Leer más" de forma que se cambie el CSS que carga la descripción, pasando de un display:none a una display:block, por ejemplo.

El problema que te puedes encontrar con esto es que para que vaya bien cada div que carga las descripciones completas tendrá que tener un id diferente, ya que en caso contrario se mostrarían todas las descripciones de todas la entradas.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 09/06/2014 2:52 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Miescalona
 Miescalona
Reputable Member

Efectivamente ese es el problema.
Ahora bien, en el php de la descripcion puedo envolver los campos en divs con el nombre que yo quiera.
Puedo hacer ahí un div del tipo

y que el script modifique el css para ese div?

Saludos

ResponderCitar
Respondido : 09/06/2014 4:03 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Sí que podrías hacer algo así, pero tendrás que modificar el código del Listbingo para cargar ese enlace "Leer más", de forma que esté preparado para mostrar el div concreto que le toca. Se podría pensar en utilizar el id de la entrada de Listbingo para cargar el elemento concreto.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 09/06/2014 5:16 pm

Cursos Gratuitos WordPress

Miescalona
 Miescalona
Reputable Member

Manos a la obra:
!ª dificultad:
No encuentro la sintaxis correcta.
La idea es esta:

es decir añadir la identidad del anuncio al nombre del div.
He probado muchas variantes pero no. Tampoco encuentro en foros la sintaxis para esto.

Saludos

ResponderCitar
Respondido : 09/06/2014 7:05 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Lo que has colocado no tiene sentido, usualmente cuando se quiere insertar php con html se hace como :

Lamentablemente no podemos darte más alcance, y sólo te podemos dar generalidades de programación ay que a través del foro no atendemos este tipo de temas de programación.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 09/06/2014 10:16 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación