JQueryFocus < System < BACCHUS Wiki

You are here: BACCHUS Wiki>System Web>JQueryPlugin>JQueryFocus (revision 1) (raw view)

---+ %TOPIC%
%JQPLUGINS{"focus"
  format="
    Homepage: $homepage <br />
    Author(s): $author <br />
    Version: $version
  "
}%

%STARTSECTION{"summary"}%
This plugin sets the focus on a form input field
or textarea of a form when the page is loaded.
%ENDSECTION{"summary"}%

---++ Usage
Add the css class ==jqFocus== (or ==foswikiFocus==) to the input field you'd like to focus.

---++ Example
<verbatim class="tml">
%JQREQUIRE{"focus"}%
<input type="text" class="foswikiInputField jqFocus" size="40" />

<style type="text/css">
input[type="text"]:focus {
	background-color:#FFFFC0;
	color:black;
}
</style>
</verbatim>

creates:

%JQREQUIRE{"focus"}%
<input type="text" class="foswikiInputField foswikiFocus" size="40" />

<style type="text/css">
input[type="text"]:focus {
	background-color:#FFFFC0;
	color:black;
}
</style>

Topic revision: r1 - 30 Jan 2011, ProjectContributor

System

Copyright &© by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding BACCHUS Wiki? Send feedback