morzel.net

.net, js, html, arduino, java... no rants or clickbaits.

Niebezpieczne połączenie onblur i disabled w IE6

Jeżeli masz coś wspólnego z aplikacjami webowymi to pewnie nerwowo reagujesz na widok IE6. Oto powód by znielubić tą przestarzałą (niestety wciąż popularną) wersję Internet Explorera jeszcze bardziej.

Załóżmy, że masz na formie kontrolki TextBox i Button. Zależy Ci na tym by zablokować przycisk gdy pole tekstowe jest puste. Piszesz więc taką prostą funkcję JavaScript:

function blokuj() {
    if (document.getElementById('TextBox1').value == '') {
        document.getElementById('Button1').disabled = true;
    }
}

i podpinasz ją do zdarzenia onblur (zdarzenie ma miejsce gdy kontrolka traci focus) TextBoxa... Pozornie wszystko działa jak należy - gdy pozostawisz pole tekstowe puste i przeskoczysz klawiszem Tab na inną kontrolkę przycisk zostanie zablokowany. Co jednak stanie się gdy trzymając kursor tekstowy w pustym okienku klikniesz bezpośrednio w przycisk? IE6 zawiesi się do momentu, aż przełączysz się na okno innego programu. By temu zaradzić możesz skorzystać ze zdarzenia onfocusout zamiast onblur jednak takie rozwiązanie nie zadziała poza IE. Można także zamiast kontolki Button użyć ImageButton albo bawić się ukrytym divem, z właściwością Z-index wyższą niż przycisk...

Kopiowanie kodu wraz z formatowaniem

Jeśli napotykasz czasem na konieczność zaprezentowania fragmentu kodu C# jako elementu strony WWW lub maila HTML na pewno docenisz plugin CopySourceAsHtml. Jest to dodatek do Visual Studio 2005, który rozszerza menu kontekstowe o opcje "Copy As HTML". Po jej wybraniu pokazuje się okno dialogowe umożliwiające ustawienie opcji formatowania. Gdy naciśniesz przycisk "OK" w schowku znajdzie się gotowy do wklejenia fragment kodu opakowany w tag div. Oto prosty przykład możliwości tego pluginu:

   26     public int Test(int x)

   27     {

   28         int score = 0;

   29         for (int i = 0; i < x; i++)

   30         {

   31             score += Math.Cos(x + int.MaxValue);

   32         }

   33     }

Dodatek ten można pobrać za darmo z tej strony.