/*
Emerge v1.0
Copyright (c) 2008 truzone (www.truzone.org)
Official Site: emerge.truzone.org
License: TruOpenSource/LGP (www.truopensource.org/lgp)
--------------------------------------------------------
Qué es Emerge
=============
Emerge es un sencillo script en javascript que permite mostrar contenido ajeno a la página dentro de una ventana flotante.
Se puede usar para mostrar una imagen o una página y permite superponer varios emerges durante la misma carga.
Instalación
===========
En tu CSS debes agregar lo siguiente:
.emerge_id
{
position:absolute;
padding:10px;
display:block;
top:10%;
overflow:hidden;
border:1px solid #ffffff;
background:#FDFCE9;
text-align:left;
margin:0 auto;
z-index:9000;
}
.emerge_fondo {
background: url('./images/overlay.png') repeat;
filter: Alpha(opacity=50);
position:absolute;
text-align:center;
top:0px;
left:0;
z-index:9000;
}
En el de la página dónde se va a usar debe agregarse:
Forma de Uso
============
- Emerge para Imágenes: Abrir emerge
- Emerge para Páginas: Abrir emerge
Configuración
=============
Salvo que tengas conocimientos de JavaScript se recomienda modificar sólo dos valores:
resize_velocidad = 50;
resize_pixels = 10;
*/
resize_velocidad = 0; // tiempo en milisegundos entre cada aumento en la proporción del emerge
resize_ancho_pixels = 10; // aumento máximo de píxeles por cada aumento en la proporción del emerge
resize_alto_pixels = 10; // aumento máximo de píxeles por cada aumento en la proporción del emerge
camp = new Array(); // guarda los objetos de las etiquetas de emerge abiertas
ob = new Array(); // guarda los objectos de las etiquetas de los fondos de emerge abiertos
fin_alto2 = new Array(); // guarda el valor top de cada emerge abierto para el reajuste por uso del scroll
array_zindex = new Array(); // guarda el valor z-index de cada fondo de emerge abierto
i = 0; // el valor de la próxima etiqueta para los arrays
abrir = 0;
var ruta = "./global/images/";
var dimensiones = new Object();
function obtener_dimensiones()
{
if(window.innerHeight)
{
dimensiones = { ancho : window.innerWidth, alto : window.innerHeight };
}else if(document.documentElement.clientWidth > '0')
{
dimensiones = { ancho : document.documentElement.clientWidth, alto : document.documentElement.clientHeight };
}else{
dimensiones = { ancho : document.body.clientWidth, alto : document.body.clientHeight };
}
}
function emerge_objeto()
{
try {
objetus = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
objetus= new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
objetus= false;
}
}
if (!objetus && typeof XMLHttpRequest!='undefined') {
objetus = new XMLHttpRequest();
}
return objetus;
}
function emerge(url)
{
obtener_dimensiones();
emerge_fondo();
_objetus = emerge_objeto();
_objetus.open("GET",url,true);
_objetus.onreadystatechange=function() {
if (_objetus.readyState==4)
{
emerge_lanzar(_objetus.responseText);
}
}
_objetus.send(null);
}
function emerge_img(img)
{
obtener_dimensiones();
imagen = new Image();
imagen.src = img;
emerge_fondo();
comprobar = setInterval("emerge_img_size(imagen)",50);
}
function emerge_img_size(imagen)
{
if(imagen.width!='0' && imagen.height!='0')
{
clearInterval(comprobar);
if(imagen.width >= (dimensiones.ancho - 100))
{
emerge_lanzar('
';
bod.appendChild(ob[i]);
}
function emerge_lanzar(val)
{
bod = document.getElementsByTagName('body')[0];
camp[i] = document.createElement('div');
camp[i].id = 'emerge_id' + i;
camp[i].className = 'emerge_id';
camp[i].style.top = '0';
camp[i].style.left = '0';
camp[i].style.visibility = 'hidden';
camp[i].style.zIndex = array_zindex[i] + 1;
camp[i].innerHTML = '