Foros del Web » Creando para Internet » CSS »

Problema venatana modal en Internet Explorer

Estas en el tema de Problema venatana modal en Internet Explorer en el foro de CSS en Foros del Web. Amigos tengo un problema con ventana modal, funciona en todos los navegadores menos en Internet Explorer, en la carpeta styles tengo dos archivos y uno ...
  #1 (permalink)  
Antiguo 05/06/2014, 13:07
 
Fecha de Ingreso: junio-2014
Mensajes: 4
Antigüedad: 9 años, 10 meses
Puntos: 0
Problema venatana modal en Internet Explorer

Amigos tengo un problema con ventana modal, funciona en todos los navegadores menos en Internet Explorer, en la carpeta styles tengo dos archivos y uno dice modal-window-ie6 y el codigo CSS es el siguiente: ( lo que no funciona es el boton cerrar de la ventana modal ya que al darle cilc me cierra la pestaña del navegador) desde ya muchas gracias

body {
height: 100%;
}
.modal-overlay {
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
iframe.modal-overlay {
background: none;
opacity: 0;
filter: alpha(opacity=0);
z-index: 100;
}
.modal-window {
position: absolute;
top: expression(document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + 'px');
}
.close-window {
background-image: url();
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=imagesm/close-button.png,sizingMethod=crop);
}
  #2 (permalink)  
Antiguo 05/06/2014, 13:38
 
Fecha de Ingreso: junio-2014
Mensajes: 4
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Problema venatana modal en Internet Explorer

Ahora encontre esto tendre que cambiar algo?

} else {
$overlay = jQuery((_isIE6()) ? '<iframe src="BLOCKED SCRIPT\'&lt;html&gt;&lt;/html&gt;\';" scrolling="no" frameborder="0" class="' + options.overlayClassName + '"></iframe><div class="' + options.overlayClassName + '"></div>' : '<div class="' + options.overlayClassName + '"></div>');
$overlay.hide().appendTo(options.parent);

$modal = jQuery('<div id="' + options.id + '" class="' + options.modalClassName + '" style="width:' + options.width + 'px; height:' + options.height + 'px; margin-top:-' + (options.height / 2) + 'px; margin-left:-' + (options.width / 2) + 'px;">' + options.content + '</div>');
$modal.hide().appendTo(options.parent);

$close = jQuery('<a class="' + options.closeClassName + '"></a>');
$close.appendTo($modal);

var overlayOpacity = _getOpacity($overlay.not('iframe')) || options.overlayOpacity;
$overlay.fadeTo(0, 0).show().not('iframe').fadeTo(_settings.fadeInSpe ed, overlayOpacity);
$modal.fadeIn(_settings.fadeInSpeed);

$close.click(function () { jQuery.modal().close(); });
$overlay.click(function () { jQuery.modal().close(); });
}
}
return this;
}
_isIE6 = function () {
if (document.all && document.getElementById) {
if (document.compatMode && !window.XMLHttpRequest) {
return true;
}
}
return false;
}
_getOpacity = function (sender) {
$sender = jQuery(sender);
opacity = $sender.css('opacity');
filter = $sender.css('filter');

if (filter.indexOf("opacity=") >= 0) {
return parseFloat(filter.match(/opacity=([^)]*)/)[1]) / 100;
}
else if (opacity != '') {
return opacity;
}
return '';
}
_defaults = {
parent: 'body',
overlayOpacity: 85,
id: 'modal',
content: null,
width: 800,
height: 600,
modalClassName: 'modal-window',
imageClassName: 'modal-image',
closeClassName: 'close-window',
overlayClassName: 'modal-overlay',
src: function (sender) {
return jQuery(sender).attr('href');
}
}
})(jQuery);

Etiquetas: background, explorer, internet, modal
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 09:53.