Programar para el Chrome en ASP y Javascript

Una de las páginas con la que trabajaba cargaba varios bloques de datos y mostraba unos u otros en función del evento click de marcadores en un mapa. Técnicamente los mostraba todos en pantalla, pero mediante la propiedad CSS left los echaba fuera de la pantalla de la siguiente manera: “left: -9999999px“. Sin embargo, Chrome no parecía entender la propiedad y montaba los datos el uno sobre el otro. Intenté solucionar el problema usando “display: none” en vez de left, pero Firefox e IE me dejaban de mostrar los datos de un h3. Para evitar modificar lo que ya funcionaba, me planteé referirme únicamente a Chrome en la sección de código, tanto en ASP como en Javascript.

Para comprobar si el usuario está usando el Chrome en ASP:


index = InStr(Request.ServerVariables(“HTTP_USER_AGENT”), “Chrome”)

If (index > 0) Then

‘Usa el Chrome
t.Slot(“None”)=t.Slot(“None”) & “document.getElementById(‘Dato” & trim(rsEmpresa(“Id”)) & “‘).style.display = “”none””;”
t.Slot(“None”)=t.Slot(“None”) & “document.getElementById(‘Dato” & trim(rsEmpresa(“Id”)) & “‘).style.position = “”absolute””;”

end if

Pude, por lo tanto, utilizar la propiedad “display: none” únicamente con el Chrome, lo que ocultaba de buenas a primeras todos los bloques de datos. Al hacer click en uno de los marcadores del mapa debía mostrarse únicamente ese marcador. La programación que se encargaba de ello estaba en Javascript, así que necesitaba aislar el comportamiento del Chrome del resto de navegadores:

var is_chrome = navigator.userAgent.toLowerCase().indexOf(‘chrome’) > -1;

if (is_chrome){

//Usa el Chrome

document.getElementById(‘Dato{{Idid}}’).style.position = “relative”;
document.getElementById(‘Dato{{Idid}}’).style.float = “right”;
document.getElementById(‘Dato{{Idid}}’).style.left = “0px”;
document.getElementById(‘Dato{{Idid}}’).style.overflow = “hidden”;
document.getElementById(‘Dato{{Idid}}’).style.display = “block”;

}

2 comentarios to “Programar para el Chrome en ASP y Javascript”

  1. pauloarieu Says:

    Hola.No pudo revisar aun mi comentario?
    Gracias
    Saludos.

  2. pauloarieu Says:

    hola.yo tengo un problema con Chorme.
    necesito hacer esto,que no me funciona en Chrome.No hace nada.
    document.getElementById(“pais”).options[ ].selected= true ;

    Espero su respuesta
    Saludos cordiales


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: