Información
Contenido

showInPoUp()

La función que se describe a continuación la podrás utilizar para generar una ventana tipo POPUP o Modal dentro de la plataforma y a la misma cargarle un contenido HTML. 

Cargar contenido en una ventana tipo Modal.

Anteriormente vimos como poder conseguir contenido externo de otras plataformas. Ahora les recomendamos utilizar la siguiente función para poder cargar este contenido dentro de una ventana, luego de convertirlo a HTML.

Ejemplo de como utilizar la función showinpopup()

//Definimos un objeto solo como ejemplo.
var data = {
"users":[
{"id":1,"firstName":"Terry","lastName":"Medhurst","maidenName":"Smitham","age":50},
{"id":2,"firstName":"Joe","lastName":"Smith","maidenName":"SmitJ","age":33},
{"id":3,"firstName":"Clark","lastName":"Terry","maidenName":"TeryC","age":63}
]};
  

//Creamos un HTML en formato tabla para maquetar el contenido de data.
var html_contenido = '<table class="tableCustom"><tr><th>FirtName</th><th>LastName</th><th>Age</th></tr>';
for( i in data['users'] ){
    var fila = data.users[i];
    html_contenido += '<tr><td>'+fila.firstName+'</td><td>'+fila.lastName+'</td><td>'+fila.age+'</td></tr>';
}
html_contenido += '</table>';

//Lanzamos un modal y colocamos en el mismo el HTML creado.
showInPopUp(html_contenido, 'Titulo del modal','800','90%');

Esta función que se muestra en el ejemplo anterior puede ser utilizada por ustedes en cualquier momento que necesiten cargar un contenido dentro de la plataforma. Pueden copiar el contenido anterior y pegarlo en la consola javascript de su navegador para ver como muestra la plataforma un modal con una tabla html y su respectivo contenido.

Volver arriba