StumbleUpon Button

Door WeeJeWel op zaterdag 18 december 2010 18:00 - Reacties (11)
CategorieŽn: Non-tech, OS X, Webshizzle, Views: 3.713

Ik kreeg een zet-je-pc-in-slaapstand-knop voor sinterklaas. Helaas slaapt m'n pc nooit maar gaat 'ie gewoon uit, dus heb ik zelf maar wat in elkaar geknutseld :)

BNN win!

Door WeeJeWel op maandag 13 december 2010 21:45 - Reacties (31)
Categorie: Non-tech, Views: 4.730

Ik rip de nieuwe feuten aflevering sinds de launch al voordat ze uit zijn, maar nu is BNN me toch echt te slim af :)

http://download.omroep.nl...ot/mp4/331/1066/22576.mp4 (1:15)

BNN 1 - 1 WeeJeWel

O+

[jQuery] Default form inputs

Door WeeJeWel op maandag 6 december 2010 22:00 - Reacties (9)
Categorie: Webshizzle, Views: 2.998

Soms wil je een doorzichtige tekst in een formulier hebben, zoals een zoekveld bijvoorbeeld. Wanneer de gebruiker gaat typen moet dit verdwijnen en de tekst donkerder worden. Mocht het veld toch leeg blijven, dan mag de tekst wel weer terug naar de 'hint'-staat.

Veel werk om te coderen voor elk veld, dus zie hier een jQuery plugin :)

JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
(function($){  
    $.fn.extend({   
        defaultInput: function() {  
            return this.each(function() {  
                $(this).data( 'default', $(this).val() ).bind('focus',function(){
                    $(this).val('').removeClass('default');
                }).bind('blur', function(){
                    if( $(this).val() == '' )
                    {
                        $(this).val( $(this).data('default') ).addClass('default');
                    }
                });
            });  
        }  
    });     
})(jQuery);



En zo te gebruiken (slikt ook meerdere elementen in de selector):

JavaScript:
1
$('input#search').defaultInput();


Geef je element de class default mee voor de extra, lichtere opmaak.

Have fun! :*)