>Placeholder DemoGhostpe Demo $(document).ready(function(){ var search = "#home-search"; var chars = $(search).attr('placeholder').split(''); $.each(chars, function(i, v){ setTimeout(function() { $(search).val((chars.slice(0, i+1).join(''))); }, 100*i); }); });jQuery placeholder plugin can be used to display default text inside input text fields.HTML5 introduced type search fields with placeholder attribute support. <input class="query" id="home-search" placeholder="Enter search text here" type="search" />It should display … Continue reading Ghostype input Placeholder for search text fields using jQuery
Category: Ruby on Rails
What I like about Rails3
This is NOT a post about differences between Rails 2.x and Rails 3 but these are some musings about what I love in Rails. A lot of goodies come 'in the box' (I hate saying out-of-the-box) with Rails3 and some of them have been there since early version of Rails but somehow less frequently used … Continue reading What I like about Rails3
How Twitter Share & Facebook Like Buttons Work For HAML-Rails & HTML/erb
>Twitter share and facebook like button for html/erb <div class='spread'> <div class='twshare left'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="funonrails">Tweet</a>http://platform.twitter.com/widgets.js </div> <fb:like href="" layout="button_count" show_faces="false" width="450" font=""></fb:like></div>Twitter share and facebook like button for haml .spread .twshare.left %a.twitter-share-button.left{"data-count" => "horizontal", "data-via" => "fuonrails", :href => "http://twitter.com/share"} Tweet %script{:src => "http://platform.twitter.com/widgets.js", :type => "text/javascript"} .fshare.left{:style => 'padding-left: 0px; … Continue reading How Twitter Share & Facebook Like Buttons Work For HAML-Rails & HTML/erb
