HTML 5 data- Attributes

[Mauricio]

In mijn (10min)zoektocht naar aangepaste DTD's in HTML5, omdat ik toch benieuwd was hoe je dit moet doen met zo'n schone DOCTYPE, kwam ik de volgende snippet tegen op de blog van John Resig (founder van jQuery) 

http://ejohn.org/blog/html-5-data-attributes/

<li class="user" data-name="John Resig" data-city="Boston"
     data-lang="js" data-food="Bacon">
  <b>John says:</b> <span>Hello, how are you?</span>
</li>

Het leek mij wel leuk om dit met iedereen te delen. Ik heb dit namelijk niet geweten van HTML5.

Konden jullie dit al?

[immeëmosol]

Ik kon dat al sinds ik kan typen.

Ik ken het ook pas sinds kort.

:)

[Dennis de Greef]

Ja, ik kende de 'data-' attributen al :) Ik heb ze tot op heden echter nog niet (veel) gebruikt.

2011/1/23 immeëmosol <imme....@gmail.com>

[Mauricio]

Yeej, dikke bump. Maar dit is best handig (zojuist gemaakt).

$('input[type=text]').each(function() {

var $t = $(this), 

   deftext = $t.attr('data-default-value');

$t.val(deftext).css({

'font-style': 'italic',

'color': '#b3b5b7'

});

$t.bind('focus blur', function() {

if($t.val() == deftext) {

$t.val('').css({

'font-style': 'normal',

'color': '#000'

});

} else if ($t.val() == '') {

$t.val(deftext).css({

'font-style': 'italic',

'color': '#b3b5b7'

});

}

});

});

Maar... had html5 hier niet standaard ondersteuning voor? :')

Op 24 januari 2011 01:53 schreef Dennis de Greef <dennis...@gmail.com> het volgende:

[immeëmosol]

wel prettig om er dan meteen even de directe html5-support bij te zetten;

namelijk het attribuut placeholder .

[Mauricio]

Dus toch. Nah als ik een keertje niet bezig ben met school nog even een dagje html5 updaten :D /wachtopzomervakantie.

Op 20 april 2011 16:54 schreef immeëmosol <imme....@gmail.com> het volgende:

[immeëmosol]

ja, want stel je voor dat je op school bezig bent met het leren van html5, dat zou toch raar zijn... :s