<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" gd:etag="W/&quot;C0QMSX0zeSp7ImA9WhBVEU8.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387</id><updated>2013-04-16T07:09:48.381-07:00</updated><category term="jsf mysql" /><category term="jsf 2" /><category term="mail" /><category term="jsf el" /><category term="include jsf" /><category term="javascript" /><category term="application scope" /><category term="web" /><category term="java mail" /><category term="session scope" /><category term="jsf уроки" /><category term="composition jsf" /><category term="seam mail" /><category term="jsf шаблоны" /><category term="images from database" /><category term="jsf images from db" /><category term="Поисковая оптимизация" /><category term="google project glass" /><category term="java mysql images" /><category term="mysql image" /><category term="facelets" /><category term="google glass" /><category term="remoting" /><category term="java mail form" /><category term="jsf lifecycle" /><category term="jsf taglibs" /><category term="new technologies" /><category term="jsf mail form" /><category term="bean scopes" /><category term="beans from jsf" /><category term="define jsf" /><category term="interactive" /><category term="jsf tags" /><category term="jsf" /><category term="seam conversation" /><category term="seam" /><category term="SEO for AJAX" /><category term="jsf scope" /><category term="ajax" /><category term="servlet for images" /><category term="h:outputtext" /><category term="restore view" /><category term="jsf 2 lifecycle" /><category term="request scope" /><category term="jsf tutorials" /><category term="insert jsf" /><category term="Google" /><category term="expression language" /><category term="jsf template" /><category term="access beans from jsf" /><category term="cdi scope" /><category term="SEO" /><category term="h:inputhidden" /><category term="h:inputtext" /><category term="seam remoting" /><category term="apply request values" /><category term="h:inputsecret" /><category term="seam 3" /><category term="servlet for images from db" /><category term="h:form" /><category term="java blob" /><category term="project glass" /><category term="jsf beans" /><title>Web Development Tutorials</title><subtitle type="html" /><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://tutslink.blogspot.com/" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>24</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/blogspot/yWprr" /><feedburner:info uri="blogspot/ywprr" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry gd:etag="W/&quot;A0cBQH0-fip7ImA9WhBRGEg.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-6032649447271508104</id><published>2013-03-09T11:57:00.000-08:00</published><updated>2013-03-09T11:57:31.356-08:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2013-03-09T11:57:31.356-08:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Поисковая оптимизация" /><category scheme="http://www.blogger.com/atom/ns#" term="SEO for AJAX" /><category scheme="http://www.blogger.com/atom/ns#" term="SEO" /><category scheme="http://www.blogger.com/atom/ns#" term="ajax" /><title>AJAX приложения, Поисковая оптимизация и зачем это нужно</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://2.bp.blogspot.com/-FZrBGeGhVCM/UTuTSlH3ddI/AAAAAAAAACk/O1Bkruv1BvQ/s1600/boomerangAJAX.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://2.bp.blogspot.com/-FZrBGeGhVCM/UTuTSlH3ddI/AAAAAAAAACk/O1Bkruv1BvQ/s1600/boomerangAJAX.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div style="font-family: 'Roboto Condensed', sans-serif; font-size: 15px; padding: 0px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="font-family: helvetica; margin: 0px; padding: 0px;"&gt;Сегодня, интернет технологии открывают нам огромные просторы для воображения и для осуществления самых смелых идей. На том же уровне находится и интернет сообщество – люди открыты для нового. Но, несмотря на это, большинство интернет ресурсов даже сайтами назвать сложно, просто вэб страницы. Встает вопрос, почему такой низкий уровень использования новых технологий. Данная статья описывает технологию AJAX и “проблемы”, которые с ней связаны. Также мы разберем методики поисковой оптимизации для сайтов использующих AJAX.&lt;/span&gt;&amp;nbsp;&lt;br style="margin: 0px; padding: 0px;" /&gt;&lt;br style="margin: 0px; padding: 0px;" /&gt;&lt;span style="color: #003366; font-size: small; margin: 0px; padding: 0px;"&gt;&lt;strong style="margin: 0px; padding: 0px;"&gt;Введение в AJAX&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: 'Roboto Condensed', sans-serif; font-size: 15px; padding: 0px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;br style="margin: 0px; padding: 0px;" /&gt;&lt;span style="font-family: helvetica; margin: 0px; padding: 0px;"&gt;AJAX(Asynchronous Javascript and XML) – технология для построения «богатых» пользовательских интерфейсов. Суть технологии заключается в обмене данными клиента (браузера) с сервером в фоновом режиме. Традиционно при ответе сервера на запрос клиента страница полностью перегружалась. AJAX же, отправляет запрос серверу в фоновом режиме и обновляет только нужную часть страницы при получении ответа.&amp;nbsp;&lt;/span&gt;&lt;br style="margin: 0px; padding: 0px;" /&gt;&lt;br style="margin: 0px; padding: 0px;" /&gt;&lt;span style="color: #003366; font-size: small; margin: 0px; padding: 0px;"&gt;&lt;strong style="margin: 0px; padding: 0px;"&gt;Поисковая оптимизация для AJAX приложений&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: 'Roboto Condensed', sans-serif; font-size: 15px; padding: 0px;"&gt;
&lt;span style="background-color: white;"&gt;&lt;span style="color: #003366; font-size: small; margin: 0px; padding: 0px;"&gt;&lt;strong style="margin: 0px; padding: 0px;"&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-family: 'Roboto Condensed', sans-serif; padding: 0px;"&gt;
&lt;span style="color: #003366;"&gt;&lt;b&gt;&lt;a href="http://www.studioboomerang.kz/#!article/bec25a5c-d38b-419c-8feb-e57a3a299939" target="_blank"&gt;Продолжние статьи на сайте интернет агентства Boomerang&lt;/a&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/5DxgJ0RUuIk" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/6032649447271508104/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2013/03/ajax.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/6032649447271508104?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/6032649447271508104?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/5DxgJ0RUuIk/ajax.html" title="AJAX приложения, Поисковая оптимизация и зачем это нужно" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-FZrBGeGhVCM/UTuTSlH3ddI/AAAAAAAAACk/O1Bkruv1BvQ/s72-c/boomerangAJAX.jpg" height="72" width="72" /><thr:total>0</thr:total><georss:featurename>Бостандыкский район, Алматы, Казахстан</georss:featurename><georss:point>43.23469820355813 76.91047668457031</georss:point><georss:box>43.18841970355813 76.82979568457031 43.28097670355813 76.99115768457031</georss:box><feedburner:origLink>http://tutslink.blogspot.com/2013/03/ajax.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkAHSHgyeCp7ImA9WhJaGE0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-5966598005546695072</id><published>2012-10-09T09:38:00.001-07:00</published><updated>2012-10-09T09:38:59.690-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-10-09T09:38:59.690-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="javascript" /><category scheme="http://www.blogger.com/atom/ns#" term="seam conversation" /><category scheme="http://www.blogger.com/atom/ns#" term="seam remoting" /><category scheme="http://www.blogger.com/atom/ns#" term="ajax" /><category scheme="http://www.blogger.com/atom/ns#" term="seam" /><category scheme="http://www.blogger.com/atom/ns#" term="seam 3" /><category scheme="http://www.blogger.com/atom/ns#" term="remoting" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf" /><title>JSF Tutorials: Using SEAM 3 Remoting</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
In this tutorial I am going to give an overview of Seam 3 Remoting module and give a simple example of how to use it.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Dependency:&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;Seam Conversation module&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
The basic idea behind Seam remoting module is to give a developer a tool to work with his Beans without using a JSF actionListeners or something else. Everything is made in background by AJAX. All you need is to execute a JavaScript Function like the following one:&lt;br /&gt;
&lt;br /&gt;
Seam.createBean('myBean').myMethod(arguments,callbackFunction);&lt;br /&gt;
&lt;br /&gt;
Basically you are creating an "instance" of your object on the client side and executing its methods via AJAX.&lt;br /&gt;
&lt;br /&gt;
So lets see an example of how can we use Seam 3 Remoting:&lt;br /&gt;
&lt;br /&gt;
1. Configuration&lt;br /&gt;
&lt;br /&gt;
Put Seam libraries into your project we will&amp;nbsp;definitely need seam-remoting.jar and seam-conversation.jar.&lt;br /&gt;
&lt;br /&gt;
2. Server side:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="default prettyprint" style="background-color: #eeeeee; border-width: 0px; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 5px; vertical-align: baseline; width: auto;"&gt;&lt;code style="border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;span style="color: darkblue; font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;"&gt;&lt;span style="font-size: 14px; line-height: 18px;"&gt;import javax.enterprise.context.RequestScoped;
import javax.inject.Named;
import org.jboss.seam.remoting.annotations.WebRemote;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class="default prettyprint" style="background-color: #eeeeee; border-width: 0px; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 5px; vertical-align: baseline; width: auto;"&gt;&lt;span class="lit" style="background-color: transparent; border-width: 0px; color: maroon; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;@Named&lt;/span&gt;&lt;/pre&gt;
&lt;pre class="default prettyprint" style="background-color: #eeeeee; border-width: 0px; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 5px; vertical-align: baseline; width: auto;"&gt;&lt;span class="lit" style="background-color: transparent; border-width: 0px; color: maroon; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;@RequestScoped&lt;/span&gt;&lt;/pre&gt;
&lt;pre class="default prettyprint" style="background-color: #eeeeee; border-width: 0px; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 5px; vertical-align: baseline; width: auto;"&gt;&lt;code style="border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;div&gt;
&lt;code style="border-width: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;&lt;span class="pun" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/div&gt;
&lt;span class="kwd" style="background-color: transparent; border-width: 0px; color: darkblue; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;public&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-color: transparent; border-width: 0px; color: darkblue; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;class&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-color: transparent; border-width: 0px; color: #2b91af; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;TestBean&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;{&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="lit" style="background-color: transparent; border-width: 0px; color: maroon; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;@WebMethod &lt;/span&gt;&lt;span class="lit" style="background-color: transparent; border-width: 0px; color: #999999; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;// Enables this method for use in client side&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &lt;span style="color: darkblue;"&gt;public String&lt;/span&gt;&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt; sayHello&lt;/span&gt;&lt;span class="pun" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;(&lt;span style="color: #2b91af;"&gt;String name&lt;/span&gt;&lt;/span&gt;&lt;span class="pun" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;) &lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;{&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;span style="color: #660000;"&gt;return&lt;/span&gt;&lt;span style="color: #2b91af;"&gt; "Hello, " + name;&lt;/span&gt;&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="pun" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;}&lt;/span&gt;&lt;span class="pln" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="pun" style="background-color: transparent; border-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class="default prettyprint" style="border-width: 0px; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 5px; vertical-align: baseline; width: auto;"&gt;&lt;span style="background-color: white; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px;"&gt;
&lt;/span&gt;&lt;div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
Nothing else is needed on server side.&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
2. Client side:&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
You have to add needed .JS libraries into your view:&lt;/div&gt;
&lt;br /&gt;
&lt;span style="font-family: Times New Roman;"&gt;&lt;span style="white-space: normal;"&gt;&lt;b&gt;&amp;lt;script type="text/javascript" src="seam/resource/remoting/resource/remote.js?compress=false"&amp;gt;&amp;lt;/script&amp;gt; &lt;/b&gt;&lt;span style="color: #999999;"&gt;&lt;b&gt;// core remoting library&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&amp;lt;script type="text/javascript" src="seam/resource/remoting/interface.js?testBean"&amp;gt;&amp;lt;/script&amp;gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&lt;span style="color: #999999;"&gt;// your Bean instance&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;Also you can also write &lt;span style="color: #38761d;"&gt;interface.js?yourFirstBean&amp;amp;yourSecondBean&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;
&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;Next you can make use of Seam Remoting:&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;
&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;3. Usage:&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;function sayHello() {&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&amp;nbsp; var name = prompt("Please enter your name:");&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&amp;nbsp;&amp;nbsp;Seam.createBean('myBean').myMethod(name,callbackFunction);&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;}&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;function callbackFunction(result) {&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&amp;nbsp; alert(result);&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;}&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;
&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;span style="font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;"&gt;&lt;span style="font-size: 14px; line-height: 18px;"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;/div&gt;
&lt;span style="font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;"&gt;&lt;span style="font-size: 14px; line-height: 18px;"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Best regards,&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;span style="font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;"&gt;&lt;span style="font-size: 14px; line-height: 18px;"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;NETLink community member&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;span style="font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;"&gt;&lt;span style="font-size: 14px; line-height: 18px;"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;
&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/kuPWsExyLpI" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/5966598005546695072/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/10/jsf-tutorials-using-seam-3-remoting.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/5966598005546695072?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/5966598005546695072?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/kuPWsExyLpI/jsf-tutorials-using-seam-3-remoting.html" title="JSF Tutorials: Using SEAM 3 Remoting" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/10/jsf-tutorials-using-seam-3-remoting.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CUQAR307cCp7ImA9WhVWFEk.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-3212745328332920438</id><published>2012-04-26T05:29:00.000-07:00</published><updated>2012-04-26T05:29:06.308-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-26T05:29:06.308-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="jsf 2" /><category scheme="http://www.blogger.com/atom/ns#" term="h:form" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf tags" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf taglibs" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf" /><title>JSF HTML tag library - Form</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div id="Description" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" colspan="2" style="font-weight: bold;" valign="top" width="100%"&gt;&lt;h2&gt;
&lt;strong&gt;&lt;span style="color: #0b5394;"&gt;h:form&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="description" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;This tag renders an HTML form element. It uses the "post-back" technique to submit form data back to the page that contains the form. The use of the POST method is also required and it is not possible to use the GET method for forms generated by this tag.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: x-small;"&gt;If your application requires the use of the GET method for form submission, your options include using plain HTML forms, binding request parameters to backing bean properties, and using the outputLink tag to generate dynamic hyperlinks.&lt;/span&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;Example&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&amp;lt;h:form id="formid"&amp;gt;&amp;lt;/h:form&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;HTML Output&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&amp;lt;form id="formid" name="formid" method="post" action="/yourapp/form.jsp" enctype="application/x-www-form-urlencoded"&amp;gt;&amp;lt;/form&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif;"&gt;Tag Attributes&lt;/span&gt;&lt;/h2&gt;
&lt;div id="accept" style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;accept&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The accept attribute identifies the list of content types that the server processing this form is able to handle.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="acceptcharset" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;acceptcharset&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The acceptcharset attribute identifies the list of character encodings for user input data that the server processing this form will accept.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="binding" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;binding&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Expression&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The value-binding expression linking this component tag to a backing bean property.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="dir" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;dir&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Enumerated&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The dir attribute is a standard HTML attribute that overrides the default text directionality for this component. The values accepted for this component are "LTR" (left-to-right) and "RTL" (right-to-left).&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="enctype" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;enctype&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Enumerated&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The enctype attribute sets the content type of the data to be submitted to the server. The default value for this attribute is "application/x-www-form-urlencoded".&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="id" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;id&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The unique identifier value for this component. The value must be unique within the closest naming container.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="lang" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;lang&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The lang attribute is a standard HTML attribute that sets the code describing the language to be used in the markup generated by this component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onclick" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onclick&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onclick attribute sets the JavaScript code to execute when the mouse pointer is clicked over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="ondblclick" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;ondblclick&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The ondblclick attribute sets the JavaScript code to execute when the mouse pointer is double-clicked over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onkeydown" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onkeydown&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onkeydown attribute sets the JavaScript code to execute when a key is pressed down over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onkeypress" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onkeypress&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onkeypress attribute sets the JavaScript code to execute when a key is pressed and released over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onkeyup" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onkeyup&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onkeyup attribute sets the JavaScript code to execute when a key is released over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmousedown" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmousedown&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmousedown attribute sets the JavaScript code to execute when the mouse pointer is pressed down over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmousemove" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmousemove&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmousemove attribute sets the JavaScript code to execute when the mouse pointer is moved within this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmouseout" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmouseout&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmouseout attribute sets the JavaScript code to execute when the mouse pointer is moved away from this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmouseover" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmouseover&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmouseover attribute sets the JavaScript code to execute when the mouse pointer is moved onto this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmouseup" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmouseup&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmouseup attribute sets the JavaScript code to execute when the mouse button is released over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onreset" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onreset&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onreset attribute sets the JavaScript code to execute when the form is reset.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onsubmit" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onsubmit&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onsubmit attribute sets the JavaScript code to execute when the form is submitted.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="rendered" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;rendered&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="style" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;style&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;CSS Style&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The style attribute sets the CSS style definition to be applied to this component when it is rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="styleClass" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;styleClass&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;CSS Class&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The styleClass attribute sets the CSS class to apply to this component when it is rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="target" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;target&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The target attribute identifies the name of a frame into which the resource retrieved by this hyperlink should be displayed.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="title" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;title&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The title attribute is a standard HTML attribute that sets the tooltip text to display for the rendered component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/RrRy-tM5Si4" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/3212745328332920438/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-form.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/3212745328332920438?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/3212745328332920438?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/RrRy-tM5Si4/jsf-html-tag-library-form.html" title="JSF HTML tag library - Form" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-form.html</feedburner:origLink></entry><entry gd:etag="W/&quot;C0cNQXo_fyp7ImA9WhVWFEk.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-7173402237193298118</id><published>2012-04-26T04:51:00.002-07:00</published><updated>2012-04-26T04:51:30.447-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-26T04:51:30.447-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="h:inputhidden" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf 2" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf tags" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf taglibs" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf" /><title>JSF HTML tag library - InputHidden</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div id="Description" style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" colspan="2" style="font-weight: bold;" valign="top" width="100%"&gt;&lt;h2&gt;
&lt;strong&gt;&lt;span style="color: #0b5394;"&gt;h:inputHidden&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="description" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The inputHidden tag renders an HTML input element of the type "hidden". It is essential that this tag is inside the &amp;lt;h:form&amp;gt; tag.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;Example&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&amp;lt;h:inputHidden id="hiddenValue" value="#{yourbean.hiddenValue}" /&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;
&lt;/span&gt;&lt;/pre&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;HTML Output&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&amp;lt;input id="form:&lt;/span&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small; line-height: 18px; text-align: left;"&gt;hiddenValue&lt;/span&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small; line-height: 18px; text-align: left;"&gt;" name=&lt;/span&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small; line-height: 18px; text-align: left;"&gt;"form:&lt;/span&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small; line-height: 18px; text-align: left;"&gt;hiddenValue&lt;/span&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small; line-height: 18px; text-align: left;"&gt;" &lt;/span&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small; line-height: 18px; text-align: left;"&gt; type="hidden" value="Your Hidden Value"/&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h3 style="background-color: white; font-size: 12px; line-height: 18px; padding-top: 10px;"&gt;
&lt;/h3&gt;
&lt;div id="valueChangeListener" style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;h3 style="background-color: white; font-family: 'Times New Roman'; padding-top: 10px;"&gt;
&lt;span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"&gt;Tag Attributes&lt;/span&gt;&lt;/h3&gt;
&lt;div id="accesskey" style="background-color: white; font-family: 'Times New Roman'; text-align: -webkit-auto;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="font-family: Arial, Helvetica, sans-serif; margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;binding&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Expression&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The value-binding expression linking this component tag to a backing bean property.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="converter" style="background-color: white;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;converter&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The converter attribute sets the converter instance to be registered for this component. It must match the converter-id value of a converter element defined in your Faces configuration file.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="dir" style="background-color: white; text-align: -webkit-auto;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;id&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The unique identifier value for this component. The value must be unique within the closest naming container.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="immediate" style="background-color: white;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;immediate&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The immediate attribute is a boolean flag indicating that component events should be sent to registered event listeners immediately rather than after the validation phase of the JSF request processing lifecycle. The immediate flag allows you bypass JSF validation for a particular component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="lang" style="background-color: white; text-align: -webkit-auto;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;rendered&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="required" style="background-color: white;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;required&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The required attribute is a boolean flag that indicates whether or not the user is required to provide a value for this field before the form can be submitted to the server.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="size" style="background-color: white;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;validator&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The validator attribute accepts a method-binding expression representing a validator method that will be called when the JSF framework validates this component. A validator method must be a public method that takes FacesContext, UIComponent, and Object parameters, with a return type of void.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="value" style="background-color: white;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;value&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The value attribute sets the current value for this component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="valueChangeListener" style="background-color: white;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;valueChangeListener&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The valueChangeListener attribute accepts a method-binding expression representing a value change listener method to be notified when a new value has been set for this input component. A value change listener method must be a public method that takes a ValueChangeEvent parameter, with a return type of void.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/r_F5W9cEgNQ" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/7173402237193298118/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-inputhidden.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/7173402237193298118?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/7173402237193298118?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/r_F5W9cEgNQ/jsf-html-tag-library-inputhidden.html" title="JSF HTML tag library - InputHidden" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-inputhidden.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkAHRXk_fCp7ImA9WhVWFEk.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-4681020191134907654</id><published>2012-04-26T04:45:00.001-07:00</published><updated>2012-04-26T04:45:34.744-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-26T04:45:34.744-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="h:inputsecret" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf 2" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf tags" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf taglibs" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf" /><title>JSF HTML tag library - InputSecret</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div id="Description" style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" colspan="2" style="font-weight: bold;" valign="top" width="100%"&gt;&lt;h2&gt;
&lt;strong&gt;&lt;span style="color: #0b5394;"&gt;h:inputSecret&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="description" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The inputSecret tag renders an HTML input element of the type "password". It is essential that this tag is inside the &amp;lt;h:form&amp;gt; tag.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;Example&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&amp;lt;h:inputSecret id="password" value="#{yourbean.password}" /&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;
&lt;/span&gt;&lt;/pre&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;HTML Output&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&lt;em&gt;&lt;span style="font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/em&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&amp;lt;input id="form:password" name="form:password" type="password" /&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h3 style="background-color: white; font-size: 12px; line-height: 18px; padding-top: 10px;"&gt;
&lt;/h3&gt;
&lt;h3 style="background-color: white; padding-top: 10px;"&gt;
&lt;span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif; font-size: large;"&gt;Tag Attributes&lt;/span&gt;&lt;/h3&gt;
&lt;div id="accesskey" style="background-color: white; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;accesskey&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The accesskey attribute is a standard HTML attribute that sets the access key that transfers focus to this element when pressed.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="alt" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;alt&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The alt attribute is a standard HTML attribute that sets the alternate textual description rendered by this component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="binding" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;binding&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Expression&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The value-binding expression linking this component tag to a backing bean property.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="converter" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;converter&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The converter attribute sets the converter instance to be registered for this component. It must match the converter-id value of a converter element defined in your Faces configuration file.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="dir" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;dir&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Enumerated&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The dir attribute is a standard HTML attribute that overrides the default text directionality for this component. The values accepted for this component are "LTR" (left-to-right) and "RTL" (right-to-left).&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="disabled" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;disabled&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The disabled attribute is a boolean flag that when set to true indicates that this component should not receive focus or be included in a form submit.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="id" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;id&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The unique identifier value for this component. The value must be unique within the closest naming container.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="immediate" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;immediate&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The immediate attribute is a boolean flag indicating that component events should be sent to registered event listeners immediately rather than after the validation phase of the JSF request processing lifecycle. The immediate flag allows you bypass JSF validation for a particular component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="lang" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;lang&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The lang attribute is a standard HTML attribute that sets the code describing the language to be used in the markup generated by this component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="maxlength" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;maxlength&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The maxlength attribute sets the maximum length in characters of the string accepted by this input component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onblur" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onblur&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onblur attribute sets the JavaScript code to execute when this element loses focus.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onchange" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onchange&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onchange attribute sets the JavaScript code to execute when this element loses focus and its value changes after gaining focus.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onclick" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onclick&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onclick attribute sets the JavaScript code to execute when the mouse pointer is clicked over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="ondblclick" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;ondblclick&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The ondblclick attribute sets the JavaScript code to execute when the mouse pointer is double-clicked over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onfocus" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onfocus&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onfocus attribute sets the JavaScript code to execute when the element receives focus.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onkeydown" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onkeydown&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onkeydown attribute sets the JavaScript code to execute when a key is pressed down over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onkeypress" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onkeypress&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onkeypress attribute sets the JavaScript code to execute when a key is pressed and released over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onkeyup" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onkeyup&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onkeyup attribute sets the JavaScript code to execute when a key is released over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmousedown" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmousedown&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmousedown attribute sets the JavaScript code to execute when the mouse pointer is pressed down over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmousemove" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmousemove&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmousemove attribute sets the JavaScript code to execute when the mouse pointer is moved within this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmouseout" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmouseout&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmouseout attribute sets the JavaScript code to execute when the mouse pointer is moved away from this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmouseover" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmouseover&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmouseover attribute sets the JavaScript code to execute when the mouse pointer is moved onto this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmouseup" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmouseup&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmouseup attribute sets the JavaScript code to execute when the mouse button is released over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onselect" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onselect&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onselect attribute sets the JavaScript code to execute when the user selects the text contained by this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="readonly" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;readonly&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The readonly attribute is a boolean flag that when set to true prohibits changes to this element by the user. The element will continue to receive focus unless you set the disabled attribute to true.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="rendered" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;rendered&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="required" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;required&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The required attribute is a boolean flag that indicates whether or not the user is required to provide a value for this field before the form can be submitted to the server.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="size" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;size&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The size attribute sets the width in characters of this input field.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="style" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;style&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;CSS Style&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The style attribute sets the CSS style definition to be applied to this component when it is rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="styleClass" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;styleClass&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;CSS Class&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The styleClass attribute sets the CSS class to apply to this component when it is rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="tabindex" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;tabindex&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The tabindex attribute is a standard HTML attribute that sets the order in which this element receives focus when the user cycles through the elements using the TAB key. The value for this attribute must be an integer between 0 and 32767.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="title" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;title&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The title attribute is a standard HTML attribute that sets the tooltip text to display for the rendered component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="validator" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;validator&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The validator attribute accepts a method-binding expression representing a validator method that will be called when the JSF framework validates this component. A validator method must be a public method that takes FacesContext, UIComponent, and Object parameters, with a return type of void.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="value" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;value&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The value attribute sets the current value for this component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="valueChangeListener" style="background-color: white; color: black; font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: normal;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;valueChangeListener&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The valueChangeListener attribute accepts a method-binding expression representing a value change listener method to be notified when a new value has been set for this input component. A value change listener method must be a public method that takes a ValueChangeEvent parameter, with a return type of void.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/uMBdoTaeRf4" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/4681020191134907654/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-inputsecret.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/4681020191134907654?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/4681020191134907654?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/uMBdoTaeRf4/jsf-html-tag-library-inputsecret.html" title="JSF HTML tag library - InputSecret" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-inputsecret.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkMCRH8zfCp7ImA9WhVWFEk.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-4013256489154595008</id><published>2012-04-26T04:41:00.000-07:00</published><updated>2012-04-26T04:41:05.184-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-26T04:41:05.184-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="jsf 2" /><category scheme="http://www.blogger.com/atom/ns#" term="h:inputtext" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf tags" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf taglibs" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf" /><title>JSF HTML tag library - InputText</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div id="Description" style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" colspan="2" style="font-weight: bold;" valign="top" width="100%"&gt;&lt;h2&gt;
&lt;strong&gt;&lt;span style="color: #0b5394;"&gt;h:inputText&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="description" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The inputText tag renders an HTML input element of the type "text". It is essential that your tag is inside the &amp;lt;h:form&amp;gt; tag.&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;Example&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;em&gt;&lt;strong&gt;&lt;span style="font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/em&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&amp;lt;h:inputText id="login" value="#{yourbean.username}" /&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;span style="font-size: x-small;"&gt;
&lt;/span&gt;&lt;/pre&gt;
&lt;strong&gt;&lt;span style="color: #444444; font-size: x-small;"&gt;HTML Output&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&lt;em&gt;&lt;span style="font-size: x-small;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/em&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&amp;lt;input id="form:login" name="form:login" type="text" /&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h3 style="background-color: white; color: #2a529b; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; padding-top: 10px;"&gt;
&lt;span style="font-size: large;"&gt;Tag Attributes&lt;/span&gt;&lt;/h3&gt;
&lt;div id="accesskey" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;accesskey&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The accesskey attribute is a standard HTML attribute that sets the access key that transfers focus to this element when pressed.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="alt" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;alt&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The alt attribute is a standard HTML attribute that sets the alternate textual description rendered by this component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="binding" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;binding&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Expression&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The value-binding expression linking this component tag to a backing bean property.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="converter" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;converter&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The converter attribute sets the converter instance to be registered for this component. It must match the converter-id value of a converter element defined in your Faces configuration file.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="dir" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;dir&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Enumerated&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The dir attribute is a standard HTML attribute that overrides the default text directionality for this component. The values accepted for this component are "LTR" (left-to-right) and "RTL" (right-to-left).&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="disabled" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;disabled&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The disabled attribute is a boolean flag that when set to true indicates that this component should not receive focus or be included in a form submit.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="id" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;id&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The unique identifier value for this component. The value must be unique within the closest naming container.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="immediate" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;immediate&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The immediate attribute is a boolean flag indicating that component events should be sent to registered event listeners immediately rather than after the validation phase of the JSF request processing lifecycle. The immediate flag allows you bypass JSF validation for a particular component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="lang" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;lang&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The lang attribute is a standard HTML attribute that sets the code describing the language to be used in the markup generated by this component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="maxlength" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;maxlength&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The maxlength attribute sets the maximum length in characters of the string accepted by this input component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onblur" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onblur&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onblur attribute sets the JavaScript code to execute when this element loses focus.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onchange" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onchange&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onchange attribute sets the JavaScript code to execute when this element loses focus and its value changes after gaining focus.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onclick" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onclick&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onclick attribute sets the JavaScript code to execute when the mouse pointer is clicked over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="ondblclick" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;ondblclick&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The ondblclick attribute sets the JavaScript code to execute when the mouse pointer is double-clicked over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onfocus" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onfocus&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onfocus attribute sets the JavaScript code to execute when the element receives focus.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onkeydown" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onkeydown&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onkeydown attribute sets the JavaScript code to execute when a key is pressed down over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onkeypress" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onkeypress&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onkeypress attribute sets the JavaScript code to execute when a key is pressed and released over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onkeyup" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onkeyup&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onkeyup attribute sets the JavaScript code to execute when a key is released over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmousedown" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmousedown&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmousedown attribute sets the JavaScript code to execute when the mouse pointer is pressed down over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmousemove" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmousemove&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmousemove attribute sets the JavaScript code to execute when the mouse pointer is moved within this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmouseout" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmouseout&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmouseout attribute sets the JavaScript code to execute when the mouse pointer is moved away from this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmouseover" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmouseover&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmouseover attribute sets the JavaScript code to execute when the mouse pointer is moved onto this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onmouseup" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onmouseup&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onmouseup attribute sets the JavaScript code to execute when the mouse button is released over this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="onselect" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;onselect&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The onselect attribute sets the JavaScript code to execute when the user selects the text contained by this element.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="readonly" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;readonly&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The readonly attribute is a boolean flag that when set to true prohibits changes to this element by the user. The element will continue to receive focus unless you set the disabled attribute to true.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="rendered" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;rendered&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="required" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;required&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The required attribute is a boolean flag that indicates whether or not the user is required to provide a value for this field before the form can be submitted to the server.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="size" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;size&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The size attribute sets the width in characters of this input field.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="style" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;style&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;CSS Style&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The style attribute sets the CSS style definition to be applied to this component when it is rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="styleClass" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;styleClass&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;CSS Class&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The styleClass attribute sets the CSS class to apply to this component when it is rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="tabindex" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;tabindex&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The tabindex attribute is a standard HTML attribute that sets the order in which this element receives focus when the user cycles through the elements using the TAB key. The value for this attribute must be an integer between 0 and 32767.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="title" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;title&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The title attribute is a standard HTML attribute that sets the tooltip text to display for the rendered component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="validator" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;validator&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The validator attribute accepts a method-binding expression representing a validator method that will be called when the JSF framework validates this component. A validator method must be a public method that takes FacesContext, UIComponent, and Object parameters, with a return type of void.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="value" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;value&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The value attribute sets the current value for this component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="valueChangeListener" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;valueChangeListener&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The valueChangeListener attribute accepts a method-binding expression representing a value change listener method to be notified when a new value has been set for this input component. A value change listener method must be a public method that takes a ValueChangeEvent parameter, with a return type of void.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/bautzpDbhoU" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/4013256489154595008/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-inputtext.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/4013256489154595008?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/4013256489154595008?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/bautzpDbhoU/jsf-html-tag-library-inputtext.html" title="JSF HTML tag library - InputText" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-inputtext.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A08NRHo5eSp7ImA9WhVWFE4.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-8595039858543856928</id><published>2012-04-26T04:31:00.003-07:00</published><updated>2012-04-26T04:31:35.421-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-26T04:31:35.421-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="jsf 2" /><category scheme="http://www.blogger.com/atom/ns#" term="h:outputtext" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf tags" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf taglibs" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf" /><title>JSF HTML tag library - OutputText</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;div id="Description" style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" colspan="2" style="font-weight: bold;" valign="top" width="100%"&gt;&lt;h2&gt;
&lt;strong&gt;&lt;span style="color: #0b5394;"&gt;h:outputText&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="description" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;T&lt;span style="font-family: inherit;"&gt;he outputText tag renders basic text on your JSF page. You can customize it using standard attributes of h:outputText tag. You can add styles to it. Define the logic when it will be rendered. Also, if your output text will render some HTML code from the database, in order to render it appropriately you would set escape attribute to false.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-size: x-small;"&gt;&lt;span style="font-family: inherit;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #444444;"&gt;Example&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;&amp;lt;h:outputText value="#{yourbean.hello}" /&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;pre style="font-size: 11px;"&gt;
&lt;/pre&gt;
&lt;strong&gt;&lt;span style="color: #444444;"&gt;HTML Output&lt;/span&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;strong&gt;&lt;em&gt;&lt;br /&gt;&lt;/em&gt;&lt;/strong&gt;&lt;br /&gt;
&lt;pre&gt;&lt;span style="color: #274e13; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"&gt;Hello message of your bean!&lt;/span&gt;&lt;/pre&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;h2 style="text-align: left;"&gt;
&lt;span style="color: #0b5394; font-family: Arial, Helvetica, sans-serif;"&gt;Tag Attributes&lt;/span&gt;&lt;/h2&gt;
&lt;div id="binding" style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;binding&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Expression&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The value-binding expression linking this component tag to a backing bean property.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="converter" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;converter&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The converter attribute sets the converter instance to be registered for this component. It must match the converter-id value of a converter element defined in your Faces configuration file.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="escape" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;escape&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The escape attribute is a boolean flag that determines if sensitive HTML and XML characters should be escaped in the ourput generated by this component. The default value for this attribute is "true".&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="id" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;id&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The unique identifier value for this component. The value must be unique within the closest naming container.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="rendered" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;rendered&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Boolean&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="style" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;style&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;CSS Style&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The style attribute sets the CSS style definition to be applied to this component when it is rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="styleClass" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;styleClass&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;CSS Class&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The styleClass attribute sets the CSS class to apply to this component when it is rendered.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="title" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;title&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The title attribute is a standard HTML attribute that sets the tooltip text to display for the rendered component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;div id="value" style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 18px;"&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" class="main" style="margin-bottom: 20px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class="name" nowrap="" style="font-weight: bold;" valign="top" width="15%"&gt;&lt;span style="color: #0b5394;"&gt;value&lt;/span&gt;&lt;/td&gt;&lt;td class="compatibility" style="text-align: right;" valign="top" width="85%"&gt;Text&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class="requirements" colspan="2" style="border-top-color: silver; border-top-style: solid; border-top-width: 1px; color: #009900; font-size: 10px; font-weight: bold; text-align: right;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td align="left" class="usage" colspan="2" valign="top"&gt;&lt;span style="font-size: x-small;"&gt;The value attribute sets the current value for this component.&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/SvQ2Bph40q4" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/8595039858543856928/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-outputtext.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/8595039858543856928?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/8595039858543856928?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/SvQ2Bph40q4/jsf-html-tag-library-outputtext.html" title="JSF HTML tag library - OutputText" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf-html-tag-library-outputtext.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DEIEQ3s6fyp7ImA9WhVWFE4.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-1038821950348999257</id><published>2012-04-26T03:35:00.001-07:00</published><updated>2012-04-26T03:35:02.517-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-26T03:35:02.517-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="jsf lifecycle" /><category scheme="http://www.blogger.com/atom/ns#" term="apply request values" /><category scheme="http://www.blogger.com/atom/ns#" term="restore view" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf 2 lifecycle" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf" /><title>JSF Tutorials: JSF 2 Lifecycle</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;b&gt;&lt;span style="color: #274e13;"&gt;JSF 2 Lifecycle&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #274e13;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div style="margin-left: 1em; margin-right: 1em; text-align: -webkit-auto;"&gt;
&lt;a href="http://2.bp.blogspot.com/-SkRXzglpiIw/T5kgTogum2I/AAAAAAAAABY/yDxLiwIcjf4/s1600/43.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="JSF 2 lifecycle" border="0" src="http://2.bp.blogspot.com/-SkRXzglpiIw/T5kgTogum2I/AAAAAAAAABY/yDxLiwIcjf4/s1600/43.JPG" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style="background-color: white; font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 5px; text-align: left;"&gt;

&lt;span style="color: #0b5394;"&gt;&lt;span style="font-size: 0.8em;"&gt;&lt;a href="http://www.blogger.com/blogger.g?blogID=8839342461747303387" name="restore_view" style="font-family: arial; font-size: 0.8em;"&gt;&lt;/a&gt;&lt;/span&gt;Restore view&lt;/span&gt;&lt;/h3&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
RestoreView is the first phase in the&amp;nbsp;JSF&lt;b&gt;&amp;nbsp;&lt;/b&gt;lifecycle. Restore view phase is constructing view for the front end. Every view has it's own view id and it is stored in the FacesContext's session object.&amp;nbsp;JSF&amp;nbsp;View is collection of components associated with its current state. In JSF 2 you have two types of saving methods:&lt;/div&gt;
&lt;ol style="background-color: white; font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 16px; text-align: -webkit-auto;"&gt;
&lt;li&gt;Server (default)&lt;/li&gt;
&lt;li&gt;Client&lt;/li&gt;
&lt;/ol&gt;
&lt;div style="background-color: white; font-family: arial; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
&lt;span style="font-size: 12px;"&gt;Server method is set by the default. You can configure it in web.xml as context param using&amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span style="color: #0b5394; font-size: x-small;"&gt;javax.faces.STATE_SAVING_METHOD&lt;/span&gt;&lt;/strong&gt;&lt;span style="font-size: 12px;"&gt;&amp;nbsp;parameter name:&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;&amp;lt;context-param&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
&lt;b style="color: #0b5394;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;param-name&amp;gt;&lt;/b&gt;javax.faces.STATE_SAVING_METHOD&lt;b style="color: #0b5394;"&gt;&amp;lt;/param-name&amp;gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
&lt;b style="color: #0b5394;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;param-value&amp;gt;&lt;/b&gt;client&lt;b style="color: #0b5394;"&gt;&amp;lt;/param-value&amp;gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;&amp;lt;/context-param&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;h3 style="background-color: white; font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 5px; text-align: left;"&gt;
&lt;span style="color: #0b5394;"&gt;
Apply Requests&lt;/span&gt;&lt;/h3&gt;
&lt;div style="background-color: white; font-family: arial; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
&lt;span style="font-size: 12px;"&gt;After restoring the component tree, each component in the tree extracts its new value from the request parameters by using its decode method. After that the value is locally stored in the component. If the conversion of the value fails, an error message associated with the component is generated and queued on FacesContext. This message will be displayed during the&amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span style="color: #0b5394; font-size: x-small;"&gt;render response phase&lt;/span&gt;&lt;/strong&gt;&lt;span style="font-size: 12px;"&gt;, along with any validation errors resulting from the process validations phase.&lt;/span&gt;&lt;/div&gt;
&lt;h3 style="background-color: white; font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 5px; text-align: left;"&gt;

&lt;span style="color: #0b5394;"&gt;&lt;span style="font-size: 0.8em;"&gt;&lt;a href="http://www.blogger.com/blogger.g?blogID=8839342461747303387" name="process_validations" style="font-family: arial; font-size: 0.8em;"&gt;&lt;/a&gt;&lt;/span&gt;Process Validations&lt;/span&gt;&lt;/h3&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
In Process Validations phase JavaServer Faces implementation processes all validators registered on the components in the component tree. It examines the component attributes that specify the rules for the validation and compares these rules to the local value stored for the component.&lt;/div&gt;
&lt;h3 style="background-color: white; font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 5px; text-align: left;"&gt;

&lt;span style="color: #0b5394;"&gt;&lt;span style="font-size: 0.8em;"&gt;&lt;a href="http://www.blogger.com/blogger.g?blogID=8839342461747303387" name="update_model_values" style="font-family: arial; font-size: 0.8em;"&gt;&lt;/a&gt;&lt;/span&gt;Update Model Values&amp;nbsp;&lt;/span&gt;&lt;/h3&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
After JSF validates the data, it can set component tree corresponding server-side object properties to the components' local values. The JavaServer Faces implementation will update only the bean properties pointed at by an input component's value attribute.&lt;/div&gt;
&lt;div style="background-color: white; font-family: arial; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
&lt;span style="font-size: 12px;"&gt;If it is impossible to covert the local data &amp;nbsp;to the types specified by the bean properties, the&amp;nbsp;&lt;/span&gt;&lt;strong style="font-size: 12px;"&gt;&lt;span style="color: #0b5394;"&gt;life cycle&lt;/span&gt;&lt;/strong&gt;&lt;span style="font-size: 12px;"&gt;&amp;nbsp;advances directly to the&amp;nbsp;&lt;/span&gt;&lt;strong&gt;&lt;span style="color: #0b5394; font-size: x-small;"&gt;render response&lt;/span&gt;&lt;/strong&gt;&lt;span style="font-size: 12px;"&gt;&amp;nbsp;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;phase&lt;/span&gt;&lt;/b&gt; so that the page is rerendered with errors. Same happens to the validation errors.&lt;/span&gt;&lt;/div&gt;
&lt;h3 style="background-color: white; font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 5px; text-align: left;"&gt;

&lt;span style="color: #0b5394;"&gt;&lt;span style="font-size: 0.8em;"&gt;&lt;a href="http://www.blogger.com/blogger.g?blogID=8839342461747303387" name="invoke_applications" style="font-family: arial; font-size: 0.8em;"&gt;&lt;/a&gt;&lt;/span&gt;Invoke Applications&lt;/span&gt;&lt;/h3&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
During &lt;b&gt;&lt;span style="color: #0b5394;"&gt;Invoke Application&lt;/span&gt;&lt;/b&gt; phase, the JSF handles any application-level events, such as submitting a form or linking to another page.&lt;/div&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
At this point, if the application needs to redirect to a different web application resource or generate a response that does not contain any JavaServer Faces components, it can call FacesContext.responseComplete.&lt;/div&gt;
&lt;div style="background-color: white; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
&lt;h3&gt;
&lt;span style="background-color: white; font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif; font-size: 18px; line-height: 21px;"&gt;&lt;span style="color: #0b5394;"&gt;Render Response&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;/div&gt;
&lt;div style="background-color: white; font-family: arial; font-size: 12px; line-height: 16px; margin-bottom: 15px; margin-top: 10px; text-align: -webkit-auto;"&gt;
During &lt;b&gt;&lt;span style="color: #0b5394;"&gt;Render Response&lt;/span&gt;&lt;/b&gt; phase, JavaServer Faces gives authority for rendering the page to the JSP container if the application is using JSP pages. If this is an initial request, the components represented on the page will be added to the component tree as the JSP container executes the page. If this is not an initial request, the components are already added to the tree so they needn't be added again.&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/4fSiZJwX9T0" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/1038821950348999257/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf-tutorials-jsf-2-lifecycle.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1038821950348999257?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1038821950348999257?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/4fSiZJwX9T0/jsf-tutorials-jsf-2-lifecycle.html" title="JSF Tutorials: JSF 2 Lifecycle" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-SkRXzglpiIw/T5kgTogum2I/AAAAAAAAABY/yDxLiwIcjf4/s72-c/43.JPG" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf-tutorials-jsf-2-lifecycle.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CUQHR3o7eip7ImA9WhVWEk0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-7679474642996637492</id><published>2012-04-23T09:42:00.002-07:00</published><updated>2012-04-23T10:48:56.402-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-23T10:48:56.402-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="jsf шаблоны" /><category scheme="http://www.blogger.com/atom/ns#" term="define jsf" /><category scheme="http://www.blogger.com/atom/ns#" term="facelets" /><category scheme="http://www.blogger.com/atom/ns#" term="composition jsf" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf уроки" /><category scheme="http://www.blogger.com/atom/ns#" term="include jsf" /><category scheme="http://www.blogger.com/atom/ns#" term="insert jsf" /><title>JSF Примеры - создание шаблонов</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
При разработке веб приложения большинство страниц выглядят одинаково. Вместо того что-бы не создавать кучу ненужного кода, используются шаблоны. В JSF 2 предусмотрена гибкая система шаблонов. В основном мы будем использовать Facelet теги, такие как:&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;1. ui:composition&lt;/span&gt;&lt;/b&gt;&amp;nbsp;- при добавлении аттрибута "template" ваша страница будет использовать шаблон указанный в значении аттрибута.&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;2. ui:insert&lt;/span&gt;&lt;/b&gt;&amp;nbsp;- определяет область в которую будет вставлена информация в шаблон из страницы (аттрибут "name" тегов ui:insert и ui:define должны совпадать).&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;3. ui:define&lt;/span&gt;&lt;/b&gt;&amp;nbsp;- Определяет область страницы, которая будет вставлена в шаблон.&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;4. ui:include&lt;/span&gt;&lt;/b&gt;&amp;nbsp;- вставляет код отдельной страницы.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3&gt;


&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Базовая структура шаблона&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;blockquote style="font-weight: bold;"&gt;
&lt;span style="color: #444444;"&gt;&amp;lt;!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;html xmlns="http://www.w3.org/1999/xhtml"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:h="http://java.sun.com/jsf/html"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:p="http://primefaces.org/ui"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:pretty="http://ocpsoft.com/prettyfaces"&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;h:head&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h:outputStylesheet library="css" name="layout.css"&amp;gt;&amp;lt;/h:outputStylesheet&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;ui:insert name="pageHeader" /&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;/h:head&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;h:body&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #4c1130;"&gt;&amp;lt;ui:insert name="headerBlock" /&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ui:include src="/pages/includes/defaultHeader.xhtml" /&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;blockquote style="display: inline !important;"&gt;
&lt;span style="color: #4c1130;"&gt;&lt;b&gt;&amp;lt;/ui:insert&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;br /&gt;
&lt;blockquote style="font-weight: bold;"&gt;
&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;div id="content"&amp;gt;&lt;/span&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;&lt;span style="color: #444444;"&gt;   &lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt;    &lt;/span&gt;&lt;span style="color: #4c1130;"&gt;&amp;lt;ui:insert name="contentBlock"&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ui:include src="/pages/includes/defaultContent.xhtml" /&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ui:insert&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;blockquote style="font-weight: bold;"&gt;
&lt;span style="color: #444444;"&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;/h:body&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;br /&gt;&lt;/div&gt;
Это структура шаблона, которую я обычно использую. В head мы будем вставлять css для определенных страниц.&amp;nbsp;Тэг ui:insert определяет область куда будет вставляться контент. Если для тэга&amp;nbsp;ui:insert не указан соответствующий&amp;nbsp;тэг ui:define, то по стандарту будет использоваться код находящийся внутри ui:insert. К примеру, в данном случае если мы не укажем &amp;lt;ui:define name="headerBlock"&amp;gt;, то по стандарту будет использоваться&amp;nbsp;
&lt;span style="color: #4c1130; font-weight: bold;"&gt;&amp;lt;ui:include src="/pages/includes/defaultHeader.xhtml" /&amp;gt;&lt;/span&gt;.&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;h3 style="text-align: left;"&gt;


&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Пример страницы с использованием шаблона&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;span style="color: #444444;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #444444;"&gt;&amp;lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #444444;"&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #444444;"&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #444444;"&gt;xmlns:h="http://java.sun.com/jsf/html"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #444444;"&gt;xmlns:p="http://primefaces.org/ui"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #990000;"&gt;template="/layout/template.xhtml"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;gt;&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #990000;"&gt;&amp;lt;ui:define name="pageHeader"&amp;gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div style="display: inline !important;"&gt;
&lt;b&gt;&lt;span style="color: #990000;"&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;b&gt;&lt;span style="color: #990000;"&gt;&lt;b&gt;&lt;/b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;/b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div style="display: inline !important;"&gt;
&lt;b&gt;&lt;b&gt;&lt;b&gt;&lt;b&gt;&lt;/b&gt;&lt;/b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;br /&gt;
&lt;div style="display: inline !important;"&gt;
&lt;b&gt;&lt;b&gt;&lt;b&gt;&lt;span style="color: #990000;"&gt;&amp;lt;h:outputStylesheet library="css" name="page1.css"&amp;gt;&amp;lt;/h:outputStylesheet&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/b&gt;&lt;/b&gt;&lt;/div&gt;
&lt;b&gt;&lt;b&gt;&lt;b&gt;&lt;/b&gt;&lt;/b&gt;&lt;/b&gt;&lt;/div&gt;
&lt;b&gt;
&lt;/b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #990000;"&gt;&amp;lt;/ui:define&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ui:define name="headerBlock"&amp;gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="display: inline !important;"&gt;
&lt;span style="color: #990000;"&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style="color: #990000;"&gt;&lt;b&gt;
&lt;/b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; This is the content of headerBlock.&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/ui:define&amp;gt;&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;ui:define name="contentBlock"&amp;gt;&lt;b&gt;&lt;div style="display: inline !important;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;/b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; This is the content of contentBlock.&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/ui:define&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #444444;"&gt;&amp;lt;/ui:composition&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div&gt;
Для того что-бы ваша страница использовала шаблон необходимо добавить аттрибут template в тело тэга ui:composition.&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Зная выше перечисленное вы сможете еффективно создавать шаблоны с помощью JSF 2 Facelets.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;С уважением,&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Netlink community member&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/Pr2qQYzphik" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/7679474642996637492/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf_23.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/7679474642996637492?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/7679474642996637492?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/Pr2qQYzphik/jsf_23.html" title="JSF Примеры - создание шаблонов" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf_23.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEcNQ345fSp7ImA9WhVWEk0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-5367990591382903702</id><published>2012-04-23T08:32:00.001-07:00</published><updated>2012-04-23T10:28:12.025-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-23T10:28:12.025-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="jsf template" /><category scheme="http://www.blogger.com/atom/ns#" term="define jsf" /><category scheme="http://www.blogger.com/atom/ns#" term="facelets" /><category scheme="http://www.blogger.com/atom/ns#" term="composition jsf" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf tutorials" /><category scheme="http://www.blogger.com/atom/ns#" term="include jsf" /><category scheme="http://www.blogger.com/atom/ns#" term="insert jsf" /><title>Understanding JSF - Part 4 - Templating</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
When developing a web application your pages will usually look&amp;nbsp;a same. In this JSF 2 tutorial you will see how to create templates in JSF. In JSF we do this with a set of Facelet tags:&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;1. ui:composition&lt;/span&gt;&lt;/b&gt; - by adding an attribute "template" your page will use a template you have created.&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;2. ui:insert&lt;/span&gt;&lt;/b&gt; - defines the area where the code will be inserted into the template from a specific page.&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;3. ui:define&lt;/span&gt;&lt;/b&gt; - defines the area which will be included into the template.&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;4. ui:include&lt;/span&gt;&lt;/b&gt; - inserts a code from the separate file.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style="text-align: left;"&gt;

&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Basic structure of the template&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;blockquote style="font-weight: bold;"&gt;
&lt;span style="color: #444444;"&gt;&amp;lt;!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;html xmlns="http://www.w3.org/1999/xhtml"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:h="http://java.sun.com/jsf/html"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:p="http://primefaces.org/ui"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:pretty="http://ocpsoft.com/prettyfaces"&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;h:head&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h:outputStylesheet library="css" name="layout.css"&amp;gt;&amp;lt;/h:outputStylesheet&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;ui:insert name="pageHeader" /&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;/h:head&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;h:body&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #4c1130;"&gt;&amp;lt;ui:insert name="headerBlock" /&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ui:include src="/pages/includes/defaultHeader.xhtml" /&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;blockquote style="display: inline !important;"&gt;
&lt;span style="color: #4c1130;"&gt;&lt;b&gt;&amp;lt;/ui:insert&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;br /&gt;
&lt;blockquote style="font-weight: bold;"&gt;
&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;div id="content"&amp;gt;&lt;/span&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;&lt;span style="color: #444444;"&gt;   &lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt;    &lt;/span&gt;&lt;span style="color: #4c1130;"&gt;&amp;lt;ui:insert name="contentBlock"&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ui:include src="/pages/includes/defaultContent.xhtml" /&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;span style="color: #4c1130;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ui:insert&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;blockquote style="font-weight: bold;"&gt;
&lt;span style="color: #444444;"&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;/h:body&amp;gt;&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;br /&gt;&lt;/div&gt;
This is a basic template structure I usually use. In the head we would include a page specific CSS.&lt;br /&gt;
Tag ui:insert defines where a content will be inserted. If no ui:define tag have been defined for the ui:insert, the content which lies inside the ui:insert tag will be used as a default. So in this case if in our page we do not define "headerBlock", defaultHeader.xhtml will be used as a default.&lt;br /&gt;
&lt;div style="font-weight: bold;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style="text-align: left;"&gt;

&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Example of page which uses template&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style="color: #444444;"&gt;&amp;lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #444444;"&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #444444;"&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #444444;"&gt;xmlns:h="http://java.sun.com/jsf/html"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #444444;"&gt;xmlns:p="http://primefaces.org/ui"&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #990000;"&gt;template="/layout/template.xhtml"&lt;/span&gt;&lt;span style="color: #444444;"&gt;&amp;gt;&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span style="color: #990000;"&gt;&amp;lt;ui:define name="pageHeader"&amp;gt;&lt;b&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div style="display: inline !important;"&gt;
&lt;b&gt;&lt;span style="color: #990000;"&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;b&gt;&lt;span style="color: #990000;"&gt;&lt;b&gt;
&lt;/b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;div style="display: inline !important;"&gt;
&lt;b&gt;&lt;b&gt;&lt;/b&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div style="display: inline !important;"&gt;
&lt;b&gt;&lt;b&gt;&lt;span style="color: #990000;"&gt;&amp;lt;h:outputStylesheet library="css" name="page1.css"&amp;gt;&amp;lt;/h:outputStylesheet&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/b&gt;&lt;/div&gt;
&lt;b&gt;&lt;b&gt;
&lt;/b&gt;&lt;/b&gt;&lt;/div&gt;
&lt;/b&gt;&lt;span class="Apple-tab-span" style="color: #444444; white-space: pre;"&gt; &lt;/span&gt;&lt;span style="color: #990000;"&gt;&amp;lt;/ui:define&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ui:define name="headerBlock"&amp;gt;&lt;b&gt;&lt;div style="display: inline !important;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;/b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; This is the content of headerBlock.&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/ui:define&amp;gt;&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;ui:define name="contentBlock"&amp;gt;&lt;b&gt;&lt;div style="display: inline !important;"&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/div&gt;
&lt;/b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; This is the content of contentBlock.&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/ui:define&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #444444;"&gt;&amp;lt;/ui:composition&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div&gt;
In order for your page to use a template you have to add a template attribute to your ui:composition tag.&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Knowing only this concepts you will be able to effectively use JSF 2 Templating system.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Best regards,&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Netlink community member&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/yqFiRu6er-k" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/5367990591382903702/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/understanding-jsf-part-4-templating.html#comment-form" title="Комментарии: 4" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/5367990591382903702?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/5367990591382903702?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/yqFiRu6er-k/understanding-jsf-part-4-templating.html" title="Understanding JSF - Part 4 - Templating" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>4</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/understanding-jsf-part-4-templating.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEUBR3c-fyp7ImA9WhVWEk0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-5250560409337649539</id><published>2012-04-19T13:27:00.001-07:00</published><updated>2012-04-23T10:30:56.957-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-23T10:30:56.957-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="cdi scope" /><category scheme="http://www.blogger.com/atom/ns#" term="application scope" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf scope" /><category scheme="http://www.blogger.com/atom/ns#" term="bean scopes" /><category scheme="http://www.blogger.com/atom/ns#" term="session scope" /><category scheme="http://www.blogger.com/atom/ns#" term="request scope" /><title>Введение в JSF - Часть 3 - Область видимости бина</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
Этот пост является продолжением уроков по JSF. Если вы только присоеденились, советую прочитать предидущие уроки. В этом уроке мы разберем область видимости бинов. При разработке приложения у каждого компонента есть свое предназначение и оно не вечно. Контейнер JSF предоставляет 3 области видимости бинов:&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;1. Область видимости действия&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;2.&amp;nbsp;&lt;/b&gt;&lt;b&gt;Область видимости сессии&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;3.&amp;nbsp;&lt;/b&gt;&lt;b&gt;Область видимости приложения&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Так же существуют такие области видимости как область видимости страница и область видимости диалого. Их мы расмотрим позже в отдельности.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Для того что-бы определить область видимости бина используются следующие аннотации:&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;@RequestScope&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;@SessionScope&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;@ApplicationScope&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3&gt;

&lt;span style="color: #0b5394;"&gt;Session scope&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Обозначает то ваш бин будет хранится до окончания сеанса. Такой тип обычно используется для хранения информации о пользователе лил если у вас интернет магазин, для тележки покупок. Вы можете наглядно посмотреть как используется данная область видимости в предидущем уроке.&lt;/div&gt;
&lt;h3&gt;

&lt;span style="color: #0b5394;"&gt;Request scope&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Самы распростроненная область видимости. Используется почти при каждом действии. К примеру, добавление информации в базу данных, извлечении и удалении.&lt;/div&gt;
&lt;h3&gt;

&lt;span style="color: #0b5394;"&gt;Application scope&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Область видимости приложения используется в том случае если вы хотите хранить какую-либо информацию на протяжении жизни приложения.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Best regards,&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Netlink community member&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br class="Apple-interchange-newline" /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/N-4mppEgrSk" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/5250560409337649539/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf-3.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/5250560409337649539?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/5250560409337649539?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/N-4mppEgrSk/jsf-3.html" title="Введение в JSF - Часть 3 - Область видимости бина" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf-3.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEQFRXoyfyp7ImA9WhVWEk0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-6887965093060907510</id><published>2012-04-19T13:12:00.004-07:00</published><updated>2012-04-23T10:31:54.497-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-23T10:31:54.497-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="cdi scope" /><category scheme="http://www.blogger.com/atom/ns#" term="application scope" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf scope" /><category scheme="http://www.blogger.com/atom/ns#" term="bean scopes" /><category scheme="http://www.blogger.com/atom/ns#" term="session scope" /><category scheme="http://www.blogger.com/atom/ns#" term="request scope" /><title>Understanding JSF - Part 3 - Bean scope</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
This post is a continuation of JSF tutorials series. If you are new to jsf I would recommend you to read the previous jsf tutorials. In this session I will explain bean scopes in jsf. When you are developing an application you have a variety of components, each for a different task. In order to make those components work as they have to we have scopes. We can define 3 scopes for JSF and CDI beans:&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;1. Request scope&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;2. Session scope&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;3. Application scope&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
In JSF 2 we also have View scope and Conversation scope.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
In order to assign a scope for your bean you would use the following annotations during declaration:&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;@RequestScope&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;@SessionScope&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;@ApplicationScope&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style="text-align: left;"&gt;

&lt;span style="color: #0b5394;"&gt;Session scope&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
If the Session scope is declared your bean will be held until the session is over. This type of scope is usually used in order to store user data during the session, or for example in a web store you would use session scope in order to store the items in the shopping cart.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style="text-align: left;"&gt;

&lt;span style="color: #0b5394;"&gt;Request scope&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Request scope is the most common scope. You would use it practically in every action like saving information to the database, retrieving it, deleting it and so on.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h3 style="text-align: left;"&gt;

&lt;span style="color: #0b5394;"&gt;Application scope&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Application scope indicates that the information of the bean will be stored starting from the moment the application has been launched and until it is stopped.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Best regards,&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Netlink community member&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/me3cNfRM0ws" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/6887965093060907510/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/understanding-jsf-part-3-bean-scope.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/6887965093060907510?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/6887965093060907510?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/me3cNfRM0ws/understanding-jsf-part-3-bean-scope.html" title="Understanding JSF - Part 3 - Bean scope" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/understanding-jsf-part-3-bean-scope.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEQNRnozfip7ImA9WhVWEk0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-8757889182644773504</id><published>2012-04-17T05:55:00.001-07:00</published><updated>2012-04-23T10:33:17.486-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-23T10:33:17.486-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="jsf 2" /><category scheme="http://www.blogger.com/atom/ns#" term="seam mail" /><category scheme="http://www.blogger.com/atom/ns#" term="java mail form" /><category scheme="http://www.blogger.com/atom/ns#" term="mail" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf mail form" /><category scheme="http://www.blogger.com/atom/ns#" term="java mail" /><title>Sending mail from JSF - Seam mail</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://4.bp.blogspot.com/-4ZjCqck3660/T412EUl4i2I/AAAAAAAAAA8/l5A2e5Td6QI/s1600/3372161886_e82c7c8b1b_o.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://4.bp.blogspot.com/-4ZjCqck3660/T412EUl4i2I/AAAAAAAAAA8/l5A2e5Td6QI/s320/3372161886_e82c7c8b1b_o.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
In this tutorial I would like to describe how to send mail from your jsf contact form.&lt;br /&gt;
&lt;br /&gt;
There are a lot of solutions to this problem. But on my practice I really liked SEAM Mail.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
There are a few things you have to do.&lt;br /&gt;
&lt;br /&gt;
1. Download Seam libraries&lt;br /&gt;
2. Add seam-beans.xml to your WEB-INF folder of your project with the following content:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;&amp;lt;?xml version="1.0" encoding="UTF-8"?&amp;gt;&lt;br /&gt;&amp;lt;beans xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:s="urn:java:ee" xmlns:mail="urn:java:org.jboss.seam.mail.core"&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:ss="urn:java:org.jboss.seam.security" xmlns:ee="urn:java:ee"&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xsi:schemaLocation="&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; http://java.sun.com/xml/ns/javaee&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; http://docs.jboss.org/cdi/beans_1_0.xsd"&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;mail:MailConfig serverHost="yoursmtpserveripaddress" serverPort="25"&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/blockquote&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;&amp;lt;/beans&amp;gt;&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/blockquote&gt;
&lt;br /&gt;
3. Use the following to send mail:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;package&lt;/span&gt;&lt;/b&gt; org.netlink.view.registration;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt; java.io.Serializable;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt; javax.enterprise.context.SessionScoped;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt; javax.enterprise.inject.Instance;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt; javax.inject.*;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt; org.jboss.seam.mail.api.*;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt; org.jboss.seam.mail.core.enumerations.MessagePriority;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;public class&lt;/span&gt;&lt;/b&gt; MailAction &lt;b&gt;&lt;span style="color: #0b5394;"&gt;implements Serializable&lt;/span&gt;&lt;/b&gt; {&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&lt;span style="color: #999999;"&gt;@Inject&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;private Instance&amp;lt;MailMessage&amp;gt;&lt;/span&gt;&lt;/b&gt; mailMessage;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;public void&lt;/span&gt;&lt;/b&gt; sendMail() {&lt;br /&gt;
&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;MailMessage&lt;/span&gt;&lt;/b&gt; m = &lt;b&gt;&lt;span style="color: #0b5394;"&gt;mailMessage.get();&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp;m.from("John Doe&amp;lt;customer@mysite.com&amp;gt;")&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; .to("Jane Doe&amp;lt;admin@
mysite.com&amp;nbsp;&amp;gt;")&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; .subject(subject)&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; .bodyHtml(body)&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; .importance(MessagePriority.HIGH)&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; .send();&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;/blockquote&gt;
&lt;div&gt;
Now use sendMail() method where ever you want.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Best regards,&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Netlink community member&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/i0hGOtIw60k" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/8757889182644773504/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/sending-mail-from-jsf-seam-mail.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/8757889182644773504?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/8757889182644773504?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/i0hGOtIw60k/sending-mail-from-jsf-seam-mail.html" title="Sending mail from JSF - Seam mail" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-4ZjCqck3660/T412EUl4i2I/AAAAAAAAAA8/l5A2e5Td6QI/s72-c/3372161886_e82c7c8b1b_o.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/sending-mail-from-jsf-seam-mail.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEMMR3g7fCp7ImA9WhVWEk0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-6161822060844492865</id><published>2012-04-17T05:01:00.000-07:00</published><updated>2012-04-23T10:34:46.604-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-23T10:34:46.604-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="jsf beans" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf el" /><category scheme="http://www.blogger.com/atom/ns#" term="beans from jsf" /><category scheme="http://www.blogger.com/atom/ns#" term="expression language" /><category scheme="http://www.blogger.com/atom/ns#" term="access beans from jsf" /><title>Введение в JSF - Доступ к бинам</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;a href="http://4.bp.blogspot.com/-Xjn6hxVg2ZA/T412URLu5FI/AAAAAAAAABE/AOCx-oDnttw/s1600/4802510.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-Xjn6hxVg2ZA/T412URLu5FI/AAAAAAAAABE/AOCx-oDnttw/s1600/4802510.jpg" /&gt;&lt;/a&gt;Если вы только начали читать этот блог, то советую прочитать предидущие примеры jsf. В этом уроке я расскажу как использовать Управляемые бины в JSF страницах. Мы будем использовать приложение Hello World, которое мы разработали в &lt;a href="http://tutslink.blogspot.com/2012/04/understanding-jsf.html"&gt;прошлом уроке&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;




&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Управляемые бины - Глубокий взгляд&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;div&gt;
Java бин - это Java класс который предоставляет доступ к своим свойствам и методам JSF страницам. Вы имеете доступ к свойствам (переменным) бина по средствам общепринятого стандарта -&amp;nbsp;get/set методы. К примеру, если у вас есть свойство&amp;nbsp;&lt;b&gt;name&lt;/b&gt;, то метод для доступа к этому свойству будет&amp;nbsp;&lt;b&gt;getName()&amp;nbsp;&lt;span style="color: #e06666;"&gt;(первая буква переменной в названии метода должна быть заглавной).&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #e06666;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Вот пример управляемого бина:&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;package&lt;/span&gt;&lt;/b&gt;&amp;nbsp;org.netlink.examples;&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt;&amp;nbsp;javax.inject.*;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt;&amp;nbsp;javax.enterprise.context.SessionScoped;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;import&lt;/b&gt;&amp;nbsp;&lt;/span&gt;java.io.Serializable;&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style="color: #999999;"&gt;@Named&lt;br /&gt;@SessionScoped&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;public class&lt;/span&gt;&lt;/b&gt;&amp;nbsp;MyBean&amp;nbsp;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;implements&lt;/span&gt;&lt;/b&gt;&amp;nbsp;Serializable {&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;private String&lt;/span&gt;&lt;/b&gt;&amp;nbsp;name;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;public String&lt;/span&gt;&lt;/b&gt;&amp;nbsp;getName()&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;return name;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;public void&lt;/span&gt;&lt;/b&gt;&amp;nbsp;setName(&lt;span style="color: #0b5394;"&gt;&lt;b&gt;String&lt;/b&gt;&amp;nbsp;&lt;/span&gt;name)&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;this.&lt;/span&gt;&lt;/b&gt;name = name;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;br /&gt;
}&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;1.&amp;nbsp;@Named&amp;nbsp;&lt;/b&gt;- аннотация, котороя указывает что это CDI (Context &amp;amp; Dependency Injection) бин. Это очень удобно так как не надо объявлять бин в faces-config.xml. Используя аннотацию @Named мы можем получить доступ к бину из JSF страница по средствам EL #{myBean.name}. Также мы могли бы написать @Named(name="myBestBean") и использовать #{myBestBean.name).&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;2. @SessionScoped&lt;/b&gt;&amp;nbsp;- время жизни бина. SessionScoped означает что бин будет жить до окончания сессии. Жизненные циклы мы рассмотрим в последующих уроках.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;3. Serializable&lt;/b&gt;&amp;nbsp;- CDI бин должен имплементировать итерфейс Serializable.&lt;br /&gt;
&lt;br /&gt;
Теперь мы можем получить доступ к бину из JSF страницы. Пример:&lt;br /&gt;
&lt;br /&gt;
1. home.xhtml&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;
&lt;b&gt;&amp;lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;xmlns:h="http://java.sun.com/jsf/html"&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;h:head&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/h:head&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;h:body&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;h:form&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;Enter your name: &amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&amp;lt;h:inputText value="#{myBean.name}" /&amp;gt;&amp;lt;br /&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&amp;lt;h:commandButton action="welcome" value="Welcome!"&amp;gt;&amp;lt;/h:commandButton&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/h:form&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/h:body&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/ui:composition&amp;gt;&lt;/b&gt;&lt;/blockquote&gt;
&lt;br /&gt;
Note: любая вводимая пользователем информация должна заключаться в тэг &amp;lt;h:form&amp;gt;.&lt;br /&gt;
&lt;br /&gt;
2. welcome.xhtml&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&amp;lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:h="http://java.sun.com/jsf/html"&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&amp;lt;h:outputText value="Welcome #{myBean.name} !" /&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&amp;lt;/ui:composition&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;br /&gt;
3. Последнее что нужно сделать это добавить файл beans.xml в дерикторию WEB-INF:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&amp;lt;?xml version="1.0" encoding="UTF-8"?&amp;gt;&lt;/b&gt;&lt;b&gt;&amp;lt;beans xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"&lt;/b&gt;&lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:s="urn:java:ee"&amp;nbsp;&lt;/b&gt;&lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://docs.jboss.org/cdi/beans_1_0.xsd"&amp;gt;&lt;/b&gt;&lt;b&gt;&amp;lt;/beans&amp;gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;br /&gt;
Теперь поместите приложение на сервер и запустите его &amp;gt;&amp;gt;&amp;gt;&amp;nbsp;&lt;b&gt;localhost:8080/helloworld&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://1.bp.blogspot.com/-Luh1LGMHqYQ/T41X7IWALZI/AAAAAAAAAAs/KXHTuDdi1l4/s1600/welcome-form.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="356" src="http://1.bp.blogspot.com/-Luh1LGMHqYQ/T41X7IWALZI/AAAAAAAAAAs/KXHTuDdi1l4/s640/welcome-form.JPG" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://4.bp.blogspot.com/-V0b9-kWd5mw/T41X8JzTETI/AAAAAAAAAA0/UutzFzodWzM/s1600/welcome-result.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="358" src="http://4.bp.blogspot.com/-V0b9-kWd5mw/T41X8JzTETI/AAAAAAAAAA0/UutzFzodWzM/s640/welcome-result.JPG" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Вопросы пишите в комментариях. В будущем вы сможете найти всевозможные примеры jsf на этом блоге.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Best regards,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Netlink community member&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/0_LjZfjuyzc" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/6161822060844492865/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf_17.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/6161822060844492865?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/6161822060844492865?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/0_LjZfjuyzc/jsf_17.html" title="Введение в JSF - Доступ к бинам" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-Xjn6hxVg2ZA/T412URLu5FI/AAAAAAAAABE/AOCx-oDnttw/s72-c/4802510.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf_17.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEIGSX8yfip7ImA9WhVWEk0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-1888804777927970682</id><published>2012-04-17T04:47:00.001-07:00</published><updated>2012-04-23T10:35:28.196-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-23T10:35:28.196-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="jsf beans" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf el" /><category scheme="http://www.blogger.com/atom/ns#" term="beans from jsf" /><category scheme="http://www.blogger.com/atom/ns#" term="expression language" /><category scheme="http://www.blogger.com/atom/ns#" term="access beans from jsf" /><title>Understanding JSF - Part 2 - Accessing Beans</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://4.bp.blogspot.com/-Xjn6hxVg2ZA/T412URLu5FI/AAAAAAAAABE/AOCx-oDnttw/s1600/4802510.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="http://4.bp.blogspot.com/-Xjn6hxVg2ZA/T412URLu5FI/AAAAAAAAABE/AOCx-oDnttw/s1600/4802510.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;
If you are just starting with JSF I would recommend you to read the previous tutorials. In this tutorial I will explain how to access your Managed Beans from JSF view pages. We will use a JSF application which we have developed in the &lt;a href="http://tutslink.blogspot.com/2012/04/understanding-jsf.html"&gt;previous tutorial&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="text-align: left;"&gt;



&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Managed Beans - Deeper look&lt;/span&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;div&gt;
Java bean - is a Java class which gives the access to its variables and methods to JSF pages. You are accessing your beans using a declaration of get/set method of your variables. For example, if you have a variable &lt;b&gt;name&lt;/b&gt;, the get method will be &lt;b&gt;getName() &lt;span style="color: #e06666;"&gt;(first letter of the variable in the method which corresponds to this variable have to be uppercase).&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #e06666;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Here is the example of the simple bean:&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;package&lt;/span&gt;&lt;/b&gt; org.netlink.examples;&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt; javax.inject.*;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;import&lt;/span&gt;&lt;/b&gt; javax.enterprise.context.SessionScoped;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;import&lt;/b&gt; &lt;/span&gt;java.io.Serializable;&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;b&gt;&lt;span style="color: #999999;"&gt;@Named&lt;br /&gt;@SessionScoped&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;public class&lt;/span&gt;&lt;/b&gt; MyBean &lt;b&gt;&lt;span style="color: #0b5394;"&gt;implements&lt;/span&gt;&lt;/b&gt; Serializable {&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;private String&lt;/span&gt;&lt;/b&gt; name;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;public String&lt;/span&gt;&lt;/b&gt; getName()&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;return name;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;public void&lt;/span&gt;&lt;/b&gt; setName(&lt;span style="color: #0b5394;"&gt;&lt;b&gt;String&lt;/b&gt; &lt;/span&gt;name)&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;{&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&lt;b&gt;&lt;span style="color: #0b5394;"&gt;this.&lt;/span&gt;&lt;/b&gt;name = name;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;}&lt;br /&gt;
}&lt;/blockquote&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;1. @Named &lt;/b&gt;- this annotation indicates that we are using CDI (Context &amp;amp; Dependency Injection) bean. It is better thus we do not have to specify our bean in faces-config.xml. Using @Named annotation we will be able to access our bean from JSF view page using EL #{myBean.name}. We could also write @Named(name="myBestBean") and use #{myBestBean.name).&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;2. @SessionScoped&lt;/b&gt; - it is the scope of the bean. SessionScoped means that our bean will live through out the session. We will have a deeper look on bean scopes later in other tutorials.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;3. Serializable&lt;/b&gt; - CDI beans must also implement Serializable interface.&lt;br /&gt;
&lt;br /&gt;
So, now we can access our bean from JSF page. Here is an example:&lt;br /&gt;
&lt;br /&gt;
1. home.xhtml&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;
&lt;b&gt;&amp;lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;xmlns:h="http://java.sun.com/jsf/html"&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;h:head&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/h:head&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;h:body&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;h:form&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;Enter your name: &amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&amp;lt;h:inputText value="#{myBean.name}" /&amp;gt;&amp;lt;br /&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;span class="Apple-tab-span" style="font-weight: bold; white-space: pre;"&gt; &lt;/span&gt;&lt;b&gt;&amp;lt;h:commandButton action="welcome" value="Welcome!"&amp;gt;&amp;lt;/h:commandButton&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/h:form&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/h:body&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/ui:composition&amp;gt;&lt;/b&gt;&lt;/blockquote&gt;
&lt;br /&gt;
Note: every input should be nested in h:form.&lt;br /&gt;
&lt;br /&gt;
2. welcome.xhtml&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&amp;lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:h="http://java.sun.com/jsf/html"&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&amp;lt;h:outputText value="Welcome #{myBean.name} !" /&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&amp;lt;/ui:composition&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;br /&gt;
3. The last thing you have to add is an empty beans.xml file:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&amp;lt;?xml version="1.0" encoding="UTF-8"?&amp;gt;&lt;/b&gt;&lt;b&gt;&amp;lt;beans xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"&lt;/b&gt;&lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xmlns:s="urn:java:ee"&amp;nbsp;&lt;/b&gt;&lt;b&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://docs.jboss.org/cdi/beans_1_0.xsd"&amp;gt;&lt;/b&gt;&lt;b&gt;&amp;lt;/beans&amp;gt;&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;br /&gt;
Now deploy your application, start jboss and go to &lt;b&gt;localhost:8080/helloworld&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://1.bp.blogspot.com/-Luh1LGMHqYQ/T41X7IWALZI/AAAAAAAAAAs/KXHTuDdi1l4/s1600/welcome-form.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="356" src="http://1.bp.blogspot.com/-Luh1LGMHqYQ/T41X7IWALZI/AAAAAAAAAAs/KXHTuDdi1l4/s640/welcome-form.JPG" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://4.bp.blogspot.com/-V0b9-kWd5mw/T41X8JzTETI/AAAAAAAAAA0/UutzFzodWzM/s1600/welcome-result.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="358" src="http://4.bp.blogspot.com/-V0b9-kWd5mw/T41X8JzTETI/AAAAAAAAAA0/UutzFzodWzM/s640/welcome-result.JPG" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
If you have any questions please write them in comments.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Best regards,&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Netlink community member&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/oxIrhnceW3M" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/1888804777927970682/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/understanding-jsf-part-2-accessing.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1888804777927970682?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1888804777927970682?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/oxIrhnceW3M/understanding-jsf-part-2-accessing.html" title="Understanding JSF - Part 2 - Accessing Beans" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-Xjn6hxVg2ZA/T412URLu5FI/AAAAAAAAABE/AOCx-oDnttw/s72-c/4802510.jpg" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/understanding-jsf-part-2-accessing.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEIMQnYzfSp7ImA9WhVWEk0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-7973973162717164530</id><published>2012-04-15T22:09:00.001-07:00</published><updated>2012-04-23T10:36:23.885-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-23T10:36:23.885-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="interactive" /><category scheme="http://www.blogger.com/atom/ns#" term="google glass" /><category scheme="http://www.blogger.com/atom/ns#" term="project glass" /><category scheme="http://www.blogger.com/atom/ns#" term="new technologies" /><category scheme="http://www.blogger.com/atom/ns#" term="google project glass" /><category scheme="http://www.blogger.com/atom/ns#" term="Google" /><category scheme="http://www.blogger.com/atom/ns#" term="web" /><title>Новостной обзор: Google - Project Glass</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
Незнаю как вы, но я был действительно впечатлен тем, что увидел. Потрясающая штука!&lt;br /&gt;
&lt;br /&gt;
До нас это конечно дойдет ещё не скоро, но если это появится то будет очень круто!&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://2.gvt0.com/vi/9c6W4CCU9M4/0.jpg" height="266" width="320"&gt;&lt;param name="movie" value="http://www.youtube.com/v/9c6W4CCU9M4&amp;fs=1&amp;source=uds" /&gt;

&lt;param name="bgcolor" value="#FFFFFF" /&gt;

&lt;embed width="320" height="266"  src="http://www.youtube.com/v/9c6W4CCU9M4&amp;fs=1&amp;source=uds" type="application/x-shockwave-flash"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/cZ8plwVVO3Y" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/7973973162717164530/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/google-project-glass.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/7973973162717164530?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/7973973162717164530?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/cZ8plwVVO3Y/google-project-glass.html" title="Новостной обзор: Google - Project Glass" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/google-project-glass.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0UHRnw9cCp7ImA9WhVXFks.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-1434501911222005420</id><published>2012-04-15T06:38:00.001-07:00</published><updated>2012-04-17T06:27:17.268-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-17T06:27:17.268-07:00</app:edited><title>Введение в JSF</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;h3&gt;

&lt;span style="color: #0b5394;"&gt;Введение&lt;/span&gt;&lt;/h3&gt;
&lt;b&gt;JSF - Java Server Faces&lt;/b&gt;&amp;nbsp;это Java вэб фреймворк построенный на идее переиспользуемых ui компонентов. JSF - это стандардизированная Java технология. На моем опыте JSF очень облегчил работу если сравнивать его с JSP. Смысл JSF это переиспользуемые компоненты которые очень облегают разработку.&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;

&lt;span style="color: #0b5394;"&gt;Основные элементы JSF которые вам нужно помнить:&lt;/span&gt;&lt;/h3&gt;
&lt;b&gt;1. Управляемые бины&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;2. Сильная система шаблонов&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;3. Большой спектр библиотек тегов на основе XML&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;4. Встроенная поддержка AJAX - &amp;lt;f:ajax /&amp;gt; (советую попробовать такие фреймворки как Richfaces, PrimeFaces и IceFaces)&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;5. Expression Language (EL) - методика по средствам которой вы имеете доступ к своим управляемым бинам в JSF странице.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Это были ключевые элементы JSF 2.&lt;br /&gt;
&lt;br /&gt;
Примеры JSF:&lt;br /&gt;
&lt;h3&gt;

&lt;span style="color: #783f04;"&gt;Simple "Hello World" JSF Application&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
Для данного урока требуется пройти предыдущие уроке по установке рабочей среды. Откройте Eclipse.&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;1. File &amp;gt;&amp;gt; New &amp;gt;&amp;gt; Other &amp;gt;&amp;gt; Web &amp;gt;&amp;gt; Dynamic Web Project&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;2. Project name: helloworld&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;3. Choose your Jboss runtime&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;4. Dynamic web module version: 3.0&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;5. Configuration: Default for your targeted runtime&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;6. Next&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;7. Now you have to choose your folders on the build path. I use the following structure:&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&amp;nbsp; &amp;nbsp; src/main/java (For your java classes)&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&amp;nbsp; &amp;nbsp; src/main/resources (For some of your configuration files)&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;8. In the next window tick on "Generate web.xml"&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;8.1 Now the wizard will ask if you prefer Java EE perspective. Personally me, I prefer Web Development perspective.&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
Теперь у вас есть структура стандартного веб проекта. Далее вам нужно изменить некоторые вещи.&lt;br /&gt;
В web.xml который находится в&amp;nbsp;WebContent/WEB-INF поместите следующий код (вместо того который там есть):&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;?xml version="1.0" encoding="UTF-8"?&amp;gt;&lt;/b&gt;&lt;b&gt;&amp;lt;web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;version="3.0"&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;display-name&amp;gt;Helloworld&amp;lt;/display-name&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;context-param&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;param-name&amp;gt;javax.faces.PROJECT_STAGE&amp;lt;/param-name&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;param-value&amp;gt;Development&amp;lt;/param-value&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/context-param&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;session-config&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;session-timeout&amp;gt;6&amp;lt;/session-timeout&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/session-config&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;servlet&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;servlet-name&amp;gt;Faces Servlet&amp;lt;/servlet-name&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;servlet-class&amp;gt;javax.faces.webapp.FacesServlet&amp;lt;/servlet-class&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;load-on-startup&amp;gt;1&amp;lt;/load-on-startup&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/servlet&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;servlet-mapping&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;servlet-name&amp;gt;Faces Servlet&amp;lt;/servlet-name&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;url-pattern&amp;gt;*.xhtml&amp;lt;/url-pattern&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/servlet-mapping&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;!-- Use Seam Catch for these --&amp;gt;&lt;/b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;&lt;b&gt; &lt;/b&gt;&lt;/span&gt;&lt;b&gt;&amp;lt;/web-app&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div&gt;
&lt;span style="background-color: #cfe2f3;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="background-color: #cfe2f3;"&gt;В&amp;nbsp;&lt;/span&gt;&lt;b&gt;&lt;span style="background-color: #cfe2f3;"&gt;W&lt;/span&gt;ebContent/WEB-INF&lt;/b&gt;&amp;nbsp;создайте файл&amp;nbsp;&lt;b&gt;faces-config.xml&amp;nbsp;&lt;/b&gt;и вставьте в н:его следующий код:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;b&gt;&lt;span style="background-color: #cfe2f3;"&gt;&amp;lt;?xml version="1.0" encoding="UTF-8"?&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&amp;lt;faces-config version="2.0" xmlns="http://java.sun.com/xml/ns/javaee"&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;name&amp;gt;Helloworld1&amp;lt;/name&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;application&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;resource-bundle&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;   &lt;/span&gt;&amp;lt;base-name&amp;gt;resources&amp;lt;/base-name&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;   &lt;/span&gt;&amp;lt;var&amp;gt;resources&amp;lt;/var&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/resource-bundle&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/application&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&amp;lt;/faces-config&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/blockquote&gt;
Создайте&amp;nbsp;&lt;b&gt;index.html&lt;/b&gt;&amp;nbsp;в корне вашего вэб приложения (&lt;b&gt;WebContent) со следующим контентом&lt;/b&gt;:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;b style="background-color: #cfe2f3;"&gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta http-equiv="Refresh" content="0; URL=home.xhtml"/&amp;gt;&amp;lt;/head&amp;gt;&amp;lt;/html&amp;gt;&lt;/b&gt;&lt;/blockquote&gt;
Создайте home.xhtml в той же дериктории:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;nbsp;&amp;lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:h="http://java.sun.com/jsf/html"&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h:outputText value="Hello World!" /&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&amp;lt;/ui:composition&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div&gt;
&lt;b&gt;Project &amp;gt;&amp;gt; Clean &amp;gt;&amp;gt; Your project&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Внизу у вас есть вкладка Server. Добавьте в ней нужный сервер и добавьте ваше приложение. &lt;b&gt;Full Publish.&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Включаем сервер и заходим через браузер на localhost:8080/helloworld. Если у вас возникли какие-либо вопросы то пишите их в комментариях.&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;С уважением,&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Netlink community member&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br class="Apple-interchange-newline" /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/pu9hPZyEj3s" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/1434501911222005420/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf.html#comment-form" title="Комментарии: 2" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1434501911222005420?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1434501911222005420?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/pu9hPZyEj3s/jsf.html" title="Введение в JSF" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>2</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkYCQnc6fip7ImA9WhVXFEQ.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-1814907245040066357</id><published>2012-04-15T04:42:00.002-07:00</published><updated>2012-04-15T04:42:43.916-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-15T04:42:43.916-07:00</app:edited><title>Understanding JSF</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;Introduction&lt;/b&gt;&lt;/span&gt;&lt;/h3&gt;
&lt;b&gt;JSF - Java Server Faces&lt;/b&gt; is a Java Web framework based on idea of components driven development. JSF is a standardized Java technology. On my personal experience starting from Java servlets and JSP, JSF really makes difference. The core is the concept which lies behind the idea of JSF. The core idea is reusable components which simplifies the development process a lot.&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="color: #0b5394;"&gt;The core features of JSF which you have to remember are:&lt;/span&gt;&lt;/h3&gt;
&lt;b&gt;1. Managed beans&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;2. Powerful template system&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;3. Variety of XML-based tag libraries&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;4. Ajax in-built support (especially if you will try Richfaces, PrimeFaces or IceFaces)&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;5. Expression Language (EL) - the technique to access your Managed beans from your JSF pages.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
These are the things that I consider the main features of JSF 2. You will see how the majority of those features is used in the following application.&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="text-align: left;"&gt;
&lt;span style="color: #783f04;"&gt;Simple "Hello World" JSF Application&lt;/span&gt;&lt;/h3&gt;
&lt;div&gt;
For this tutorial you need to have installed Eclipse with Jboss Tools and configured Jboss Application Server. If you do not have it, please follow the previous tutorials. Now open the Eclipse.&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;1. File &amp;gt;&amp;gt; New &amp;gt;&amp;gt; Other &amp;gt;&amp;gt; Web &amp;gt;&amp;gt; Dynamic Web Project&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;2. Project name: helloworld&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;3. Choose your Jboss runtime&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;4. Dynamic web module version: 3.0&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;5. Configuration: Default for your targeted runtime&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;6. Next&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;7. Now you have to choose your folders on the build path. I use the following structure:&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&amp;nbsp; &amp;nbsp; src/main/java (For your java classes)&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&amp;nbsp; &amp;nbsp; src/main/resources (For some of your configuration files)&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;8. In the next window tick on "Generate web.xml"&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;8.1 Now the wizard will ask if you prefer Java EE perspective. Personally me, I prefer Web Development perspective.&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
So now you have a basic structure of a web application. But there are a few things that we have to change.&lt;br /&gt;
Change your web.xml in WebContent/WEB-INF to the following:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;?xml version="1.0" encoding="UTF-8"?&amp;gt;&lt;/b&gt;&lt;b&gt;&amp;lt;web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;version="3.0"&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;display-name&amp;gt;Helloworld&amp;lt;/display-name&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;context-param&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;param-name&amp;gt;javax.faces.PROJECT_STAGE&amp;lt;/param-name&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;param-value&amp;gt;Development&amp;lt;/param-value&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/context-param&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;session-config&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;session-timeout&amp;gt;6&amp;lt;/session-timeout&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/session-config&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;servlet&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;servlet-name&amp;gt;Faces Servlet&amp;lt;/servlet-name&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;servlet-class&amp;gt;javax.faces.webapp.FacesServlet&amp;lt;/servlet-class&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;load-on-startup&amp;gt;1&amp;lt;/load-on-startup&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/servlet&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;servlet-mapping&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;servlet-name&amp;gt;Faces Servlet&amp;lt;/servlet-name&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;url-pattern&amp;gt;*.xhtml&amp;lt;/url-pattern&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/servlet-mapping&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;!-- Use Seam Catch for these --&amp;gt;&lt;/b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;&lt;b&gt; &lt;/b&gt;&lt;/span&gt;&lt;b&gt;&amp;lt;/web-app&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div&gt;
&lt;span style="background-color: #cfe2f3;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="background-color: #cfe2f3;"&gt;In &lt;/span&gt;&lt;b&gt;&lt;span style="background-color: #cfe2f3;"&gt;W&lt;/span&gt;ebContent/WEB-INF&lt;/b&gt; create file &lt;b&gt;faces-config.xml &lt;/b&gt;with the following content:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;b&gt;&lt;span style="background-color: #cfe2f3;"&gt;&amp;lt;?xml version="1.0" encoding="UTF-8"?&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&amp;lt;faces-config version="2.0" xmlns="http://java.sun.com/xml/ns/javaee"&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;name&amp;gt;Helloworld1&amp;lt;/name&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;application&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;resource-bundle&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;   &lt;/span&gt;&amp;lt;base-name&amp;gt;resources&amp;lt;/base-name&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;   &lt;/span&gt;&amp;lt;var&amp;gt;resources&amp;lt;/var&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt;  &lt;/span&gt;&amp;lt;/resource-bundle&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;/application&amp;gt;&lt;/span&gt;&lt;span style="background-color: #cfe2f3;"&gt;&amp;lt;/faces-config&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/blockquote&gt;
&amp;nbsp;Create &lt;b&gt;index.html&lt;/b&gt; in the root of your &lt;b&gt;WebContent&lt;/b&gt; folder with the following content:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;b style="background-color: #cfe2f3;"&gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta http-equiv="Refresh" content="0; URL=pages/home.xhtml"/&amp;gt;&amp;lt;/head&amp;gt;&amp;lt;/html&amp;gt;&lt;/b&gt;&lt;/blockquote&gt;
Create home.xhtml in the same directory which will contain the following:&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote class="tr_bq"&gt;
&lt;span style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;nbsp;&amp;lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:ui="http://java.sun.com/jsf/facelets"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:f="http://java.sun.com/jsf/core"&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;xmlns:h="http://java.sun.com/jsf/html"&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&lt;span class="Apple-tab-span" style="white-space: pre;"&gt; &lt;/span&gt;&amp;lt;h:outputText value="Hello World!" /&amp;gt;&lt;/b&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;b&gt;&amp;lt;/ui:composition&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/blockquote&gt;
&lt;div&gt;
&lt;b&gt;Project &amp;gt;&amp;gt; Clean &amp;gt;&amp;gt; Your project&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Now in the bottom you will find Server tab. Add your server and add your application there. Now right click on your application and &lt;b&gt;Full Publish.&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;Now run your server and go to localhost:8080/helloworld. If you had any questions or problems please write in comments.&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Best regards,&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Netlink community member&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/nhlhVCmCahE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/1814907245040066357/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/understanding-jsf.html#comment-form" title="Комментарии: 2" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1814907245040066357?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1814907245040066357?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/nhlhVCmCahE/understanding-jsf.html" title="Understanding JSF" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>2</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/understanding-jsf.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEAGRnk7fSp7ImA9WhVWEk0.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-3611477633559377280</id><published>2012-04-13T01:31:00.001-07:00</published><updated>2012-04-23T10:38:47.705-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-23T10:38:47.705-07:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="servlet for images from db" /><category scheme="http://www.blogger.com/atom/ns#" term="mysql image" /><category scheme="http://www.blogger.com/atom/ns#" term="servlet for images" /><category scheme="http://www.blogger.com/atom/ns#" term="java blob" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf images from db" /><category scheme="http://www.blogger.com/atom/ns#" term="images from database" /><category scheme="http://www.blogger.com/atom/ns#" term="java mysql images" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf mysql" /><category scheme="http://www.blogger.com/atom/ns#" term="jsf" /><title>JSF - Displaying images from database in JSF</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
In the past it took me some time to get an idea of how to store images in database and how to display them in jsf. So I would like to show everyone how come around this problem how it is done.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;What do you need:&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;1. Image entity class&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;2. Servlet which retrieves images by name and renders them.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Image entity class is not a big deal. In the database you would usually store images as a BLOB value in bytes. In your entity you just have to add an annotation @LOB to your image binary field.&lt;br /&gt;
&lt;br /&gt;
Here is the servlet:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="default prettyprint" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin-bottom: 10px; max-height: 600px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline; width: auto;"&gt;&lt;code style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; java&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;io&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;IOException&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; javax&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;servlet&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;ServletException&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; javax&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;servlet&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;annotation&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;WebServlet&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; javax&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;servlet&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;http&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;HttpServlet&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; javax&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;servlet&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;http&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;HttpServletRequest&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; javax&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;servlet&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;http&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;HttpServletResponse&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; javax&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;inject&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;Inject&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; java&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;io&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;BufferedOutputStream&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; java&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;io&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;BufferedInputStream&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; org&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;gicm&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;cms&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;CMSDao&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;import&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; org&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;gicm&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;model&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;UploadedImage&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;@WebServlet&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="str" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;"/images/*"&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;)&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;public&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;class&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;TestServlet&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;extends&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;HttpServlet&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;{&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;

&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;@Inject&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;private&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;CMSDao&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; cms&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;

&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;@Override&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;protected&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;void&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; doGet&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;HttpServletRequest&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; request&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;,&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;HttpServletResponse&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; response&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;)&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;throws&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;ServletException&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;,&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;IOException&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;{&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;String&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; imageId &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;String&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;valueOf&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;request&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;getPathInfo&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;().&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;substring&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;1&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;));&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="com" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: grey; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;// Gets string that goes after "/images/".&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;UploadedImage&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; image &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; cms&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;findImage&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;imageId&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;);&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="com" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: grey; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;// Get Image from DB.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;

&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; response&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;setHeader&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="str" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;"Content-Type"&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;,&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; getServletContext&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;().&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;getMimeType&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;image&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;getName&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;()));&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; response&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;setHeader&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="str" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;"Content-Disposition"&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;,&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="str" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;"inline; filename=\""&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;+&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; image&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;getName&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;()&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;+&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="str" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;"\""&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;);&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;

&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;BufferedInputStream&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; input &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;null&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;BufferedOutputStream&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; output &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;null&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;

&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;try&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;{&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; input &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;new&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;BufferedInputStream&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;image&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;getData&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;());&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="com" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: grey; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;// Creates buffered input stream.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; output &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;new&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;BufferedOutputStream&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;response&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;getOutputStream&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;());&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;byte&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;[]&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; buffer &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;new&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;byte&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;[&lt;/span&gt;&lt;span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;8192&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;];&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;for&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;int&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; length &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;0&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;length &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; input&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;read&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;buffer&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;))&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;&amp;gt;&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;0&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;;)&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;{&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; output&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;write&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;buffer&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;,&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="lit" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: maroon; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;0&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;,&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; length&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;);&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;}&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;}&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;finally&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;{&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;if&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;output &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;!=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;null&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;)&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;try&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;{&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; output&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;close&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;();&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;}&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;catch&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;IOException&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; logOrIgnore&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;)&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;{}&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;if&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;input &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;!=&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;null&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;)&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;try&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;{&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; input&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;.&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;close&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;();&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;}&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="kwd" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: darkblue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;catch&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;(&lt;/span&gt;&lt;span class="typ" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #2b91af; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;IOException&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; logOrIgnore&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;)&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;{}&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;}&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&amp;nbsp; &amp;nbsp; &lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;}&lt;/span&gt;&lt;span class="pln" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;
&lt;/span&gt;&lt;span class="pun" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class="default prettyprint" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin-bottom: 10px; max-height: 600px; overflow-x: auto; overflow-y: auto; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; vertical-align: baseline; width: auto;"&gt;&lt;span style="background-color: white;"&gt;
&lt;/span&gt;&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
Now the images can be accessed through yoursite.com/images/imagename&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
So what you can do is basically create a reference table in your database which will be connected to your images table to reference the name of the image, and in your managed bean retrieve the List of images in reference table.&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;In your JSF you will do something like this:&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&amp;lt;img src="/images/{image.name} /&amp;gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Best regards,&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; white-space: normal;"&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;NETLink community member&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;span style="background-color: #eeeeee;"&gt;
&lt;/span&gt;&lt;/pre&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/OfWrMcUaKIA" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/3611477633559377280/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/jsf-displaying-images-from-database-in.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/3611477633559377280?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/3611477633559377280?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/OfWrMcUaKIA/jsf-displaying-images-from-database-in.html" title="JSF - Displaying images from database in JSF" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/jsf-displaying-images-from-database-in.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CUADQnYzfCp7ImA9WhVXEUo.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-2691188005622134448</id><published>2012-04-11T12:49:00.002-07:00</published><updated>2012-04-11T12:49:33.884-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-11T12:49:33.884-07:00</app:edited><title>Eclipse configuration for JBOSS</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;h2 style="background-color: white; font-size: 17px; line-height: 21px; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"&gt;
&lt;strong&gt;&lt;span style="color: #0b5394;"&gt;Hello dear readers.&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;div style="background-color: white; font-size: 15px; line-height: 23px;"&gt;
&lt;/div&gt;
&lt;div style="background-color: white;"&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
In this tutorial I will explain how to configure Eclipse, so we can finally move to development process.&amp;nbsp;&lt;/div&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
&lt;br /&gt;
If you have not yet downloaded all the tools you need for development, then see the previous article. Now you need the following:&lt;/div&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
&lt;span style="background-color: white;"&gt;1.&amp;nbsp;&lt;/span&gt;&lt;b style="background-color: white;"&gt;Window &amp;gt;&amp;gt; Preferences &amp;gt;&amp;gt; Java &amp;gt;&amp;gt; Installed JREs &amp;gt;&amp;gt; Link to your JDK&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
2.&amp;nbsp;&lt;b&gt;Window &amp;gt;&amp;gt; Preferences &amp;gt;&amp;gt; Server &amp;gt;&amp;gt; Runtime Environments &amp;gt;&amp;gt; Add&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;&lt;b&gt;Pick your version of Jboss&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;Specify the directory of your JBOSS&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;Choose your JDK&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;&lt;b&gt;Specify the path to your main configuration file of Jboss - standalone.xml ($JBOSS_HOME/standalone/configuration/standalone.xml)&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;&lt;b&gt;Specify the type of the server (Local || Externally managed)&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;span style="font-size: 15px; line-height: 23px;"&gt;Now your environment is practically ready to start programming. In the next tutorial we will take a quick overview of the techniques we will use for development and write our first application.&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style="background-color: white; font-size: 15px; line-height: 23px;"&gt;
&lt;/div&gt;
&lt;div style="background-color: white; font-size: 15px; line-height: 23px;"&gt;
&lt;span style="color: #0b5394;"&gt;&lt;strong&gt;Best regards,&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-size: 15px; line-height: 23px;"&gt;
&lt;span style="color: #0b5394;"&gt;&lt;strong&gt;NetLink community member&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/A2zUinw34I0" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/2691188005622134448/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/eclipse-configuration-for-jboss.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/2691188005622134448?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/2691188005622134448?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/A2zUinw34I0/eclipse-configuration-for-jboss.html" title="Eclipse configuration for JBOSS" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/eclipse-configuration-for-jboss.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CU4ASHk-eyp7ImA9WhVXEUo.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-2792130505401854610</id><published>2012-04-11T12:44:00.002-07:00</published><updated>2012-04-11T12:52:29.753-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-11T12:52:29.753-07:00</app:edited><title>Environment configuration for Java EE platform</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;h2&gt;

&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Greetings dear readers.&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;div&gt;
In this tutorial you will see the environment I am working in while developing Java EE applications. Write now I am working as a web developer developing applications on JBOSS AS using JSF, SEAM, Richfaces, PrettyFaces and some other frameworks. In this tutorial the main aspect will be the configuration of your&amp;nbsp;work space.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2&gt;

&lt;b&gt;&lt;span style="color: #0b5394;"&gt;What is Application Server?&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;div&gt;
It is a server which has in-built services that makes your application a much more powerful tool. Those services include security, load balancing, transaction support and much more. Application servers are usually used to create enterprise applications. In the upcoming articles you will get a better understanding of application servers.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2&gt;

&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Environment configuration&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;1. Install the latest JDK&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;2. Download JBOSS AS (preferably of version 7*)&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #38761d;"&gt;&lt;b&gt;3. Install it the desired directory&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;&lt;b&gt;4. Add an environment variables $JAVA_HOME and $JBOSS_HOME targeting on your JDK and JBOSS directory respectively.&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;5. In order to start a development process you need an IDE. There is plenty of them but I would suggest Eclipse because it has a good integration with JBOSS (through Jboss Tools plugin for Eclipse).&amp;nbsp;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;6. Download Jboss Tools Plugin.&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;7. Install it into Eclipse&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
If you have any questions or issues please feel free to write it in the comments. It is enough for this time. In the next tutorial I will explain how to configure Eclipse to work with JBOSS.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;Best regards,&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;NetLink community member&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/trEFfDHpxNI" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/2792130505401854610/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/environment-configuration-for-java-ee.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/2792130505401854610?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/2792130505401854610?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/trEFfDHpxNI/environment-configuration-for-java-ee.html" title="Environment configuration for Java EE platform" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/environment-configuration-for-java-ee.html</feedburner:origLink></entry><entry gd:etag="W/&quot;C0ACQ3gzfyp7ImA9WhVXEEU.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-2947188569460144779</id><published>2012-04-10T11:16:00.000-07:00</published><updated>2012-04-10T11:16:02.687-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-10T11:16:02.687-07:00</app:edited><title>Настройка Eclipse</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;br /&gt;
&lt;h2 style="background-color: white; font-size: 17px; line-height: 21px; margin-bottom: 7px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"&gt;
&lt;strong&gt;&lt;span style="color: #0b5394;"&gt;Добрый день дорогие читатели.&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;div style="background-color: white; font-size: 15px; line-height: 23px;"&gt;
&lt;/div&gt;
&lt;div style="background-color: white;"&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
Сегодня я расскажу как правильно настроить Eclipse для того чтобы приступить хоть к какому то кодингу.&amp;nbsp;&lt;/div&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
С учетом что вы уже установили Eclipse вместе с Jboss Tools, ваши действия будут следующими:&lt;/div&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
1.&amp;nbsp;&lt;b&gt;Window &amp;gt;&amp;gt; Preferences &amp;gt;&amp;gt; Java &amp;gt;&amp;gt; Installed JREs &amp;gt;&amp;gt; Ставим наш JDK&lt;/b&gt;&lt;/div&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
2. &lt;b&gt;Window &amp;gt;&amp;gt; Preferences &amp;gt;&amp;gt; Server &amp;gt;&amp;gt; Runtime Environments &amp;gt;&amp;gt; Add&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;ul style="text-align: left;"&gt;
&lt;li&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;&lt;b&gt;Выбираем нашу версию Jboss&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;Указываем на&amp;nbsp;директорию&amp;nbsp;где он находится&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;Выбираем JDK&lt;/span&gt;&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;&lt;b&gt;Указываем путь к основному конфигурационному файлу Jboss - standalone.xml ($JBOSS_HOME/standalone/configuration/standalone.xml)&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style="font-size: 15px; line-height: 23px;"&gt;&lt;b&gt;Далее указываем тип сервера (Local || Externally managed)&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;
&lt;span style="font-size: 15px; line-height: 23px;"&gt;Так, вроде бы все на сегодня. В следующем уроке будем писать первое приложение. Всем спасибо.&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style="font-size: 15px; line-height: 23px;"&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style="background-color: white; font-size: 15px; line-height: 23px;"&gt;
&lt;/div&gt;
&lt;div style="background-color: white; font-size: 15px; line-height: 23px;"&gt;
&lt;span style="color: #0b5394;"&gt;&lt;strong&gt;С уважением,&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style="background-color: white; font-size: 15px; line-height: 23px;"&gt;
&lt;span style="color: #0b5394;"&gt;&lt;strong&gt;NetLink community member&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/oC8D_UwE0gE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/2947188569460144779/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/eclipse.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/2947188569460144779?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/2947188569460144779?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/oC8D_UwE0gE/eclipse.html" title="Настройка Eclipse" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/eclipse.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DkcHQnY-fip7ImA9WhVXEUo.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-1735677975130131262</id><published>2012-04-09T05:52:00.000-07:00</published><updated>2012-04-11T12:53:53.856-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-11T12:53:53.856-07:00</app:edited><title>Настройка рабочей среды для разработки на платформе Java EE</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
&lt;h2 style="text-align: left;"&gt;


&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Добрый день дорогие читатели.&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Сегодня я хотел бы немного рассказать о среде разработки в которой я работаю и как её построить. В данный момент я разрабатываю вэб приложения на Java EE. В качестве Application Server я использую Jboss AS 7.1. Как раз таки этому я и хотел бы уделить основное внимание.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2 style="text-align: left;"&gt;


&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Так что же такое сервер приложений?&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
Это сервер который снабжает ваши приложения рядом незаменимых "сервисов". Таких как защита, балансировка нагрузки, поддержка транзакций и т.д. Такого рода сервера в основном используются для приложений на уровне предприятия. По ходу публикаций все станет намного понятнее.&amp;nbsp;&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2 style="text-align: left;"&gt;


&lt;b&gt;&lt;span style="color: #0b5394;"&gt;Настройка рабочей среды&lt;/span&gt;&lt;/b&gt;&lt;/h2&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #0b5394;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;1. Ставим последний JDK&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;2. Скачиваем JBOSS AS (желательно версию 7*)&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #38761d;"&gt;&lt;b&gt;3. Ставим его в удобную вам&amp;nbsp;&lt;/b&gt;&lt;b&gt;директорию&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;b style="color: #38761d;"&gt;4. В пременные среды добавьте $JAVA_HOME и $JBOSS_HOME указывающие на директории в которых находятся JDK and JBOSS соответственно.&lt;/b&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;5. Для того чтобы начать разрабатывать приложения вам нужна среда разработки. Можете скачать что вам удобно, но я бы посоветовал Eclipse так как у него идет очень хороша интеграция с Jboss (по средствам Jboss Tools).&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;6. Скачиваем Jboss Tools.&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;7. Привинчиваем к Eclipse&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div&gt;
Если у вас возникли какие-то вопросы, то обязательно задавайте их в комментариях. Пока что я немного отдохну и чуть позже расскажу как правильно настраивать Eclipse.&lt;/div&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;С уважением,&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style="color: #0b5394;"&gt;&lt;b&gt;NetLink community member&amp;nbsp;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/EUK9GOu96Jc" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/1735677975130131262/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/blog-post.html#comment-form" title="Комментарии: 1" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1735677975130131262?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/1735677975130131262?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/EUK9GOu96Jc/blog-post.html" title="Настройка рабочей среды для разработки на платформе Java EE" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>1</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/blog-post.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEMESHc4eip7ImA9WhVQGUg.&quot;"><id>tag:blogger.com,1999:blog-8839342461747303387.post-5568636871405765401</id><published>2012-04-08T23:20:00.001-07:00</published><updated>2012-04-08T23:20:09.932-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-08T23:20:09.932-07:00</app:edited><title>Introduction</title><content type="html">&lt;div dir="ltr" style="text-align: left;" trbidi="on"&gt;
Данный блог создан для начинающих разработчиков и просто интересующихся в сфере разработки. Уроки будут идти по следующим темам: &lt;b&gt;HTML, CSS, Javascript, Java, SEAM, JPA, Prettyfaces, Primefaces, Richfaces, IceFaces, JBOSS AS, Tomcat&lt;/b&gt;...&lt;br /&gt;
&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div&gt;
С уважением,&lt;/div&gt;
&lt;div&gt;
TutsLink&lt;/div&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/blogspot/yWprr/~4/WX6yeIh2280" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://tutslink.blogspot.com/feeds/5568636871405765401/comments/default" title="Комментарии к сообщению" /><link rel="replies" type="text/html" href="http://tutslink.blogspot.com/2012/04/introduction.html#comment-form" title="Комментарии: 0" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/5568636871405765401?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8839342461747303387/posts/default/5568636871405765401?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/blogspot/yWprr/~3/WX6yeIh2280/introduction.html" title="Introduction" /><author><name>ValeraDev</name><uri>http://www.blogger.com/profile/05386823042323774067</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="16" height="16" src="http://img2.blogblog.com/img/b16-rounded.gif" /></author><thr:total>0</thr:total><feedburner:origLink>http://tutslink.blogspot.com/2012/04/introduction.html</feedburner:origLink></entry></feed>
