Marco del Gatto - web developers blog

Come evitare il Quirks Mode nei browser per siti web xthml strict

marcodelgatto — Fri, 22 Jan 2010 08:04:00 GMT

Se – come si conviene - stiamo sviluppando un website adottando le specifiche XHTML Strict 1.0, risulta importante far sì che i browser degli utenti capiscano la nostra intenzione utilizzando lo Standard Mode e che non entrino quindi in Quirks Mode, la modalità “mangiatutto” utile per la renderizzazione dei web site di vecchia generazione ma che rischia di danneggiare sia il layout che le performance dei web site realizzati correttamente con i nuovi standard.

Per fare questo, una volta che abbiamo validato il nostro documento e siamo certi di essere conformi agli standard, basta seguire questi 3 semplici passi:

1 - Mettere il doctype con url COMPLETA al DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2 – Specificare nel css principale che il TAG IMG è di tipo block (questo compensa l’Almost Standard Mode di Gecko):

img{display:block;}

3 – impedire agli utenti di IE8 di passare alla modalità compatibile mettendo la seguente direttiva nella head:

Enum Mapping bug nel designer di LinqToSql

marcodelgatto — Fri, 06 Nov 2009 13:31:00 GMT

Con LinqToSql è possibile mappare automaticamente i campi INT di SqlServer ai corrispondenti valori di un tipo enum C#.

Questo rappresenta una grande comodità nella scrittura del codice in quanto le classi autogenerate espongono la corrispondete proprietà tipizzata nell'enum scelto, evitando noisi passaggi di trascodifica.

Tuttavia alle volte il designer genera dei messaggi di errore del tipo:

DBML1005: Mapping between DbType 'Int' and Type 'AnApp.AnEnum' in Column 'EnumDBColumn' of Type 'ATable' is not supported.

Per aggirare il problema quando specificate il nome del tipo enum nella proprietà Type del designer anteponete il prefisso "global::".

Ad esempio se il nostro enum si chiama:

MioProgetto.MioNamespace.MioEnum

dichiaratelo come:

global::MioProgetto.MioNamespace.MioEnum

Leggere i metadati di un file bitmap

marcodelgatto — Sun, 19 Apr 2009 07:23:00 GMT

Mi è capitato di dover accedere da programma ai metadati (Keywords, Title, Rating, ecc) impostati nei metadati di un insieme di file jpg; questi metadati possono essere impostati da qualsiasi programma di grafica o dal sistema operativo stesso.

Il framework .NET ci mette a disposizione un modo semplice per accedere a queste informazioni. Innanzitutto è necessario referenziare le seguenti librerie:

PresentationCore
WindowsBase

Fatto questo l'accesso ai metadati è davvero semplice. Vi riporto nel seguito il codice di una console application in VB.NET che visualizza il Title e le Keywords letti da un jpg:

Imports System.Windows.Media.Imaging
Module Module1

    Sub Main()
        Dim decoder As New JpegBitmapDecoder(New Uri("C:\tmp\immagine.jpg"), _
              BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnLoad)
        Dim bitmap As BitmapMetadata = decoder.Frames(0).Metadata

        Console.WriteLine(bitmap.Title)
        Console.WriteLine("------------------------------------")
        For Each k In bitmap.Keywords
            Console.WriteLine(k)
        Next

        Console.ReadLine()
    End Sub

End Module

Grazie a Marco Nava per il tip.

Lunghezza stringhe JSON in ScriptServices di ASP.NET

marcodelgatto — Tue, 31 Mar 2009 08:38:00 GMT

Se invocate WebServices via javascript attraverso gli ScriptServices dello ScriptManager di ASP.NET, potreste incorrere in un problema di lunghezza massima delle variabili di tipo stringa; il problema è semplicemente dovuto ai default applicati dal framework (poco più di 500 caratteri) e non da una limitazione di JSON o di javascript.

Per aumentare tale parametro è sufficiente agire come segue nel web.config:

<system.web.extensions>
<scripting>
    <webServices>
    <jsonSerialization maxJsonLength="10000000"/>
    </webServices>
    <scriptResourceHandler enableCompression="true" enableCaching="true"/>
</scripting>
</system.web.extensions>

Oggetti COM ActiveX su IIS7 a 64bit

marcodelgatto — Fri, 20 Feb 2009 09:13:00 GMT

Se state migrando delle applicazioni in Classic ASP che fanno uso di oggetti ActiveX COM su server Windows 2008 a 64 bit, potreste incappare nel classico errore:

ActiveX Component cannot create object

Questo avviene perché per default l’esecuzione di codice legacy a 32 bit è disabilitato sugli application pool di iis7 a 64bit.

La soluzione è semplice: individuate l’application pool utilizzato dal sito web, andate negli Advanced Settings e impostate il flag Enable 32bit Application a true.

Determinare se il testo di FCKEditor è logicamente nullo

marcodelgatto — Thu, 18 Dec 2008 08:19:00 GMT

Se utilizzate l'ottimo FCKEditor all'interno delle vostre applicazioni, potrebbe capitarvi di avere la necessità di sapere se il testo inserito dall'utente è nullo da un punto di vista "logico"; infatti il controllo tende a inserire comunque dei tag invisibili (es: " ", ecc) che in caso di assenza di altro testo valido tendono a creare dei falsi positivi.

Vi potrebbe essere utile questa ruotine che ho scritto che effettua una validazione custom dell'input:

public static bool IsFCKEditorTextEmpty(string value)
{

if (value == null) return true;

string input = value;
input = Regex.Replace(input, "<[^>]*>", "", RegexOptions.IgnoreCase);
input = Regex.Replace(input, @"&\w+;", "", RegexOptions.IgnoreCase);
input = input.Trim();

return input == "";

}

Selettori standard per la property grid per User e Custom Controls

marcodelgatto — Fri, 12 Sep 2008 06:36:00 GMT

Se lavorate molto con User Controls o Custom Controls, avrete senz'altro la necessità di personalizzare il modo in cui le proprietà pubbliche di questi appaiono nella property grid di Visual Studio, onde evitare le limitazioni della classica casella di testo libera.

Su suggerimento del mio amico Marco Nava, vi riporto una collezione degli attributi più usati per personalizzarle.

Nota: gli attributi possono anche essere sommati tra di loro.

Nota 2: gli attributi sono dichiarati in vari namespace/assembly, per sicurezza importate i seguenti:

using System;
using System.ComponentModel;
using System.Windows.Forms.Design;
using System.Drawing.Design;
using System.Web.UI.Design;
using System.ComponentModel.Design;

[Browsable(false)] 
Nasconde una proprietà pubblica all’interno della property grid.

[Category("Stringhe di connessione")]
Consente di raggruppare più proprietà in una categoria.

[Description("Connessione al DB centrale")] 
Descrizione estesa che compare sotto la griglia nel box dedicato ai tooltip.

[DefaultValue(xx)] 
Consente di specificare il valore di default. Ha override per tutti i tipi base.

[EditorAttribute(typeof(ConnectionStringEditor), typeof(UITypeEditor))] 
Il campo è una stringa e contiene una stringa di connessione. La property grid visualizza un editor apposito (che poi di solito è un banalissimo box di testo multilinea)

[EditorAttribute(typeof(FolderNameEditor), typeof(UITypeEditor))] 
Il campo contiene un nome di cartella. La prop.grid visualizza il pulsante […] che consente di scegliere il path.

[EditorAttribute(typeof(FileNameEditor), typeof(UITypeEditor))] 
Il campo è un percorso ad un file. La prop.grid visualizza il pulsante […] che consente di scegliere un file.

[EditorAttribute(typeof(CollectionEditor), typeof(UITypeEditor))] 
Il campo è una collection. Se type è un tipo base (stringa, interi, ecc) visualizza un editor standard che consente di modificare e aggiungere/togliere elementi dalla collezione. A me nell’aggiungere crashava miseramente... In teoria partendo da questo ci si può derivare un editor personalizzato per collezioni di oggetti propri.

[EditorAttribute(typeof(MultilineStringEditor), typeof(UITypeEditor))]        
Il campo è un testo lungo su più linee. La prop.grid visualizza una casella multilinea per consentire una più agevole digitazione.

Oltre a questi sono disponibili tutti i derivati di UITypeEditor (per colori, font, icone, data e ora, url, ecc.):

http://msdn.microsoft.com/en-us/library/system.drawing.design.uitypeeditor.aspx

Disabilitare un asp:button al postback, con validazione e conferma

marcodelgatto — Sun, 31 Aug 2008 08:37:00 GMT

In certi casi puo' essere necessario impedire all'utente di premere piu' volte un pulsante: non c'e' un modo standard per farlo allora ho pensato di pacchettizzare alcune strategie trovate sul web sotto forma di due extension method per la classe Button.

Il primo applica solamente la disabilitazione (manetendo inalterate le validazioni eventualmente presenti sulla pagina), mentre il secondo permette di specificare ancheun testo di conferma prima di procedere col postback.

Verificate di avere una veriosne del framework uguale o superiore alla .NET 3.5 Service Pack 1, copiatevi questa classe nel progetto, e mettela in un namespace a volta scelta:

  
public static class ButtonExtender
{
public static void SetDisabledOnPostback(this Button button, String waitMessage)
{

StringBuilder sb = new StringBuilder();
sb.Append("if (typeof(Page_ClientValidate) == 'function') { ");
if (button.ValidationGroup == "")
  sb.Append("if (Page_ClientValidate()");
else
  sb.AppendFormat("if (Page_ClientValidate('{0}')", button.ValidationGroup);
sb.Append(" == false) { return false; }} ");
sb.AppendFormat("this.value = '{0}';", waitMessage);
sb.Append("this.disabled = true;");

button.UseSubmitBehavior = false;
button.OnClientClick = sb.ToString();


}

public static void SetDisabledOnPostbackWithConfirm(this Button button, 
				String waitMessage, String confirmText)
{

//disabilitazione standard
SetDisabledOnPostback(button, waitMessage);

//aggiunta della conferma
StringBuilder sb = new StringBuilder(button.OnClientClick);
sb.Insert(0, "if (confirm('" + confirmText + "') == false){return false;} ");

button.OnClientClick = sb.ToString();

}
}

A questo punto è sufficiente che nella pagina di interesse referenziate il namespace in cui avete messo la classe e nel page load lanciate:

       
this.myButton.SetDisabledOnPostback("Attendere prego...");

this.myButton.SetDisabledOnPostbackWithConfirm
                    ("Attendere prego...", "Vuoi procedere ?");

Equivalente VB.NET delle lambda expression in C#

marcodelgatto — Tue, 08 Jul 2008 15:01:00 GMT

Se state usando le funzionalità di Linq in C# per l’interrogazione di insiemi vari, vi sarete abituati a sintassi di questo tipo:

User usr= Users.Single(u=>u.Username=="marco");

Mi è capitato di dover scrivere l’equivalente VB.NET, e – per ragioni varie – di non voler usare la sintassi espressiva; in questo caso ho trovato difficoltà a reperire informazioni su come tradurre la definizione della lambda: u=>u.Username==”marco”

Su suggerimento del mio amico Marco Nava, ecco dunque la versione VB.NET:

dim usr as User = Users.Single(Function(u) u.Username="marco")

Come supportare min-height, min-width, max-height e max-width su Internet Explorer 6

marcodelgatto — Mon, 26 May 2008 06:04:00 GMT

Realizzando un layout css ci si scontra spesso con le limitazioni della versione 6 di Internet Explorer, limitazioni che vanno affrontate e risolte in quanto tale browser è ancora ad oggi molto diffuso.

Due limitazioni particolarmente insidiose sono il mancato supporto per le istruzioni min-height / min-width e max-height / max-width, che possono essere facilmente risolte con due diverse tecniche.

min-height / min-width

Consideriamo il seguente esempio:

min-height: 150px;

Il problema si risolve riscrivendo il frammento in questo modo:

height: auto !important;
height: 600px;
min-height: 600px;

Il trucco funziona perché in questo modo per Internet Explorer 6 l’unica riga valida delle tre è la seconda - che gli da una height fissa dalla quale è in grado di sforare se il contenuto lo forzerà, simulando così l’effetto min-height - mentre per tutti gli altri browser – che supportando la direttiva !important – le righe valide saranno la prima e la terza, che ci garantiscono l’effetto desiderato.

max-width / max-height

Per l’accoppiata max-width / max-height dobbiamo invece usare un’altra tecnica che sfrutta la capacità di explorer 6 di applicare delle espressioni javascript ai fogli stile.

Consideriamo il seguente esempio:

max-width:230px;

Il problema si risolve riscrivendo il frammento in questo modo:

max-width:230px;
width: expression(this.width > 230 ? 230:true);

In pratica per tutti I browser che non supportano le espressioni l’unica riga valida sarà la prima, mentre per ie6 l’unica riga valida è la seconda che non è altro che la versione javascript della direttiva max-width.

Tamponare gli attacchi di sql injection su SQLServer

marcodelgatto — Wed, 14 May 2008 08:36:00 GMT

Gli attacchi effettuati ai siti web attraverso sql injection devono essere bloccati attraverso la riscrittura del codice sorgente, al fine di evitare l’utilizzo diretto dei parametri passati attraverso querystring o post nelle query sql: su questo argomento si trova molta letteratura online.

Tuttavia ci sono casi dove questa attività potrebbe essere troppo dispendiosa, se non impraticabile (magari non abbiamo sviluppato noi il sito e lo dobbiamo solo erogare).

In questi casi si può tamponare l’attacco considerando il fatto che questi attacchi nella maggior parte dei casi prevedono l’iniezione di uno script sql che:

legge l’elenco delle tabelle e delle colonne da sysobects e syscolumns sulla database corrente, sfruttando la connessione attiva
crea dinamicamente procedure di update sui campi testo, appendendovi del codice javascript (che, una volta visualizzato dai browser lancerà a suo volta del codice maligno)

Facendo girare la webapplication con un utente sql che NON ABBIA i permessi di lettura su sysobjects e syscolumns il problema può essere tamponato.

Ovviamente il problema persiste nel caso in cui l’attaccante conosca la struttura del vostro database, anche se è un caso molto più raro (di norma si tratta di worm, non di attacchi mirati).

Modificare lo z-index di un contenuto flash

marcodelgatto — Mon, 12 May 2008 13:48:00 GMT

Per permettere a contenuti html (o dhtml) di essere visualizzati sovrapposti a contenuti flash, le normali direttive z-index applicabili ai div non servono.

La soluzione è quella di aggiungere un parametro di configurazione ai tag object e embed del flash.

Il parametro è wmode, e va impostato su transparent.

<OBJECT ...>
          <PARAM NAME="wmode" VALUE="Transparent">
          <embed ....  wmode="Transparent"></embed>
</OBJECT>

Webcast OBA: costruire uno scenario end-to-end

marcodelgatto — Thu, 27 Mar 2008 15:01:00 GMT

Ho realizzato per la Microsoft una serie di 4 webcast che illustrano come realizzare uno scenario Office Business Application.

Potete guardarli direttamente sull'MSDN a questo indirizzo:

http://msdn2.microsoft.com/it-it/cc424919.aspx

I temi trattati sono:

Configurare il Business Data Catalog
Utilizzo dei dati aziendali in Sharepoint
Erogazione dati BDC via webservice
Customizzazione Client Office

buon divertimento!

Rimappare C# enum su valori codificati e viceversa (seconda edizione)

marcodelgatto — Fri, 08 Feb 2008 08:10:00 GMT

Capita spesso di dover confrontare i valori di un enum con delle stringhe (ad esempio i corrispondenti valori salvati nel database) sia in un senso - da un enum ottenere la corrispondente stringa che nell'altro - da una stringa ottenere l'enum.

Sfruttando gli extensions method di .NET 3.5 vi ho preparato due agevoli routine riutilizzabili in ogni circostanza, come estensioni del tipo String e Enum.

Consideriamo di avere il seguente enum:

 public enum eOrderStatus
    {
        [Description("PEN")]
        Pending,
        [Description("CAN")]
        Canceled,
        [Description("CON")]
        Confirmed,
        [Description("PAY")]
        Payed,
        [Description("SHI")]
        Shipped
    }

Grazie alle nostre due routine otteniamo la possibilità di scrivere il seguente codice (basta che siano in un namespace importato):

            //dall'enum ottengo la stringa
            string desc = eOrderStatus.Payed.GetDescription();

            //dalla stringa ottengo l'enum
            string code = "PEN";
            eOrderStatus e = code.GetEnumFromCode<eOrderStatus>();

Ed ecco le due routine che fanno il lavoro per noi:

            
using System.ComponentModel;
using System.Reflection;

public static class EnumExtensions
{
 public static string GetDescription(this Enum enumItem)
 {

  FieldInfo fi = enumItem.GetType().GetField(enumItem.ToString());
 
  DescriptionAttribute[] attributes = 
     (DescriptionAttribute[])fi.GetCustomAttributes(
                                       typeof(DescriptionAttribute), false);
 
  return (attributes.Length > 0) ? 
                            attributes[0].Description : enumItem.ToString();
 }

 public static TEnum GetEnumFromCode<TEnum>(this String code)
 {
     Type e = typeof(TEnum);
     foreach (FieldInfo fi in e.GetFields())
     {
       DescriptionAttribute[] attributes = 
        (DescriptionAttribute[])fi.GetCustomAttributes(
                                      typeof(DescriptionAttribute), false);
        
        if (attributes.Length > 0)
         {
             if (attributes[0].Description == code) 
                 return (TEnum)fi.GetValue(fi) ;
         }
     }
     return default(TEnum);
 }
}

Linq To Sql - aggiornare entità detached si può!

marcodelgatto — Tue, 22 Jan 2008 21:59:00 GMT

Ecco un modo funzionante - non l'unico, ma il più generalizzabile che ho trovato - per poter aggiornare attraverso un nuovo DataContext una entità precedentemente recuperata da un altro DataContext e poi utilizzata in libertà su è giù per i layer della nostra applicazione, in modalità connessa o disconnessa.

dal property grid del designer visual studio, mettete a Never la proprietà Update Check di tutte le colonne della entità
utilizzate nel seguente modo il metodo Attach del nuovo DataContext:

Passate un clone della entità da aggiornare invece che l'entità stessa, ottenuto con la funzione generica che vi indico sotto denominata CloneTableItem, che rimuove di fatto i riferimenti deferred a tutte le entità relazionate - che sono la causa di tutti i problemi del metodo Attach()
Utilizzate l'overload che prevede il secondo parametro bool asModified impostandolo su True

lanciate SubmitChanges()

In pratica il codice di aggiornamento rimane semplicissimo, come in questo esempio:

 private static void UpdateCustomer(Customer c)
        {
            CompaniesDataContext dc = new CompaniesDataContext();
            dc.Customers.Attach(CloneTableItem<Customer>(c), true);
            dc.SubmitChanges();
        }

dove CloneTableItem è una routine generica che potete riutilizzare per tutte le entità, siffatta:

  

       using System.ComponentModel;
       using System.Data.Linq.Mapping;

        static public T CloneTableItem<T>(T src) where T : class, new()
        {

            T newInstance = new T();

            PropertyDescriptorCollection srcProps = TypeDescriptor.GetProperties(src);
            foreach (PropertyDescriptor prop in srcProps)
            {
                if (prop.Attributes[typeof(ColumnAttribute)] == null)
                {
                    continue;
                }

                object val = prop.GetValue(src);
                prop.SetValue(newInstance, val);

            }

            return newInstance;
        }