Kombinierte Ansicht Flache Ansicht Baumansicht
Threads [ Zurück | Nächste ]
toggle
Eduardo Mercado
¿Cómo se puede cargar contenido web sin recargar todo el portal?
22. Februar 2012 16:19
Antwort

Eduardo Mercado

Rang: New Member

Nachrichten: 3

Eintrittsdatum: 16. Februar 2012

Neue Beiträge

Hola a todos,

Soy nuevo en Liferay y estoy buscando la manera de poder cargar distintos contenidos web dentro de una página de Liferay sin tener que recargar todo el portal.

Este comportamiento se puede observar en la página de liferay.com en el apartado de "Servicios".
Se tiene un menú en el lado izquierda de la página y al darle click a cualquiera de las ligas de dicho menú, se carga un contenido diferente en la parte derecha de la página, pero sin recargar todo el portal.

¿Cómo sugieren que se puede lograr esto?

¡Saludos y de antemano gracias!
Mikel Goikoetxea
RE: ¿Cómo se puede cargar contenido web sin recargar todo el portal?
24. März 2012 06:00
Antwort

Mikel Goikoetxea

Rang: Junior Member

Nachrichten: 56

Eintrittsdatum: 16. März 2010

Neue Beiträge

Hola Eduardo,

En el ejemplo que comentas de la sección "Servicios" de liferay.com, el menú de la izquierda nos lleva a una página distinta, por lo tanto sí que se carga una página nueva.

Lo que quieres conseguir se puede hacer jugando con la visibilidad de las capas, style="display:none" y style="display:block".

Por ejemplo:

 1<ul>
 2    <li>
 3        <a href="javascript:mostrarCapa(1)">
 4            Capa 1
 5        </a>
 6    </li>
 7    <li>
 8        <a href="javascript:mostrarCapa(2)">
 9            Capa 1
10        </a>
11    </li>
12    <li>
13        <a href="javascript:mostrarCapa(3)">
14            Capa 1
15        </a>
16    </li>
17</ul>
18
19<div id="capa1" style="display:block">
20    MI CAPA 1
21</div>
22<div id="capa2" style="display:none">
23    MI CAPA 1
24</div>
25<div id="capa3" style="display:none">
26    MI CAPA 1
27</div>


Y en la función javascript mostrarCapa jugar con la visibilidad de las capas.

Un saludo,

Mikel Goikoetxea Bilbao (@mgoibil)
B2B 2000