Kolodvor » jQuery

MarkItUp: Rails plugin that turns any textarea into a markup editor

vlado — Mon, 05 Jul 2010 16:14:09 +0000

I recently published a plugin that helps you turn any textarea into a markup editor. It is based on excellent markItUp! jQuery plugin.

Example

The most simple usage with preset defaults



  <%= javascript_include_tag "path/to/jquery" %>
  <%= mark_it_up '#miu_test' %>


  <%= form_tag do %>
    <%= text_area_tag "miu_test" %>
  <% end %>

You can see a lot more cool examples in action on markitup.cingel.hr.

More info

markitup.cingel.hr
github.com/cingel/mark_it_up

Set focus on first field with jQuery

vlado — Thu, 17 Jan 2008 17:50:41 +0000

f you are using Prototype see this post.

Setting focus on the first text field with jQuery is as simple as

  $("input:text:first").focus();
  $("input:text:visible:first").focus();

Find more at http://docs.jquery.com/Selectors

Update: If you are on Rails you can use auto_focusable_forms, dependency free plugin that will focus first input for you.

Blur links with jQuery

vlado — Fri, 07 Dec 2007 23:30:22 +0000

While surfing the Web, you probably noticed the dotted outline, that appears when you click on the link. If your link doesn’t lead to another page, but instead triggers some event in the same page, outline stays there and looks ugly.

For modern browsers you can remove it with simple css:

a:focus, a:active {
  outline:none;
}

Unfortunately, this won’t do for IE 6 and earlier.

With jQuery it’s easy to get rid of the outline in every browser that has JavaScript enabled:

$("a").click(function() {
  $(this).blur();
});

This will remove outline from the link once he is clicked. You will see the outline when clicking, but it will not stay there.

If you don’t want to se the outline at all replace click event with focus event:

$("a").focus(function() {
  $(this).blur();
});

To find more about jQuery Events visit http://docs.jquery.com/Events