Posts tagged bug

internet-explorer-logo

IE aplica degradé sobre imagenes transparentes [solución]

0
5 months ago
by Capy in

Tengo que decirlo: es alucinante los bug que tiene IE (da igual la versión, nunca terminan de solucionarlos).

El ultimo con el que me di es que si usas una imagen transparente para hacer un fondo transparente, se va a ver genial en todos los navegadores menos en Internet Explorer (7 y 8, el 9 no se)

Así es como debería verse:

Y asi es como se ve en IE:

Curioso… bueno googleando un poco di con la respuesta y es básicamente un comportamiento no deseado. Al señor no se le ocurre mejor idea que degradar un fondo transparente que se repita (background-repeat: repeat;) siempre que la imagen sea de 1pxX1px…. raro. Eso me va a enseñar a querer optimizar imagenes :P

por si no quedó claro, hay que hacer la misma imagen pero con por tamaño “prudente”: 10pxX10px para que IE no crea que tiene que degradar la imagen ¬¬

RARISIMO: Android y su perdida de sensibilidad en la pantalla

0
6 months ago
by Capy in

Puede que haya mil motivos mas por los cuales una pantalla capacitiva pierda sensibilidad, pero la que me tocó esta vez es de las cosas mas raras que me encontré.

Actualice mi móvil a la ultima de Android, cuando termino de cargarse la ROM mi móvil reinicia… bueno aparece la pantalla de bienvenida tipo wizard para configurar cositas como idioma, teclado, etc. El tema es que en ese punto tocaba la pantalla y de a momentos me hacia caso y de a momentos no. Era como intermitente la capacidad de respuesta de la pantalla.

 

Para ser sincero pensé que había jodido el móvil por no usar la ROM oficial de Movistar + Samsung :)

 

Busque por Internet un poco hasta que me di con una respuesta en un foro que reza lo siguiente:

“Fijate si t pasa cuando lo tenes cargando…a muchos nos pasa cuandoblo cargamos… no se abren aplicaciones pero es como q el touch se pone inestable al hacer “click”… probalo con un apk por ej touch test… (la bajas del market)”

 

No me jodan!, ¿que si esta enchufado puede que la pantalla se ponga errática?… Así fue, desconecte el móvil del ordenador (recuerden que lo tenia enchufado porque estaba cargándole una nueva ROM) y anduvo sin problemas.

internet-explorer-logo

Solución al box-model en ie7 usando jQuery

0
7 months ago
by Capy in , ,

Sé que hay soluciones hechas para este problema en particular, pero pesa 33k y solo necesitamos unas líneas como van a ver para lograr lo mismo…

Sabido es que a ie se la sudan los estándares y cuando los incorporan por lo general lo hacen taaarde.
La propiedad CSS “box-sizing” no es la excepción.

Ya sabemos que el siguiente CSS va a arreglar los desfases que se dan cuando un input que esta con un width:100%; dentro de un div que tiene un ancho fijado.

        .elemento {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

Y como comente en el post anterior, esta propiedad no está soportada en ie7.

Soluciones hay de todo tipo, pero lo cierto es que teniendo jQuery en todos mis desarrollos, se me hiso más que obvia la decisión de usar un script que arregle este bug en lugar de usar cosas más raras (archivos .htc por ejemplo).

Para implementar la solución solo necesitas poner este script:

$(document).ready(function() {
	if ($.browser.msie && ($.browser.version.substr(0, 1) == 7 || $("meta[content='IE=EmulateIE7']").length > 0)) {
		$(".ie7Fix-Box-model").each(function(i, v) {
			var el = $(v);

			//calculamos
			var pL = el.css("paddingLeft").replace("px", "") != "" ? el.css("paddingLeft").replace("px", "") : 0;
			var pR = el.css("paddingRight").replace("px", "") != "" ? el.css("paddingRight").replace("px", "") : 0;
			var bLW = el.css("borderLeftWidth").replace("px", "") != "" ? el.css("borderLeftWidth").replace("px", "") : 0;
			var bRW = el.css("borderRightWidth").replace("px", "") != "" ? el.css("borderRightWidth").replace("px", "") : 0;
			var newSize = el.width() - (parseInt(pL, 10) + parseInt(pR, 10) + parseInt(bLW, 10) + parseInt(bRW, 10));

			//le aplicamos el nuevo tamaño
			el.width(newSize);
		});
	}
});

Y ponerle la class “ie7Fix-Box-model” a todos los input que necesites arreglar.

Ver ejemplo (vean el codigo fuente)

Drupal!

Drupal: Error “HTTP request status”

0
10 months ago
by Capy in

Si ves que drupal te dice en el reporte de estado (admin/reports/status) algo como esto:

Your system or network configuration does not allow Drupal to access web pages, resulting in reduced functionality. This could be due to your webserver configuration or PHP settings, and should be resolved in order to download information about available updates, fetch aggregator feeds, sign in via OpenID, or use other network-dependent services.

Podes decirle a Drupal que ignore este error poniendo la siguiente linea al final del archivo settings.php:

$conf['drupal_http_request_fails'] = FALSE;

 

Al que le interese profundizar mas en el asunto aca esta el hilo:

http://drupal.org/node/245990


PD: lo estoy ignorando al error porque en mi servidor si hay comunicación y aunque Drupal me dice que no la hay, el mismo es capaz de avisarme cuando hay actualizaciones… curioso.

jquery-logo

jQuery: .css(“background-position”) falla en Internet Explorer

1
11 months ago
by Capy in

Me iba a poner a explicar porque falla y todo lo que tuve que hacer hasta darme cuenta del problema y la forma de solucionarlo, pero prefiero por esta vez simplemente dejarles la función que hice para arreglar el problema:

El siguiente método se acopla a jQuery por lo que lo pueden cargar justo después de jQuery y usarlo normalmente.

/**
 * Devuelve un array con la posicion X e Y respectivamente.
 */
$.fn.bgPosition = function() {
	var bgp = "background-position";
	return $.browser.msie ? [parseInt($(this).css(bgp + "-x").split(" ")[0]), parseInt($(this).css(bgp + "-y").split(" ")[0])] : [parseInt($(this).css(bgp).split(" ")[0]), parseInt($(this).css(bgp).split(" ")[1])];
}

Y como mencione, el uso es bastante sencillo.

//Para usarlo:
alert("las posiciónes X e Y del fondo son: " + $("#cajaConFondo").bgPosition()); //muestra [posX, posY]
alert("La posición X del fondo es: " + $("#cajaConFondo").bgPosition()[0]); //muestra posX
alert("La posición Y del fondo es: " + $("#cajaConFondo").bgPosition()[1]); //muestra posY

Para cerrar el post el problema en resumen es que internet explorer no reconoce la propiedad “background-position” del metodo .css(). En su lugar hay que usar “background-position-x” y “background-position-y”

Y una cosita mas: el método solo funciona con pixeles porque es lo que me hacía falta, porcentajes y demases yerbas quedan excluidas salvo que alguien quiera aportar esa parte ;)

Descargar ejemplo

Go to Top