Comunidad de diseño web y desarrollo en internet online

Problema venatan modal en Interne Explorer

Citar            
MensajeEscrito el 05 Jun 2014 07:00 pm
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);
}

Por ezequiel2010

3 de clabLevel



 

chrome
Citar            
MensajeEscrito el 05 Jun 2014 07:44 pm
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.fadeInSpeed, 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);

Por ezequiel2010

3 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.