Javascript Validar números en Firefox, Chrome, IE

, , , , , , , , , No hay comentarios
En una publicación anterior, pudimos Validar sólo números en Javascript, la cual nos ha permitido solucionar muchos inconvenientes.

En esta ocasión les quiero compartir una validación de solo números mucho mas completa, es decir contempla navegadores como Chrome, Internet Explorer (IE) y Firefox

 A continuación les muestro el código, espero que les ayude. 
var nav4 = window.Event ? true : false;
function SoloNumeros(evt) {
    // NOTE: Backspace = 8, Enter = 13, '0' = 48, '9' = 57
    var key = nav4 ? evt.which : evt.keyCode;
    return (key <= 13 || (key >= 48 && key <= 57 || key == 46));
}
Para implementarlo en Asp.Ner C# incluimos nuestro código anterior en un archivo .js y referenciarlo en nuestra pagina .aspx, así:
script src="../Scripts/Utilidad.js" type="text/javascript"></script>

Y para llamar la función la podemos implementar en una caja de texto así:

asp:TextBox ID="txtnFactura" runat="server"  onkeypress="return SoloNumeros(event);"></asp:TextBox>

Share:
Leer Mas

Internet Explorer: Vista de Compatibilidad ASP.NET

, , , , , , , , No hay comentarios
Quiero compartir con ustedes un código que nos permite identificar mediante JavaScript la vista de compatibilidad de nuestro navegador Internet Explorer (IE) y ademas si estamos usando un navegador diferente. Lo anterior porque muchas veces los estilos de nuestros sitios no son compatibles y presentan alteraciones en la presentación de las paginas al usuario. Por lo tanto el siguiente ejemplo permite identificar en que entorno de navegador estamos y poder llegar a tomar alguna decisión al respecto: 

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>   
    <script type="text/javascript" language="javascript">
        function ValidarNavegador() {
            if (document.documentMode) {
                if (document.documentMode <=  7) {
                    alert("Estas en Internet Explorer con vista de compatibilidad.");
                    return;
                }
                alert("Esta es una versión de Internet Explorer sin vista de compatibilidad.");


            } else {
                alert("Esto no es Internet Explorer.");
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table id="Navegador" cellpadding="0" cellspacing="0" width="100%" >
        <tr>
            <td align="center">
                Consultar Compatibilidad del Navegador&nbsp;
                <br /><br />
                <asp:Button ID="BtNavegador" runat="server" OnClientClick="return ValidarNavegador();" Text="¿Qué Navegador?" />
            </td>
        </tr>
        </table>
       
    </div>
    </form>
</body>
</html>
Al ejecutar nuestro ejemplo podemos ver la compatibilidad para cada explorador:



La siguiente imagen sin vista de compatibilidad:





Finalmente la visualización diferente a Internet Explorer:


Este ejemplo nos permite conocer la vista compatibilidad de una pagina en Internet Explorer, pero también es importante poder cambiarla, esto lo podemos realizar a través del META X-UA-Compatible.

Si tienen alguna duda o ampliar la información me cuentan, hasta pronto.
"" Si tienes dudas o quieras ampliar este artículo, lo puedes hacer dejando tus comentarios. Además, si lo consideras interesante puedes compartirlo con amigos y seguidores a través de los botones sociales que aparecen en esta página.""


Share:
Leer Mas

Solution for IE10 error: Sys.ArgumentOutOfRangeException: Value must be an integer asp.net

, , , , , , , , No hay comentarios
En un proyecto proyecto Asp.Net con controles AJAX (ModalPopup) en Internet Explorer 10 (IE10) se me presento la siguiente inconsistencia "Solution for IE10 error: Sys.ArgumentOutOfRangeException: Value must be an integer asp.net", la solución que se encontró es agregar la siguiente linea, ya sea en la Master.page del proyecto o en el encabezado de mi pagina .aspx.

<meta http-equiv="X-UA-Compatible" content="IE=9" />

La etiqueta meta X-UA-Compatible permite elegir qué versión de Internet Explorer la página se debe representar. Es utilizado por Internet Explorer 8 para especificar si una página se debe representar como IE 7 (vista de compatibilidad) o IE 8 (normas vista).

Las opciones que tiene para el contenido (content) son:
  • "IE=5" 
  • "IE=EmulateIE7" 
  • "IE=7" 
  • "IE=EmulateIE8" 
  • "IE=8" 
  • "IE=EmulateIE9" 
  • "IE=9" 
  • "IE=edge"

Se utiliza la etiqueta meta X-UA-Compatible en las páginas web donde se sospecha que Internet Explorer 10 intentará representar la página en una forma incorrecta.  Una forma de conocer bajo que modo de compatibilidad se ejecuta una pagina aspx en asp.net puede ayudarlos a solucionar muchos inconvenientes.
"" Si tienes dudas o quieras ampliar este artículo, lo puedes hacer dejando tus comentarios. Además, si lo consideras interesante puedes compartirlo con amigos y seguidores a través de los botones sociales que aparecen en esta página.""

Share:
Leer Mas

Ranking Navegadores Web Mayo 2013

, , , No hay comentarios
El ranking de los principales navegadores web en mayo destaca entre otras razones porque el producto de Google es la única opción de entre los primeros cinco navegadores, que ha perdido peso en el mercado. Este hecho contrasta con el constante crecimiento que Chrome había experimentado en los cuatro años que siguieron a su lanzamiento inicial.

Microsoft con Internet Explorer es junto a la Fundación Mozilla con Firefox, las opciones con mejor ratio de crecimiento en el último mes. Especialmente intenso parece el trabajo que desde el equipo de Firefox se está llevando a cabo con la intención de recuperar la posición perdida en los últimos tiempos. En este sentido destaca que el equipo de desarrollo de la Fundación Mozilla está trabajando gracias al proyecto Australis en el mayor rediseño de su navegador de los últimos tiempos que además sirva de base para futuros lanzamientos.

Alternativas más discretas en el mercado de escritorio como Safari y Opera también mejoran sus números en mayo aunque todavía muy lejos de IE, Chrome y Firefox.

No obstante lo anterior aunque entre los navegadores móviles, Safari continúa liderando por un amplio margen,  destaca que el navegador de Chrome crece más rápido que la segunda opción más importante de este mercado, el navegador de Android.

Google ha estado “apretando” a la versión móvil de Chrome  para mejorar su posición en los dispositivos con Android pre-instalado. Eso ha dado lugar a un movimiento ascendente constante de la cuota de mercado, con un importante crecimiento en el último mes y que puede suponer a futuro la llegada de una nueva alternativa cpaz de competir con Safari.

Ranking de Navegadores de Escritorio:

1.    Microsoft Internet Explorer: 55.99%
2.    Firefox: 20.63%
3.    Chrome: 15.74%
4.    Safari: 5.46%
5.    Opera: 1.77%

Ranking de Navegadores Móviles:

1.    Safari: 59.98%
2.    Android: 20.73%
3.    Opera Mini: 10.53%
4.    Chrome: 3.2%
5.    Internet Explorer: 1.97%

Ranking por Versiones en Navegadores de Escritorio:

1.    Internet Explorer 8: 22.99%
2.    Internet Explorer 9: 15.39%
3.    Firefox 20: 10.38%
4.    Chrome 26: 9.85%
5.    Internet Explorer 10: 9.262%
6.    Internet Explorer 6: 9.26%
7.    Firefox 21: 4.66%
8.    Chrome 27: 3.66
9.    Safari 6: 3.18%
10.   Internet Explorer 7: 1.78%
Share:
Leer Mas