An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.
Everything is broken up by tag, but within each the selectors aren't particularly ordered.
I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A
A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:
-webkit-appearance:none;
| $('[placeholder]').focus(function() { | |
| var input = $(this); | |
| if (input.val() == input.attr('placeholder')) { | |
| input.val(''); | |
| input.removeClass('placeholder'); | |
| } | |
| }).blur(function() { | |
| var input = $(this); | |
| if (input.val() == '' || input.val() == input.attr('placeholder')) { | |
| input.addClass('placeholder'); |
| $(document).ready( function() { | |
| $('#ClickWordList li').click(function() { | |
| $("#txtMessage").insertAtCaret($(this).text()); | |
| return false | |
| }); | |
| $("#DragWordList li").draggable({helper: 'clone'}); | |
| $(".txtDropTarget").droppable({ | |
| accept: "#DragWordList li", | |
| drop: function(ev, ui) { | |
| $(this).insertAtCaret(ui.draggable.text()); |