ASP.NET : ajuster les contrôles selon le navigateur utilisé

L'objet Request met à votre disposition la propriété Browser pour détecter avec précision sur quel navigateur la page est actuellement affichée. La propriété Browser, qui est également un objet, donne le nom du navigateur (Request.Browser.Browser), sa version (Request.Browser.Version), la plateforme utilisée (Request.Browser.Platform), etc.

▼Publicité

Le programme pourra donc réagir différemment sur Internet Explorer et sur Chrome, par exemple. Il pourra même réagir différemment sous IE8 et sous IE9.

Ex :

Fichier .aspx (ASP.NET)

<%--L'attribut type=number, qui crée un numericupdown, n'est pas supporté par IE9.

    On doit donc laisser le pattern pour faire la validation et on modifiera le style 

    par programmation pour donner la bonne largeur au textbox--%>

<asp:TextBox ID="textBoxNumero" runat="server" type="number" pattern="[0-9]+"

   title="Vous devez entrer un nombre." />

Fichier .aspx.cs (ASP.NET avec C#)

// ajuster la largeur du contrôle dans IE9 car il ne supporte pas encore les numericupdown

if (Request.Browser.Browser == "IE")

{

    textBoxNumero.CssClass = "saisienombrecourt";

}

La classe saisienombrecourt, qui est appliquée au contrôle textBoxNumero (qui est un numericupdown) lorsque la page est affichée sous IE, permet simplement de rajuster la taille de la boîte de saisie :

CSS

.saisienombrecourt {

    width: 25px;

}

Pour plus d'information

« Comment : détecter les types de navigateurs et les fonctionnalités de navigateur dans les pages Web ASP.NET ». MSDN. http://msdn.microsoft.com/fr-ca/library/3yekbd5b.aspx

Merci de partager ! Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestShare on StumbleUponEmail this to someone
Catégories