<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' 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'><id>tag:blogger.com,1999:blog-5754091714302006919</id><updated>2024-10-31T23:28:59.263-07:00</updated><category term="C#"/><category term="ASP.net"/><category term="SQL Server 2005"/><category term="jquery"/><category term="Thủ thuật"/><category term="ASP"/><category term="Android"/><category term="Javascript"/><category term="SQL Server 2008 Express"/><category term="Cài đặt"/><category term="Hacker"/><category term="Server"/><category term="css"/><category term="php"/><category term="Entity Framework"/><category term="IIS"/><category term="Learn English"/><category term="Visual Studio"/><category term="Visual Studio 2008"/><category term="CSSMenu"/><category term="CuteFtp"/><category term="IIS8"/><category term="Maps"/><category term="OpenFlashChart"/><category term="SEO"/><category term="Thẻ tín dụng"/><category term="Tools"/><category term="Unity"/><category term="Web hay"/><category term="config"/><category term="error asp"/><category term="ftp"/><category term="gmail"/><category term="hosting"/><category term="học lập trình"/><category term="iTextSharp"/><category term="kinect"/><category term="learn"/><category term="web template"/><title type='text'>phattrienweb</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default?start-index=26&amp;max-results=25&amp;redirect=false'/><author><name>PhatTrienWeb.com</name><uri>http://www.blogger.com/profile/02994025639753693897</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>157</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-4299447658689096627</id><published>2023-11-26T19:39:00.000-08:00</published><updated>2023-11-26T19:39:35.598-08:00</updated><title type='text'>signalr/negotiate?clientProtocol</title><content type='html'>&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;h1 class=&quot;gh-header-title mb-2 lh-condensed f1 mr-0 flex-auto wb-break-word&quot; style=&quot;-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #1f2328; flex: 1 1 auto !important; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: var(--h1-size, 32px) !important; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: var(--base-text-weight-normal, 400); letter-spacing: normal; line-height: 1.125; margin: 0px 150px 0px 0px; orphans: 2; overflow-wrap: break-word; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-decoration-thickness: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-break: break-word !important; word-spacing: 0px;&quot;&gt;&lt;bdi class=&quot;js-issue-title markdown-title&quot; style=&quot;box-sizing: border-box;&quot;&gt;Windows Server 2016 / IIS Cannot Disable for site:&lt;/bdi&gt;&lt;/h1&gt;&lt;h1 class=&quot;gh-header-title mb-2 lh-condensed f1 mr-0 flex-auto wb-break-word&quot; style=&quot;-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #1f2328; flex: 1 1 auto !important; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;Noto Sans&amp;quot;, Helvetica, Arial, sans-serif, &amp;quot;Apple Color Emoji&amp;quot;, &amp;quot;Segoe UI Emoji&amp;quot;; font-size: var(--h1-size, 32px) !important; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: var(--base-text-weight-normal, 400); letter-spacing: normal; line-height: 1.125; margin: 0px 150px 0px 0px; orphans: 2; overflow-wrap: break-word; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-decoration-thickness: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-break: break-word !important; word-spacing: 0px;&quot;&gt;&lt;bdi class=&quot;js-issue-title markdown-title&quot; style=&quot;box-sizing: border-box;&quot;&gt;&amp;nbsp;signalr/negotiate?clientProtocol&lt;/bdi&gt;&lt;/h1&gt;&lt;p&gt;&amp;lt;system.webServer&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;ModSecurity enabled=&quot;false&quot; /&amp;gt;&lt;br /&gt;&amp;lt;/system.webServer&amp;gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/4299447658689096627/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/4299447658689096627' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/4299447658689096627'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/4299447658689096627'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2023/11/signalrnegotiateclientprotocol.html' title='signalr/negotiate?clientProtocol'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-1034252348593167990</id><published>2017-12-24T18:42:00.001-08:00</published><updated>2017-12-24T18:42:37.390-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="IIS"/><category scheme="http://www.blogger.com/atom/ns#" term="IIS8"/><title type='text'>Publishing a WCF service on IIS 8</title><content type='html'>&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: 1.71429; margin: 0px 0px 1.71429rem; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&amp;nbsp;Error: &lt;a class=&quot;question-hyperlink&quot; href=&quot;https://stackoverflow.com/questions/2609377/http-404-when-accessing-svc-file-in-iis&quot; style=&quot;border: 0px; color: #242729; cursor: pointer; font-family: inherit; font-size: 24px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: normal; line-height: 1.35; margin: 0px 0px 0.5em; padding: 0px; text-decoration: none; vertical-align: baseline;&quot;&gt;HTTP 404 when accessing .svc file in IIS&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: 1.71429; margin: 0px 0px 1.71429rem; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
WCF services don’t run on IIS 8 with the default configuration, because the webserver doesn’t know, how to handle incoming requests targeting .svc files. You can teach it in two steps:&lt;/div&gt;
&lt;div style=&quot;border: 0px; font-size: 14px; line-height: 1.71429; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
1. Add a new MIME type:&lt;/div&gt;
&lt;div style=&quot;border: 0px; font-size: 14px; line-height: 1.71429; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Extension:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;strong style=&quot;border: 0px; font-size: 14px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;.svc&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;MIME type:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;strong style=&quot;border: 0px; font-size: 14px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;application/octet-stream&lt;/strong&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: 1.71429; margin: 0px 0px 1.71429rem; orphans: 2; padding: 0px; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
2. Add a new Managed HTTP Handler:&lt;/div&gt;
&lt;blockquote style=&quot;-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #444444; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: italic; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin: 0px 0px 1.71429rem; orphans: 2; padding: 1.71429rem; quotes: none; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;div style=&quot;border: 0px; font-size: 14px; line-height: 1.71429; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;
Request path:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;strong style=&quot;border: 0px; font-size: 14px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;*.svc&lt;/strong&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;Type:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;strong style=&quot;border: 0px; font-size: 14px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;System.ServiceModel.Activation.HttpHandler&lt;/strong&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;Name:&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;strong style=&quot;border: 0px; font-size: 14px; margin: 0px; padding: 0px; vertical-align: baseline;&quot;&gt;svc-Integrated&lt;/strong&gt;&lt;/div&gt;
&lt;/blockquote&gt;
Go it&lt;span style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #444444; display: inline !important; float: none; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt; &lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/1034252348593167990/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/1034252348593167990' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/1034252348593167990'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/1034252348593167990'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2017/12/publishing-wcf-service-on-iis-8.html' title='Publishing a WCF service on IIS 8'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-4701132769945258745</id><published>2017-01-05T00:48:00.000-08:00</published><updated>2017-01-05T00:48:01.435-08:00</updated><title type='text'>Google reCapthca v2 using ASP.Net</title><content type='html'>&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
Google&#39;s reCaptcha system is very effective at preventing spam, but unlike other systems, does not require you to squint at a screen for ages to work out whether that wobbly circle is an o, O or a 0. &amp;nbsp;With Google&#39;s captcha system, all you have to do is click on the &#39;I am not a robot&#39; checkbox. If someone tries too many times to fill your form in, or the system detects a suspicious response, then it will pop up a series of images and ask to you to identify which image contains pasta or an aeroplane for example. It&#39;s quite simple and clever in the way it works.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
The way it works is quite straightforward: when you embed the reCaptcaha javascript tag, the captcha code inserts a hidden form field with a pre-generated string created by Google&#39;s servers, and then when the form is posted, you send back the contents of this field, plus a secret key to google&#39;s web service. The reCaptcha server then looks at the secret key and hidden field string and checks whether the string was generated by its own system using your site key, and if so, it returns a &#39;true&#39; or if not it returns &#39;false&#39;. &amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
Version 1 of the reCatpcha included sample code for ASP.net however the newer version does not, so I had to work out how to do this myself. Heres how I added reCaptcha v2 using ASP.net. The code below is written in C# and built using web forms, but it can easily be modified of MVC based applications:&lt;/div&gt;
&lt;h2 style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 28px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin: 10px 0px 15px; orphans: 2; text-align: start; text-indent: 0px; text-rendering: optimizeLegibility; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
STEP 1 - sign up for your secret key&lt;/h2&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
To do this, go to&amp;nbsp;&lt;a href=&quot;https://www.google.com/recaptcha&quot; style=&quot;color: #0088cc; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;https://www.google.com/recaptcha&lt;/a&gt;&amp;nbsp;and click on the &#39;get recaptcha&#39; button in the top right.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
If you already have a google account, you can log in with this, or if you don&#39;t (and who doesn&#39;t have one?) then you&#39;ll have to register a google account.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
Once done, you then add your website domain names to get 2 unique keys: a Site Key and a Secret Key. The site key is used in your code&#39;s script tag in your web form, and the secret key is used by your site to create a verification request to the reCaptcha web service.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2 style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 28px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin: 10px 0px 15px; orphans: 2; text-align: start; text-indent: 0px; text-rendering: optimizeLegibility; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
STEP 2 Integrating the code in your form&lt;/h2&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
Integrating the code into the front end web form is really easy. All you have to do is add 2 lines of code:&lt;/div&gt;
&lt;ol style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px 25px; orphans: 2; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;li style=&quot;line-height: 20px;&quot;&gt;&lt;div style=&quot;margin: 0px 0px 10px; text-align: justify;&quot;&gt;
paste the following into the &lt;head&gt; section of your page:&lt;/head&gt;&lt;/div&gt;
&lt;code class=&quot;code-block&quot; style=&quot;background-color: #f7f7f9; border-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Monaco, Menlo, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;&quot;&gt;&lt;script src=&quot;https://www.google.com/recaptcha/api.js&quot;&gt;&lt;/script&gt;&lt;/code&gt;&lt;/li&gt;
&lt;li style=&quot;line-height: 20px;&quot;&gt;&lt;div style=&quot;margin: 0px 0px 10px; text-align: justify;&quot;&gt;
paste the following into the body of your html, where you want the captcaha button to appear:&lt;/div&gt;
&lt;code class=&quot;code-block&quot; style=&quot;background-color: #f7f7f9; border-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Monaco, Menlo, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;&quot;&gt;&lt;div class=&quot;g-recaptcha&quot; data-sitekey=&quot;[SITE KEY HERE]&quot;&gt;
&lt;/div&gt;
&lt;/code&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2 style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 28px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin: 10px 0px 15px; orphans: 2; text-align: start; text-indent: 0px; text-rendering: optimizeLegibility; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
STEP 3. Server Side Validation&lt;/h2&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
When the form is generated in a browser, Google&#39;s recaptcha script adds a hidden field element called &#39;g-recaptcha-response&#39;. To validate the form, you need to send an ajax call to google&#39;s web service with the contents of this field, and your secret key - this will return success:true if the response and key are valid, or otherwise will return success:false.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
Here&#39;s the code for doing this. Note, this code uses&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.newtonsoft.com/json&quot; style=&quot;color: #0088cc; text-decoration: none;&quot; target=&quot;_blank&quot;&gt;Json.NET&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;which is just used for a shortcut to parse JSON responses - in this case the reponse is serialised into the&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: monospace;&quot;&gt;CaptchaResponse&lt;/span&gt;&amp;nbsp;object but if you want to create a simple convertor yourself, it&#39;s not very hard to do that. The only slight complication is that If you want to use json.net, then you&#39;ll need to download the dll files from the newtonsoft site and copy then to the bin folder of your web application.&lt;/div&gt;
&lt;h3 style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 20px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: 40px; margin: 10px 0px 15px; orphans: 2; text-align: start; text-indent: 0px; text-rendering: optimizeLegibility; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
HTML code (contactform.aspx):&lt;/h3&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;code class=&quot;code-block&quot; style=&quot;background-color: #f7f7f9; border-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Monaco, Menlo, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;&quot;&gt;&amp;lt;%@ Master Language=&quot;C#&quot; AutoEventWireup=&quot;true&quot; CodeFile=&quot;contactform.cs&quot; Inherits=&quot;contactform&quot; %&amp;gt;&lt;br /&gt;&lt;html&gt;&lt;br /&gt;&lt;head runat=&quot;server&quot;&gt;&lt;br /&gt;&lt;span style=&quot;font-family: monospace;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;&lt;script src=&quot;https://www.google.com/recaptcha/api.js&quot;&gt;&lt;/script&gt;&lt;/span&gt;&lt;/head&gt;&lt;br /&gt;&lt;body&gt;&lt;br /&gt;&lt;form runat=&quot;server&quot;&gt;
&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;Name: &lt;asp:textbox id=&quot;txtName&quot; runat=&quot;server&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;Message: &lt;asp:textbox id=&quot;txtMessage&quot; runat=&quot;server&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-family: monospace;&quot;&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;&lt;div class=&quot;g-recaptcha&quot; data-sitekey=&quot;[SITE KEY HERE]&quot;&gt;
&lt;/div&gt;
&lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;&lt;asp:literal id=&quot;litMessage&quot; runat=&quot;server&quot;&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;&lt;asp:button id=&quot;btnSend&quot; runat=&quot;server&quot; text=&quot;Send&quot;&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;&lt;asp:literal id=&quot;litDebug&quot; runat=&quot;server&quot;&gt;&lt;br /&gt;&lt;/asp:literal&gt;&lt;/asp:button&gt;&lt;/asp:literal&gt;&lt;/asp:textbox&gt;&lt;/asp:textbox&gt;&lt;/form&gt;
&lt;/body&gt;&lt;/html&gt;&lt;/code&gt;&lt;/div&gt;
&lt;h3 style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 20px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: 40px; margin: 10px 0px 15px; orphans: 2; text-align: start; text-indent: 0px; text-rendering: optimizeLegibility; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
C# code (contactform.cs):&lt;/h3&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;code class=&quot;code-block&quot; style=&quot;background-color: #f7f7f9; border-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Monaco, Menlo, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;&quot;&gt;using Newtonsoft.Json;&lt;br /&gt;using System;&lt;br /&gt;using System.IO;&lt;br /&gt;using System.Net;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;code class=&quot;code-block&quot; style=&quot;background-color: #f7f7f9; border-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Monaco, Menlo, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;&quot;&gt;public partial class contactform:System.Web.UI.Page {&lt;br /&gt;&lt;br /&gt;protected void Page_Load(object sender, EventArgs e) {&lt;/code&gt;}&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;code class=&quot;code-block&quot; style=&quot;background-color: #f7f7f9; border-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Monaco, Menlo, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;&quot;&gt;protected void btnSend_Click(object sender, EventArgs e) {&lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;string reCaptchaSecret = &quot;[SECRET KEY HERE]&quot;;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;string reCaptchaRequest = &quot;&quot;;&lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;if (Request.Form[&quot;g-recaptcha-response&quot;] != null) {reCaptchaRequest = Request.Form[&quot;g-recaptcha-response&quot;].ToString();}&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;if (CheckReCaptcha(reCaptchaSecret, reCaptchaRequest)) {&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;// catpcha request is validated, do the form proccessing here...&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;string mName=txtName.Text;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;string mMessage=txtMessage.Text;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;// Add code here to save messages to database or send via email.&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;} else {&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;litMessage.Text = &quot;Please confirm that you are not a robot.&lt;br /&gt;&quot;;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;}&lt;br /&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;code class=&quot;code-block&quot; style=&quot;background-color: #f7f7f9; border-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Monaco, Menlo, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;&quot;&gt;public bool CheckReCaptcha(string captchaSecret, string captchaRequest) {&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;bool cValidated = false;&lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;if (captchaRequest != null) {&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;string captchaURL = String.Format(&quot;https://www.google.com/recaptcha/api/siteverify?secret={0}&amp;amp;response={1}&quot;, captchaSecret, captchaRequest);&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;HttpWebRequest wrq = (HttpWebRequest)WebRequest.Create(captchaURL);&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;wrq.ContentType = &quot;application/json&quot;;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;wrq.Method = &quot;POST&quot;;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;using (var streamWriter = new StreamWriter(wrq.GetRequestStream())) {&lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;   &lt;/span&gt;try {&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;    &lt;/span&gt;var wrs = (HttpWebResponse)wrq.GetResponse();&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;    &lt;/span&gt;using (var streamReader = new StreamReader(wrs.GetResponseStream())) {&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;     &lt;/span&gt;var result = streamReader.ReadToEnd();&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;     &lt;/span&gt;if (result != &quot;&quot;) {&lt;span style=&quot;white-space: pre;&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;      &lt;/span&gt;CaptchaResponse capResp = JsonConvert.DeserializeObject&lt;captcharesponse&gt;(result);&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;      &lt;/span&gt;cValidated = capResp.success;&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;     &lt;/span&gt;}&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;    &lt;/span&gt;}&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;   &lt;/span&gt;} catch (WebException ex) {&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;    &lt;/span&gt;if (ex.Status == WebExceptionStatus.ProtocolError) {&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;     &lt;/span&gt;litDebug.Text = &quot;ERROR : &quot; + ex.Response.ToString() + &quot;\r\n\r\nexception = &quot; + ex.Message + &quot;\r\n&quot;; // debugging code&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;    &lt;/span&gt;}&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;   &lt;/span&gt;}&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt;  &lt;/span&gt;}&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;}&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;return cValidated;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;public class CaptchaResponse {&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;public bool success { get; set; }&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;public string challenge_ts { get; set; }&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;public string hostname { get; set; }&lt;br /&gt;&lt;span class=&quot;Apple-tab-span&quot; style=&quot;float: left; margin-left: 20px; min-height: 1px; white-space: pre;&quot;&gt; &lt;/span&gt;public string errorCodes { get; set; }&lt;br /&gt;}&lt;/captcharesponse&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;code class=&quot;code-block&quot; style=&quot;background-color: #f7f7f9; border-radius: 3px; border: 1px solid rgb(225, 225, 232); color: #dd1144; font-family: Monaco, Menlo, Consolas, &amp;quot;Courier New&amp;quot;, monospace; font-size: 12px; padding: 2px 4px; white-space: nowrap;&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;h2 style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 28px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; line-height: normal; margin: 10px 0px 15px; orphans: 2; text-align: start; text-indent: 0px; text-rendering: optimizeLegibility; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
Summary&lt;/h2&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Tahoma, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 10px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
Before adding this code to my website, I used to get about 20-30 spam messages per day. I installed this code about a week ago and to date I have not received a single spam submission.&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/4701132769945258745/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/4701132769945258745' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/4701132769945258745'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/4701132769945258745'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2017/01/google-recapthca-v2-using-aspnet.html' title='Google reCapthca v2 using ASP.Net'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-1342617628793169140</id><published>2016-11-10T17:14:00.003-08:00</published><updated>2016-11-10T17:14:42.182-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.net"/><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><title type='text'>LINQ group by and GroupBy (Example)</title><content type='html'>&lt;br /&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
I want to take this thought a step further, and as implied by the post title, do a group by.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
Starting, here is an order by % 2 giving us a list of even and then odd numbers:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;int&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; numbers &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;4&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;3&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;9&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;8&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;6&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;7&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; orderedNumbers &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; n &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; numbers&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                     &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;orderby&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; n &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;%&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;==&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;descending&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                     &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;select&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; n&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; orderedNumbers&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Write&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;{0},&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;} &lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;br /&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
This is all pretty straight forward, order by numbers that when modded by 2 are 0 and we have the numbers 4,8,6,2,0,5,1,3,9,7.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
But what if I want to simply have two lists, one with evens and one with odds? That’s where group by comes in.&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;int&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; numbers &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;4&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;3&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;9&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;8&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;6&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;7&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; numberGroups &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; n &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; numbers&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                   &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;group&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; n &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;by&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; n &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;%&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;into&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                   &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;select&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Remainder&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Key&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Numbers&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; numberGroups&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Remainder&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Equals&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;))&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;WriteLine&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;Even Numbers:&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Remainder&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;else&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;WriteLine&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;Odd Numbers:&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Remainder&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; n &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Numbers&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;WriteLine&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;n&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
with the output:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Odd&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Numbers&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;5&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;1&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;3&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;9&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;7&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Even&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Numbers&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;4&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;8&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;6&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;2&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
What’s happening here is that LINQ is using anonymous types to create new dictionary (actually a System.Linq.Enumerable.WhereSelectEnumerableIterator&lt;system .linq.igrouping=&quot;&quot; int=&quot;&quot;&gt;&amp;gt;).&lt;/system&gt;&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
It is important to note here that the key here that everything is keyed on is the first value after the “by”.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
Taking this one simple step forward let’s group a bunch of words. The following doesn’t work quite right:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;string&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; words &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;blueberry&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;Chimpanzee&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;abacus&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;Banana&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;apple&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;cheese&quot;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; wordGroups &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; words&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                 &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;group&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;by&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;into&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                 &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;select&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;FirstLetter&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Key&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;().&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToLower&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(),&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; wordGroups&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;WriteLine&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;Words that start with the letter &#39;{0}&#39;:&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;FirstLetter&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;WriteLine&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;w&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
giving us the output:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; that start &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;with&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; the letter &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&#39;b&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;blueberry&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; that start &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;with&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; the letter &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&#39;c&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Chimpanzee&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; that start &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;with&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; the letter &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&#39;a&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;abacus&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;apple&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; that start &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;with&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; the letter &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&#39;b&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Banana&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; that start &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;with&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; the letter &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&#39;c&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;cheese&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
That’s because there is a bit of a red herring here. Remember that the first value after the by is what is used to group by. In our case w[0] for Chimpanzee is “C”, not c. If we change it to:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;string&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; words &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;blueberry&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;Chimpanzee&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;abacus&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;Banana&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;apple&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;cheese&quot;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; wordGroups &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; words&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                 &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;group&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;by&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;].&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;().&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToLower&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;into&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                 &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;select&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;FirstLetter&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Key&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;().&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToLower&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(),&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; wordGroups&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;WriteLine&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;Words that start with the letter &#39;{0}&#39;:&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;FirstLetter&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;WriteLine&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;w&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
then we get the results we expect with:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; that start &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;with&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; the letter &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&#39;b&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;blueberry&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Banana&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; that start &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;with&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; the letter &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&#39;c&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Chimpanzee&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;cheese&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; that start &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;with&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; the letter &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&#39;a&#39;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;abacus&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;apple&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
Taking this even one step further we can throw an orderby above the group and order things alphabetically:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; wordGroups &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; words&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;orderby&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;].&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;().&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToLower&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;()&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;group&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;by&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;].&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;().&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToLower&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;()&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;into&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;select&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;FirstLetter&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Key&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;().&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToLower&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(),&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Words&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; g &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
So let’s now make this a bit over the top complex. Given the classes:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Customer&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;List&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Order&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Orders&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;get&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;set&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Order&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;DateTime&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Date&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;get&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;set&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;int&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Total&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;get&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;set&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
lets group a customer list by customer, then by year, then by month:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;List&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Customer&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; customers &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;GetCustomerList&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;();&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; customerOrderGroups &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; c &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; customers&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                          &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;select&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                              &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;c&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;CompanyName&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                                   &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;YearGroups&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; o &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; c&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Orders&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                                                &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;group&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; o &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;by&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; o&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;OrderDate&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Year&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;into&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; yg&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                                                &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;select&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                                                    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Year&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; yg&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Key&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                                                         &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;MonthGroups&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;from&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; o &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; yg&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                                                         &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;group&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; o &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;by&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; o&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;OrderDate&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Month&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;into&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; mg&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                                                         &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;select&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Month&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; mg&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Key&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Orders&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; mg &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                                                    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                                  &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
Whew! that took a lot to copy and paste from&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://msdn.microsoft.com/en-us/vcsharp/aa336754.aspx&quot; style=&quot;background: transparent; border: 0px; color: white; font-size: 14px; margin: 0px; outline: 0px; padding: 0px; text-decoration: underline; vertical-align: baseline; word-wrap: break-word;&quot; target=&quot;_blank&quot;&gt;MSDN’s sample library&lt;/a&gt;!&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;img alt=&quot;😉&quot; class=&quot;emoji&quot; draggable=&quot;false&quot; src=&quot;https://s.w.org/images/core/emoji/2/svg/1f609.svg&quot; style=&quot;background: none !important; border: none !important; box-shadow: none !important; display: inline !important; font-size: 14px; height: 1em !important; margin: 0px 0.07em !important; max-width: 100%; outline: 0px; padding: 0px !important; vertical-align: -0.1em !important; width: 1em !important; word-wrap: break-word;&quot; /&gt;&lt;br /&gt;As mentioned previously the important part here is that the keys for these are the first value after the “by”. This just creates a bunch of dictionarys keyed embeded together keyed on the values after the “by”.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
The GroupBy method that is a part of Linq can also take an IEqualityComparer. Given the comparer:&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;class&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;AnagramEqualityComparer&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;:&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;IEqualityComparer&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&lt;string&gt;&lt;/string&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;bool&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Equals&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;string&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; x&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;string&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; y&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; getCanonicalString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;x&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;==&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; getCanonicalString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;int&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;GetHashCode&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;string&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; obj&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; getCanonicalString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;obj&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;).&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;GetHashCode&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;();&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;private&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;string&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; getCanonicalString&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;string&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; word&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;char&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; wordChars &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; word&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToCharArray&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;();&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Array&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Sort&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&lt;char&gt;&lt;/char&gt;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;wordChars&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;string&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;wordChars&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background: rgb(84, 86, 92); border: 0px; color: white; font-family: NobileRegular, Verdana, Geneva, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px 0px 22px; orphans: 2; outline: 0px; padding: 0px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;
we can find all the matching anagrams. This is possible because the IEqualityComparer compares words based on a sorted array of characters. If you take “meat” and “team” they both become “aemt” when sorted by their characters.&lt;/div&gt;
&lt;pre class=&quot;prettyprint linenums prettyprinted&quot; style=&quot;-webkit-text-stroke-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(136, 136, 136); color: white; font-family: &amp;quot;Courier 10 Pitch&amp;quot;, Courier, monospace; font-size: 13px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin: 0px 0px 1.625em; orphans: 2; outline: 0px; overflow: auto; padding: 2px; text-align: start; text-indent: 0px; text-transform: none; vertical-align: baseline; widows: 2; word-spacing: 0px; word-wrap: break-word;&quot;&gt;&lt;ol class=&quot;linenums&quot; style=&quot;background: transparent; border: 0px; font-size: 13px; list-style: none; margin: 0px 0px 20px; outline: 0px; padding: 0px 0px 0px 53.15px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;string&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;[]&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; anagrams &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;from&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;salt&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;earn&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;last&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;near&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;form&quot;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;};&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; orderGroups &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; anagrams&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;GroupBy&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                      w &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&amp;gt;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; w&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Trim&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(),&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                      a &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;=&amp;gt;&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; a&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;ToUpper&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(),&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                      &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;new&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;AnagramEqualityComparer&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;()&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L6&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;                  &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L7&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L8&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;group&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; orderGroups&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L9&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L0&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;WriteLine&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot;For the word &quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;lit&quot; style=&quot;background: transparent; border: 0px; color: #006666; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;str&quot; style=&quot;background: transparent; border: 0px; color: #008800; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;&quot; we found matches to:&quot;&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;group&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Key&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L1&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; word &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot; style=&quot;background: transparent; border: 0px; color: #000088; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;group&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L2&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L3&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;        &lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;Console&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot; style=&quot;background: transparent; border: 0px; color: #660066; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;WriteLine&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;word&lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;);&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L4&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pln&quot; style=&quot;background: transparent; border: 0px; color: black; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;    &lt;/span&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;li class=&quot;L5&quot; style=&quot;background: rgb(238, 238, 238); border: 0px; color: black; font-size: 13px; line-height: 1.5em; list-style-type: decimal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;&quot;&gt;&lt;span class=&quot;pun&quot; style=&quot;background: transparent; border: 0px; color: #666600; font-size: 13px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-wrap: break-word;&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;/pre&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/1342617628793169140/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/1342617628793169140' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/1342617628793169140'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/1342617628793169140'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/11/linq-group-by-and-groupby-example.html' title='LINQ group by and GroupBy (Example)'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-2920530827109248874</id><published>2016-11-06T03:06:00.002-08:00</published><updated>2016-11-06T03:06:29.580-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="Javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'>jQuery: Close a Menu by Clicking Anywhere on the Document</title><content type='html'>&lt;pre class=&quot;&quot; style=&quot;-webkit-text-stroke-width: 0px; box-sizing: border-box; color: white; font-family: &amp;quot;Source Code Pro&amp;quot;, Menlo, Consolas, Monaco, monospace; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; height: 224px; letter-spacing: normal; line-height: 1.45; margin: 0px; orphans: 2; overflow: auto; padding: 15px; tab-size: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; width: 690.4px; word-spacing: 0px;&quot;&gt;&lt;code class=&quot; cm-s-default&quot; data-alt-lang=&quot;xml&quot; data-lang=&quot;xml&quot; data-og-lang=&quot;xml&quot; id=&quot;actual-html-code&quot; style=&quot;box-sizing: border-box; font-family: &amp;quot;Source Code Pro&amp;quot;, Menlo, Consolas, Monaco, monospace; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;div&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;class&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;dropMenu&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
    &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;span&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;class&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;trigger&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;Options&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;span&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
    &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;div&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;class&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;panel&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
        &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;ul&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;class&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;list&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
            &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;href&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;List Item 1&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
            &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;href&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;List Item 2&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
            &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;href&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;List Item 3&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
            &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;class&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;separator&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
            &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;href&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;List Item 4&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
            &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt; &lt;span class=&quot;cm-attribute&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;href&lt;/span&gt;=&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;List Item 5&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
        &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;ul&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
    &lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;div&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;
&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;div&lt;/span&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;&quot; style=&quot;-webkit-text-stroke-width: 0px; box-sizing: border-box; color: white; font-family: &amp;quot;Source Code Pro&amp;quot;, Menlo, Consolas, Monaco, monospace; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; height: 224px; letter-spacing: normal; line-height: 1.45; margin: 0px; orphans: 2; overflow: auto; padding: 15px; tab-size: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; width: 690.4px; word-spacing: 0px;&quot;&gt;&lt;code class=&quot; cm-s-default&quot; data-alt-lang=&quot;xml&quot; data-lang=&quot;xml&quot; data-og-lang=&quot;xml&quot; id=&quot;actual-html-code&quot; style=&quot;box-sizing: border-box; font-family: &amp;quot;Source Code Pro&amp;quot;, Menlo, Consolas, Monaco, monospace; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/code&gt;&lt;code class=&quot; cm-s-default&quot; data-alt-lang=&quot;javascript&quot; data-lang=&quot;&quot; data-og-lang=&quot;&quot; id=&quot;actual-js-code&quot; style=&quot;box-sizing: border-box; font-family: &amp;quot;Source Code Pro&amp;quot;, Menlo, Consolas, Monaco, monospace; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;cm-variable&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;$&lt;/span&gt;(&lt;span class=&quot;cm-keyword&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;function&lt;/span&gt;() {
    
    &lt;span class=&quot;cm-variable&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;initDropDowns&lt;/span&gt;(&lt;span class=&quot;cm-variable&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;$&lt;/span&gt;(&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;div.dropMenu&quot;&lt;/span&gt;));

});

&lt;span class=&quot;cm-keyword&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;cm-def&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;initDropDowns&lt;/span&gt;(&lt;span class=&quot;cm-def&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;allMenus&lt;/span&gt;) {

    &lt;span class=&quot;cm-variable-2&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;allMenus&lt;/span&gt;.&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;children&lt;/span&gt;(&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;.trigger&quot;&lt;/span&gt;).&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;on&lt;/span&gt;(&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;click&quot;&lt;/span&gt;, &lt;span class=&quot;cm-keyword&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;function&lt;/span&gt;() {
        
        &lt;span class=&quot;cm-keyword&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;cm-def&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;thisTrigger&lt;/span&gt; &lt;span class=&quot;cm-operator&quot; style=&quot;box-sizing: border-box; color: #cccccc; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;cm-variable&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;jQuery&lt;/span&gt;(&lt;span class=&quot;cm-keyword&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;this&lt;/span&gt;),
            &lt;span class=&quot;cm-def&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;thisMenu&lt;/span&gt; &lt;span class=&quot;cm-operator&quot; style=&quot;box-sizing: border-box; color: #cccccc; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;cm-variable-2&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;thisTrigger&lt;/span&gt;.&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;parent&lt;/span&gt;(),
            &lt;span class=&quot;cm-def&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;thisPanel&lt;/span&gt; &lt;span class=&quot;cm-operator&quot; style=&quot;box-sizing: border-box; color: #cccccc; margin: 0px; padding: 0px;&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;cm-variable-2&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;thisTrigger&lt;/span&gt;.&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;next&lt;/span&gt;();

        &lt;span class=&quot;cm-keyword&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;if&lt;/span&gt; (&lt;span class=&quot;cm-variable-2&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;thisMenu&lt;/span&gt;.&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;hasClass&lt;/span&gt;(&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;open&quot;&lt;/span&gt;)) {

            &lt;span class=&quot;cm-variable-2&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;thisMenu&lt;/span&gt;.&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;removeClass&lt;/span&gt;(&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;open&quot;&lt;/span&gt;);

        } &lt;span class=&quot;cm-keyword&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;else&lt;/span&gt; {            
            
            &lt;span class=&quot;cm-variable-2&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;allMenus&lt;/span&gt;.&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;removeClass&lt;/span&gt;(&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;open&quot;&lt;/span&gt;);   
              &lt;span class=&quot;cm-variable-2&quot; style=&quot;box-sizing: border-box; color: #809bbd; margin: 0px; padding: 0px;&quot;&gt;thisMenu&lt;/span&gt;.&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;addClass&lt;/span&gt;(&lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;open&quot;&lt;/span&gt;);
        }
        
        &lt;span class=&quot;cm-keyword&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;return&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;false&lt;/span&gt;;
    });
}&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;&quot; style=&quot;-webkit-text-stroke-width: 0px; box-sizing: border-box; color: white; font-family: &amp;quot;Source Code Pro&amp;quot;, Menlo, Consolas, Monaco, monospace; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; height: 224px; letter-spacing: normal; line-height: 1.45; margin: 0px; orphans: 2; overflow: auto; padding: 15px; tab-size: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: pre-wrap; widows: 2; width: 690.4px; word-spacing: 0px;&quot;&gt;&lt;code class=&quot; cm-s-default&quot; data-alt-lang=&quot;xml&quot; data-lang=&quot;xml&quot; data-og-lang=&quot;xml&quot; id=&quot;actual-html-code&quot; style=&quot;box-sizing: border-box; font-family: &amp;quot;Source Code Pro&amp;quot;, Menlo, Consolas, Monaco, monospace; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;cm-tag cm-bracket&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/code&gt;&lt;code class=&quot; cm-s-default&quot; data-alt-lang=&quot;css&quot; data-lang=&quot;css&quot; data-og-lang=&quot;css&quot; id=&quot;actual-css-code&quot; style=&quot;box-sizing: border-box; font-family: &amp;quot;Source Code Pro&amp;quot;, Menlo, Consolas, Monaco, monospace; margin: 0px; padding: 0px;&quot;&gt;&lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;body&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;font&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;normal&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;14px&lt;/span&gt; &lt;span class=&quot;cm-variable&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;Segoe&lt;/span&gt;, &lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;Segoe UI&quot;&lt;/span&gt;, &lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;DejaVu Sans&quot;&lt;/span&gt;, &lt;span class=&quot;cm-string&quot; style=&quot;box-sizing: border-box; color: #96b38a; margin: 0px; padding: 0px;&quot;&gt;&quot;Trebuchet MS&quot;&lt;/span&gt;, &lt;span class=&quot;cm-variable&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;Verdana&lt;/span&gt;, &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;sans-serif&lt;/span&gt;;    
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;display&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;inline-block&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;position&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;relative&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;z-index&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1&lt;/span&gt;;
    &lt;span class=&quot;cm-string-2&quot; style=&quot;box-sizing: border-box; color: white; margin: 0px; padding: 0px;&quot;&gt;zoom&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1&lt;/span&gt;;
 *&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;display&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;inline&lt;/span&gt;;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.trigger&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;cursor&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;pointer&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;display&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;block&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;position&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;relative&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;top&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;z-index&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;color&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#1279A2&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;min-width&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;230px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;padding&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;4px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;7px&lt;/span&gt;;
    &lt;span class=&quot;cm-meta&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;-webkit-&lt;/span&gt;&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border-radius&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border-radius&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt;;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.panel&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;solid&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1px&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#868686&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;position&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;absolute&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;left&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;min-width&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;242px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;z-index&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;2&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;display&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;none&lt;/span&gt;;
    &lt;span class=&quot;cm-meta&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;-webkit-&lt;/span&gt;&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;box-shadow&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;rgba&lt;/span&gt;(&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0.3&lt;/span&gt;);
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;box-shadow&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;rgba&lt;/span&gt;(&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0.3&lt;/span&gt;);
    &lt;span class=&quot;cm-meta&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;-webkit-&lt;/span&gt;&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border-radius&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border-radius&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt;;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.panel&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.list&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;background&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#fff&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;list-style&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;none&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;margin&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;padding&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.panel&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.list&lt;/span&gt; &lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;clear&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;both&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;margin&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;padding&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1px&lt;/span&gt;; &lt;span class=&quot;cm-comment&quot; style=&quot;box-sizing: border-box; color: #666666; margin: 0px; padding: 0px;&quot;&gt;/* compensate for hover border */&lt;/span&gt;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border-radius&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt;;
    &lt;span class=&quot;cm-meta&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;-moz-&lt;/span&gt;&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border-radius&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;width&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;120px&lt;/span&gt;;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.panel&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.list&lt;/span&gt; &lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;:&lt;span class=&quot;cm-variable-3&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;hover&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;solid&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1px&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#d2b47a&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;background&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#ffecb5&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;padding&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.panel&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.list&lt;/span&gt; &lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.separator&lt;/span&gt;,
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.panel&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.list&lt;/span&gt; &lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;li&lt;/span&gt;:&lt;span class=&quot;cm-variable-3&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;hover&lt;/span&gt;&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.separator&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;width&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;232px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;none&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border-bottom&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;solid&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1px&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#999&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;height&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;margin&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;5px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;2px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;padding&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;background&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;none&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;float&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;left&lt;/span&gt;; &lt;span class=&quot;cm-comment&quot; style=&quot;box-sizing: border-box; color: #666666; margin: 0px; padding: 0px;&quot;&gt;/* this is only here for IE7 */&lt;/span&gt;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.panel&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.list&lt;/span&gt; &lt;span class=&quot;cm-tag&quot; style=&quot;box-sizing: border-box; color: #a7925a; margin: 0px; padding: 0px;&quot;&gt;a&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;display&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;block&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;text-decoration&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;none&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;padding&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;4px&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;color&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#1279A2&lt;/span&gt;;
}
&lt;span class=&quot;cm-comment&quot; style=&quot;box-sizing: border-box; color: #666666; margin: 0px; padding: 0px;&quot;&gt;/* Open and Hover styles */&lt;/span&gt;
    
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt;&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.open&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;z-index&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;999&lt;/span&gt;;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt;&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.open&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.trigger&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;z-index&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1001&lt;/span&gt;;
    &lt;span class=&quot;cm-meta&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;-webkit-&lt;/span&gt;&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;box-shadow&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;-1px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;rgba&lt;/span&gt;(&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0.3&lt;/span&gt;);
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;box-shadow&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;-1px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;2px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;rgba&lt;/span&gt;(&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;,&lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0.3&lt;/span&gt;);
    &lt;span class=&quot;cm-meta&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;-webkit-&lt;/span&gt;&lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border-radius&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border-radius&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;0&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;background&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#78A9FF&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;color&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#fff&lt;/span&gt;;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.trigger&lt;/span&gt;:&lt;span class=&quot;cm-variable-3&quot; style=&quot;box-sizing: border-box; margin: 0px; padding: 0px;&quot;&gt;hover&lt;/span&gt;,
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt;&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.open&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.trigger&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;border&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;solid&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1px&lt;/span&gt; &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;#868686&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;padding&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;3px&lt;/span&gt; &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;6px&lt;/span&gt;;
}
&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.dropMenu&lt;/span&gt;&lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.open&lt;/span&gt; &lt;span class=&quot;cm-qualifier&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;.panel&lt;/span&gt; {
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;display&lt;/span&gt;: &lt;span class=&quot;cm-atom&quot; style=&quot;box-sizing: border-box; color: #ddca7e; margin: 0px; padding: 0px;&quot;&gt;block&lt;/span&gt;;
    &lt;span class=&quot;cm-property&quot; style=&quot;box-sizing: border-box; color: #9a8297; margin: 0px; padding: 0px;&quot;&gt;z-index&lt;/span&gt;: &lt;span class=&quot;cm-number&quot; style=&quot;box-sizing: border-box; color: #d0782a; margin: 0px; padding: 0px;&quot;&gt;1000&lt;/span&gt;;
}&lt;/code&gt;&lt;/pre&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/2920530827109248874/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/2920530827109248874' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/2920530827109248874'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/2920530827109248874'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/11/jquery-close-menu-by-clicking-anywhere.html' title='jQuery: Close a Menu by Clicking Anywhere on the Document'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-8044297634831664518</id><published>2016-09-28T18:58:00.001-07:00</published><updated>2016-09-28T19:01:33.579-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.net"/><category scheme="http://www.blogger.com/atom/ns#" term="Javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'>get the value of selected option in a select box using jQuery</title><content type='html'>&amp;nbsp;
$(document).ready(function(){&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&quot;select.country&quot;).change(function(){&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var selectedCountry = $(&quot;.country option:selected&quot;).val();&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; alert(&quot;You have selected the country - &quot; + selectedCountry);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;});&lt;br /&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/8044297634831664518/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/8044297634831664518' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/8044297634831664518'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/8044297634831664518'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/09/get-value-of-selected-option-in-select.html' title='get the value of selected option in a select box using jQuery'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-2580812860224432814</id><published>2016-09-09T01:20:00.004-07:00</published><updated>2016-09-09T01:21:25.869-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="kinect"/><category scheme="http://www.blogger.com/atom/ns#" term="Unity"/><title type='text'>UNITY 5 AND KINECT 2 INTEGRATION</title><content type='html'>&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #616161; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: 23.1px; margin: 0px 0px 1.5rem; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
Until just this month one of the best Kinect 2 integration tools was hidden, like Rappuccini’s daughter, inside a walled garden. Microsoft released a Unity3D plugin for the Kinect 2 in 2014. Unfortunately, Unity 4 only supported plugins (bridges to non-Unity technology) if you owned a Unity Pro license which typically cost over a thousand dollars per year.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #616161; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: 23.1px; margin: 0px 0px 1.5rem; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
On March 3rd, Unity released Unity 5 which includes plugin support in their free Personal edition – making it suddenly very easy to start building otherwise complex experiences like point cloud simulations that would otherwise require a decent knowledge of C++. In this post, I’ll show you how to get started with the plugin and start running a Kinect 2 application in about 15 minutes.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #616161; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: 23.1px; margin: 0px 0px 1.5rem; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
(As an aside, I always have trouble keeping this straight: Unity has plugins, openFrameworks as add-ins, while Cinder has bricks. Visual Studio has extensions and add-ins as well as NuGet packages after a confusing few years of rebranding efforts. There may be a difference between them but I can’t tell.)&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #616161; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: 23.1px; margin: 0px 0px 1.5rem; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
1. First you are going to need a Kinect 2 and the Unity 5 software. If you already have a Kinect 2 attached to your XBox One, then this part is easy. You’ll just need to buy a&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.microsoftstore.com/store/msca/en_CA/pdp/Kinect-Adapter-for-Windows/productID.308878000&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #7599c5; text-decoration: none; transition: all 0.3s ease-out;&quot; target=&quot;_blank&quot;&gt;Kinect Adapter Kit&lt;/a&gt;from the Microsoft store. This will allow you to plug your XBox One Kinect into your PC. The Kinect for Windows 2 SDK is available from the&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://www.microsoft.com/en-us/kinectforwindows/&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #7599c5; text-decoration: none; transition: all 0.3s ease-out;&quot; target=&quot;_blank&quot;&gt;K4W2&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;website, though everything you need should automatically install when you first plug your Kinect into your computer. You don’t even need Visual Studio for this. Finally, you can&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;a href=&quot;http://unity3d.com/5&quot; style=&quot;background-color: transparent; box-sizing: border-box; color: #7599c5; text-decoration: none; transition: all 0.3s ease-out;&quot; target=&quot;_blank&quot;&gt;download&lt;/a&gt;&lt;span class=&quot;Apple-converted-space&quot;&gt;&amp;nbsp;&lt;/span&gt;Unity 5 from the Unity website.&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #616161; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: 23.1px; margin: 0px 0px 1.5rem; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&amp;nbsp;&lt;a href=&quot;http://www.imaginativeuniversal.com/blog/post/2015/03/27/unity-5-and-kinect-2-integration.aspx&quot; target=&quot;_blank&quot;&gt;more here...&lt;/a&gt;&lt;/div&gt;
&lt;div style=&quot;-webkit-text-stroke-width: 0px; background-color: white; box-sizing: border-box; color: #616161; font-family: &amp;quot;Open Sans&amp;quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: 23.1px; margin: 0px 0px 1.5rem; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;&quot;&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/2580812860224432814/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/2580812860224432814' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/2580812860224432814'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/2580812860224432814'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/09/unity-5-and-kinect-2-integration.html' title='UNITY 5 AND KINECT 2 INTEGRATION'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-5908116274517161782</id><published>2016-09-02T18:56:00.001-07:00</published><updated>2016-09-02T18:56:12.357-07:00</updated><title type='text'>C# Math: Mean, Variance and Standard Deviation</title><content type='html'>&lt;code class=&quot;csharp keyword&quot;&gt;internal&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;class&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;Program&lt;/code&gt;&lt;br /&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;private&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;static&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;void&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;Main()&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;List&amp;lt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; data = &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;new&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&amp;lt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; {1, 2, 3, 4, 5, 6};&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;mean = data.Mean();&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;variance = data.Variance();&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;sd = data.StandardDeviation();&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;Console.WriteLine(&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&quot;Mean: {0}, Variance: {1}, SD: {2}&quot;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;, mean, variance, sd);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;Console.WriteLine(&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&quot;Press any key to continue...&quot;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;Console.ReadKey();&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;public&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;static&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;class&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;MyListExtensions&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;public&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;static&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;Mean(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;this&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&amp;lt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; values)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;values.Count == 0 ? 0 : values.Mean(0, values.Count);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number28 index27 alt1&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number29 index28 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;public&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;static&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;Mean(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;this&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&amp;lt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; values, &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;int&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;start, &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;int&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;end)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number30 index29 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number31 index30 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;s = 0;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number32 index31 alt1&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number33 index32 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;for&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;int&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;i = start; i &amp;lt; end; i++)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number34 index33 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number35 index34 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;s += values[i];&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number36 index35 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number37 index36 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number38 index37 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;s / (end - start);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number39 index38 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number40 index39 alt1&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number41 index40 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;public&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;static&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;Variance(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;this&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&amp;lt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; values)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number42 index41 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number43 index42 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;values.Variance(values.Mean(), 0, values.Count);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number44 index43 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number45 index44 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number46 index45 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;public&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;static&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;Variance(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;this&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&amp;lt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; values, &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;mean)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number47 index46 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number48 index47 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;values.Variance(mean, 0, values.Count);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number49 index48 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number50 index49 alt1&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number51 index50 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;public&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;static&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;Variance(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;this&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&amp;lt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; values, &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;mean, &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;int&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;start, &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;int&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;end)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number52 index51 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number53 index52 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;variance = 0;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number54 index53 alt1&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number55 index54 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;for&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;int&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;i = start; i &amp;lt; end; i++)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number56 index55 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number57 index56 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;variance += Math.Pow((values[i] - mean), 2);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number58 index57 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number59 index58 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number60 index59 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;int&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;n = end - start;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number61 index60 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;if&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;(start &amp;gt; 0) n -= 1;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number62 index61 alt1&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number63 index62 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;variance / (n);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number64 index63 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number65 index64 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number66 index65 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;public&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;static&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;StandardDeviation(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;this&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&amp;lt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; values)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number67 index66 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number68 index67 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;values.Count == 0 ? 0 : values.StandardDeviation(0, values.Count);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number69 index68 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number70 index69 alt1&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number71 index70 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;public&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;static&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;StandardDeviation(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;this&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&amp;lt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; values, &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;int&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;start, &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;int&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;end)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number72 index71 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number73 index72 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;mean = values.Mean(start, end);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number74 index73 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;double&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;variance = values.Variance(mean, start, end);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number75 index74 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number76 index75 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;Math.Sqrt(variance);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number77 index76 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number78 index77 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/5908116274517161782/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/5908116274517161782' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/5908116274517161782'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/5908116274517161782'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/09/c-math-mean-variance-and-standard.html' title='C# Math: Mean, Variance and Standard Deviation'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-5140798871218857096</id><published>2016-08-26T00:01:00.003-07:00</published><updated>2016-08-26T00:01:50.901-07:00</updated><title type='text'>Create Windows Service and Send Mail Daily At Fixed Time Using C#</title><content type='html'>&lt;strong&gt;Introduction&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;In this article I am explaining how
 to create a Windows Service to schedule daily mail at a specified time.
 Scheduling email and sending the email is a basic requirement of any 
project.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Step 1&lt;/strong&gt;&lt;br /&gt;Open Visual Studio and 
create a new project. Under Windows Desktop select Windows Service and 
provide a proper name and click on the OK button.&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.c-sharpcorner.com/UploadFile/ee01e6/create-windows-service-and-send-mail-daily-on-fixed-time-usi575/&quot; target=&quot;_blank&quot;&gt;More link...&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/5140798871218857096/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/5140798871218857096' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/5140798871218857096'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/5140798871218857096'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/08/create-windows-service-and-send-mail.html' title='Create Windows Service and Send Mail Daily At Fixed Time Using C#'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-5745794301490666014</id><published>2016-08-15T18:57:00.001-07:00</published><updated>2016-08-15T18:57:15.749-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.net"/><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><title type='text'>Xử lý tìm kiếm trong website C#</title><content type='html'>&lt;h3&gt;
 1. Query tìm kiếm trong SQL&lt;/h3&gt;
- Bản chất của việc tìm kiếm là việc chúng ta sẽ lập trình để thực thi 
một câu lệnh SQL với keyword được nhập từ người dùng, cấu trúc lệnh SQL 
cho việc tìm kiếm trong ví dụ này như dưới đây. Trong trường hợp này 
mình cho phép tìm từ khóa trong cả tiêu đề &quot;Title&quot; và nội dung &quot;Content&quot;&lt;br /&gt;

&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  csharp&quot; id=&quot;highlighter_631424&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;select * from [Articles] &lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;where ([Title] like &lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%keyword%&#39;&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;or [Content] like &lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%keyword%&#39;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;)&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
- Đối với dữ liệu tìm kiếm là Tiếng Việt, kiểu dữ liệu nvarchar hay ntext trong SQL, chúng ta cần thêm tiền tố N trước keyword&lt;br /&gt;

&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  csharp&quot; id=&quot;highlighter_759990&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;select * from [Articles] &lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;where ([Title] like N&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%Võ Khánh Thụy%&#39;&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;or [Content] like N&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%Võ Khánh Thụy%&#39;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;)&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
- Đối với câu lệnh trên khi thực hiện tìm kiếm, nếu người dùng gõ &quot;Võ 
Thụy&quot; thì sẽ không ra. Vậy để xử lý vấn đề này chúng ta cần tách chuỗi 
từ khóa ra và tìm riêng từng từ một, sẽ cho kết quả tốt hơn.&lt;br /&gt;

&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  csharp&quot; id=&quot;highlighter_784417&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;select * from [Articles] &lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;where ([Title] like N&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%Võ%&#39;&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;or [Content] like N&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%Võ%&#39;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;) &lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;and ([Title] like N&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%Khánh%&#39;&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;or [Content] like N&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%Khánh%&#39;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;) &lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;and ([Title] like N&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%Thụy%&#39;&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;or [Content] like N&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&#39;%Thụy%&#39;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;)&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;h3&gt;
 2. Xử lý từ khóa người dùng nhập vào&lt;/h3&gt;
- Với yêu cầu tìm kiếm mà người dùng nhập vào từ form tìm kiếm sẽ phải 
qua một số bước xử lý dữ liệu như loại bỏ các ký tự cấm trong SQL, xử lý
 tiếng việt không dấu...Tuy nhiên trong phần này mình chỉ muốn nói qua 
về cách tách chuỗi từ khóa được nhập vào để tăng kết quả tìm kiếm như 
mình đã đề cập ở trên. Mình sử dụng đoạn code dưới đây để tách chuỗi từ 
khóa người dùng nhập vào thành 1 mảng các từ khóa độc lập&lt;br /&gt;

&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  csharp&quot; id=&quot;highlighter_897673&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;csharp comments&quot;&gt;// Turn user input to a list of keywords.&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;csharp keyword&quot;&gt;string&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;[] keywords = txtKeyWord.Text.Split(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;new&lt;/code&gt; &lt;code class=&quot;csharp keyword&quot;&gt;string&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;[] { &lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&quot; &quot;&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;}, StringSplitOptions.RemoveEmptyEntries);&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
- Với mảng từ khóa được tách ra chúng ta cần lập trình vòng lặp để tạo 
được câu Query SQL như ý đồ ở trên. Mình sử dụng hàm dưới đây để tạo 
truy vấn và lấy kết quả trả về.&lt;br /&gt;

&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  csharp&quot; id=&quot;highlighter_586485&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
9&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
10&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
11&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
12&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
13&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
14&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
15&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
16&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
17&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
18&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
19&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
20&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
21&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
22&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
23&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
24&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
25&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
26&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
27&lt;/div&gt;
&lt;div class=&quot;line number28 index27 alt1&quot;&gt;
28&lt;/div&gt;
&lt;div class=&quot;line number29 index28 alt2&quot;&gt;
29&lt;/div&gt;
&lt;div class=&quot;line number30 index29 alt1&quot;&gt;
30&lt;/div&gt;
&lt;div class=&quot;line number31 index30 alt2&quot;&gt;
31&lt;/div&gt;
&lt;div class=&quot;line number32 index31 alt1&quot;&gt;
32&lt;/div&gt;
&lt;div class=&quot;line number33 index32 alt2&quot;&gt;
33&lt;/div&gt;
&lt;div class=&quot;line number34 index33 alt1&quot;&gt;
34&lt;/div&gt;
&lt;div class=&quot;line number35 index34 alt2&quot;&gt;
35&lt;/div&gt;
&lt;div class=&quot;line number36 index35 alt1&quot;&gt;
36&lt;/div&gt;
&lt;div class=&quot;line number37 index36 alt2&quot;&gt;
37&lt;/div&gt;
&lt;div class=&quot;line number38 index37 alt1&quot;&gt;
38&lt;/div&gt;
&lt;div class=&quot;line number39 index38 alt2&quot;&gt;
39&lt;/div&gt;
&lt;div class=&quot;line number40 index39 alt1&quot;&gt;
40&lt;/div&gt;
&lt;div class=&quot;line number41 index40 alt2&quot;&gt;
41&lt;/div&gt;
&lt;div class=&quot;line number42 index41 alt1&quot;&gt;
42&lt;/div&gt;
&lt;div class=&quot;line number43 index42 alt2&quot;&gt;
43&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;csharp color1&quot;&gt;/// &lt;summary&gt;&lt;/summary&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;csharp color1&quot;&gt;/// Search records from database.&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;csharp color1&quot;&gt;/// &lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;csharp color1&quot;&gt;/// &lt;param name=&quot;keywords&quot; /&gt;the list of keywords&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;csharp color1&quot;&gt;/// &lt;returns&gt;all found records&lt;/returns&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;csharp keyword&quot;&gt;public&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&lt;article&gt; Search(List&amp;lt;&lt;/article&gt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;string&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;&amp;gt; keywords)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;csharp comments&quot;&gt;// Generate a complex Sql command.&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;StringBuilder sqlBuilder = &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;new&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;StringBuilder();&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number10 index9 alt1&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;sqlBuilder.Append(&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&quot;select * from [Articles] where &quot;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number11 index10 alt2&quot;&gt;
&lt;code class=&quot;csharp keyword&quot;&gt;foreach&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;string&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;item &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;in&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;keywords)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number12 index11 alt1&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number13 index12 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;sqlBuilder.AppendFormat(&lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&quot;([Title] like &#39;%{0}%&#39; or [Content] like &#39;%{0}%&#39;) and &quot;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;, item);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number14 index13 alt1&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number15 index14 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number16 index15 alt1&quot;&gt;
&lt;code class=&quot;csharp comments&quot;&gt;// Remove unnecessary string &quot; and &quot; at the end of the command.&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number17 index16 alt2&quot;&gt;
&lt;code class=&quot;csharp keyword&quot;&gt;string&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;sql = sqlBuilder.ToString(0, sqlBuilder.Length - 5);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number18 index17 alt1&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number19 index18 alt2&quot;&gt;
&lt;code class=&quot;csharp keyword&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;QueryList(sql);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number20 index19 alt1&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number21 index20 alt2&quot;&gt;
&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;line number22 index21 alt1&quot;&gt;
&lt;code class=&quot;csharp color1&quot;&gt;/// &lt;summary&gt;&lt;/summary&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number23 index22 alt2&quot;&gt;
&lt;code class=&quot;csharp color1&quot;&gt;/// Excute a Sql command.&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number24 index23 alt1&quot;&gt;
&lt;code class=&quot;csharp color1&quot;&gt;/// &lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number25 index24 alt2&quot;&gt;
&lt;code class=&quot;csharp color1&quot;&gt;/// &lt;param name=&quot;cmdText&quot; /&gt;Command text&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number26 index25 alt1&quot;&gt;
&lt;code class=&quot;csharp keyword&quot;&gt;protected&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&lt;article&gt; QueryList(&lt;/article&gt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;string&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;cmdText)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number27 index26 alt2&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number28 index27 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;List&lt;article&gt; articles = &lt;/article&gt;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;new&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;List&lt;article&gt;();&lt;/article&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number29 index28 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;SqlCommand cmd = GenerateSqlCommand(cmdText);&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number30 index29 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;using&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;(cmd.Connection)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number31 index30 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number32 index31 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;SqlDataReader reader = cmd.ExecuteReader();&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number33 index32 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp comments&quot;&gt;// Transform records to a list.&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number34 index33 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;if&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;(reader.HasRows)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number35 index34 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number36 index35 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;while&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;(reader.Read())&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number37 index36 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number38 index37 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;articles.Add(ReadArticle(reader));&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number39 index38 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number40 index39 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number41 index40 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number42 index41 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;return&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;articles;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number43 index42 alt2&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;h3&gt;
 3. Hightlight Keyword&lt;/h3&gt;
- Sau khi hoàn thành các bước ở phần 1 &amp;amp; 2, chúng ta đã có thể lấy 
được kết quả tìm kiếm trả về, và các bạn có thể bind dữ liệu vào 
repeate, listview hay datalist... thì tùy vào mục đích sử dụng. Phần này
 mình muốn nói thêm về cách đánh dấu từ khóa tìm kiếm trên danh sách kết
 quả tìm kiếm trả về trên giao diện người dùng.&lt;br /&gt;


 - Đầu tiên mình sẽ viết css cho phân hightlight keyword của mình&lt;br /&gt;

&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  css&quot; id=&quot;highlighter_750106&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;style type=&quot;&amp;lt;/code&quot;&gt;&lt;code class=&quot;css string&quot;&gt;&quot;text/css&quot;&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&gt;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;span.keyHightLight{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;background-color&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;:yellow &lt;/code&gt;&lt;code class=&quot;css color3&quot;&gt;!important&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;css spaces&quot;&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;&lt;/code&gt;&lt;code class=&quot;css keyword&quot;&gt;display&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;:&lt;/code&gt;&lt;code class=&quot;css value&quot;&gt;inline&lt;/code&gt; &lt;code class=&quot;css color3&quot;&gt;!important&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;;&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;css spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;&lt;/style&gt;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
- Việc còn lại bây giờ sẽ là lập trình 1 vòng lặp để thay thế các từ khóa có trong nội dung trả về (&lt;em&gt;ở đây kết quả tìm kiếm trả về là 1 danh sách List&lt;article&gt;&lt;/article&gt;&lt;/em&gt;) theo dạng như sau:&lt;br /&gt;

&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  css&quot; id=&quot;highlighter_830403&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;css plain&quot;&gt;keyword thay thế bằng &lt;span class=&quot;&amp;lt;/code&quot;&gt;&lt;code class=&quot;css string&quot;&gt;&#39;keyHightLight&#39;&lt;/code&gt;&lt;code class=&quot;css plain&quot;&gt;&amp;gt;keyword&lt;/code&gt;&lt;/span&gt;.&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
- Chắc mình viết đến đây các bạn đã hiểu cách mình làm ở đây. Đoạn code phần này như sau:&lt;br /&gt;

&lt;div&gt;
&lt;div class=&quot;syntaxhighlighter  csharp&quot; id=&quot;highlighter_316393&quot;&gt;
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
1&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
2&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
3&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
4&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
5&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
6&lt;/div&gt;
&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
7&lt;/div&gt;
&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
8&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
9&lt;/div&gt;
&lt;/td&gt;&lt;td class=&quot;code&quot;&gt;&lt;div class=&quot;container&quot;&gt;
&lt;div class=&quot;line number1 index0 alt2&quot;&gt;
&lt;code class=&quot;csharp comments&quot;&gt;//hight light keyword&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number2 index1 alt1&quot;&gt;
&lt;code class=&quot;csharp keyword&quot;&gt;foreach&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;(&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;string&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;keyItems &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;in&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;keyList)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number3 index2 alt2&quot;&gt;
&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number4 index3 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;foreach&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;(Article items &lt;/code&gt;&lt;code class=&quot;csharp keyword&quot;&gt;in&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;_ls)&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number5 index4 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;{&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number6 index5 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;items.Title = items.Title.Replace(keyItems, &lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&quot;&lt;span class=&quot;keyHightLight&quot;&gt;&quot;&lt;/span&gt;&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;+ keyItems&amp;nbsp;&amp;nbsp; + &lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&quot;&lt;/code&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;
&quot;&lt;code class=&quot;csharp plain&quot;&gt;);&lt;/code&gt;&lt;div class=&quot;line number7 index6 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;items.Content = items.Content.Replace(keyItems, &lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&quot;&lt;span class=&quot;keyHightLight&quot;&gt;&quot;&lt;/span&gt;&lt;/code&gt; &lt;code class=&quot;csharp plain&quot;&gt;+&amp;nbsp;&amp;nbsp; keyItems + &lt;/code&gt;&lt;code class=&quot;csharp string&quot;&gt;&quot;&lt;/code&gt;&lt;/div&gt;
&quot;&lt;code class=&quot;csharp plain&quot;&gt;);&lt;/code&gt;&lt;div class=&quot;line number8 index7 alt1&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div class=&quot;line number9 index8 alt2&quot;&gt;
&lt;code class=&quot;csharp spaces&quot;&gt;&amp;nbsp;&lt;/code&gt;&lt;code class=&quot;csharp plain&quot;&gt;}&lt;/code&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;&quot;&gt;
&lt;br /&gt;&amp;nbsp;- Với cách làm trên mình thấy chạy khá ổn khi tìm kiếm với lượng dữ liêu
 vừa phải, tuy nhiên nếu xử lý với dữ liệu lớn sẽ không được tối ưu.&lt;div style=&quot;background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/5745794301490666014/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/5745794301490666014' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/5745794301490666014'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/5745794301490666014'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/08/xu-ly-tim-kiem-trong-website-c.html' title='Xử lý tìm kiếm trong website C#'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-2634915741359909166</id><published>2016-05-04T20:33:00.002-07:00</published><updated>2016-05-04T20:33:48.698-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.net"/><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'>File upload and download using JQuery and submit button ASP.net</title><content type='html'>&lt;h1&gt;
The Post method&lt;/h1&gt;
This method will look in the Request object 
to see if there are any posted files. If so, it will loop over the files
 and create them on the server side. The server will return a 201 
HttpStatus and a list of strings that will contain the full path of the 
file(s) at server side. When there are no files posted, the service will
 return a 401 status a.k.a. BadRequest.&lt;br /&gt;
&lt;pre class=&quot;code&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;public &lt;/span&gt;&lt;span style=&quot;color: #2b91af;&quot;&gt;HttpResponseMessage &lt;/span&gt;Post()
       {
           &lt;span style=&quot;color: #2b91af;&quot;&gt;HttpResponseMessage &lt;/span&gt;result = &lt;span style=&quot;color: blue;&quot;&gt;null&lt;/span&gt;;
           &lt;span style=&quot;color: blue;&quot;&gt;var &lt;/span&gt;httpRequest = &lt;span style=&quot;color: #2b91af;&quot;&gt;HttpContext&lt;/span&gt;.Current.Request;

           &lt;span style=&quot;color: green;&quot;&gt;// Check if files are available
           &lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;if &lt;/span&gt;(httpRequest.Files.Count &amp;gt; 0)
           {
               &lt;span style=&quot;color: blue;&quot;&gt;var &lt;/span&gt;files = &lt;span style=&quot;color: blue;&quot;&gt;new &lt;/span&gt;&lt;span style=&quot;color: #2b91af;&quot;&gt;List&lt;/span&gt;&amp;lt;&lt;span style=&quot;color: blue;&quot;&gt;string&lt;/span&gt;&amp;gt;();

               &lt;span style=&quot;color: green;&quot;&gt;// interate the files and save on the server
               &lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;foreach &lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;string &lt;/span&gt;file &lt;span style=&quot;color: blue;&quot;&gt;in &lt;/span&gt;httpRequest.Files)
               {
                   &lt;span style=&quot;color: blue;&quot;&gt;var &lt;/span&gt;postedFile = httpRequest.Files[file];
                   &lt;span style=&quot;color: blue;&quot;&gt;var &lt;/span&gt;filePath = &lt;span style=&quot;color: #2b91af;&quot;&gt;HttpContext&lt;/span&gt;.Current.Server.MapPath(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;~/&quot; &lt;/span&gt;+ postedFile.FileName);
                   postedFile.SaveAs( filePath);

                   files.Add(filePath);
               }

               &lt;span style=&quot;color: green;&quot;&gt;// return result
              &lt;/span&gt;result = Request.CreateResponse(&lt;span style=&quot;color: #2b91af;&quot;&gt;HttpStatusCode&lt;/span&gt;.Created, files);
           }
           &lt;span style=&quot;color: blue;&quot;&gt;else
           &lt;/span&gt;{
               &lt;span style=&quot;color: green;&quot;&gt;// return BadRequest (no file(s) available)
               &lt;/span&gt;result = Request.CreateResponse(&lt;span style=&quot;color: #2b91af;&quot;&gt;HttpStatusCode&lt;/span&gt;.BadRequest);
           }

           &lt;span style=&quot;color: blue;&quot;&gt;return &lt;/span&gt;result;
       }&lt;/pre&gt;
&lt;br /&gt;
&lt;h1&gt;
The Get Method&lt;/h1&gt;
As mentioned before, the Get Method will accept a string file that will identify (= filename) the file that needs to be downloaded.&lt;br /&gt;
&lt;pre class=&quot;code&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;public &lt;/span&gt;&lt;span style=&quot;color: #2b91af;&quot;&gt;HttpResponseMessage &lt;/span&gt;Get(&lt;span style=&quot;color: blue;&quot;&gt;string &lt;/span&gt;id)
       {
           &lt;span style=&quot;color: #2b91af;&quot;&gt;HttpResponseMessage &lt;/span&gt;result = &lt;span style=&quot;color: blue;&quot;&gt;null&lt;/span&gt;;
           &lt;span style=&quot;color: blue;&quot;&gt;var &lt;/span&gt;localFilePath = &lt;span style=&quot;color: #2b91af;&quot;&gt;HttpContext&lt;/span&gt;.Current.Server.MapPath(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;~/&quot; &lt;/span&gt;+ id);

           &lt;span style=&quot;color: green;&quot;&gt;// check if parameter is valid
           &lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;if &lt;/span&gt;(&lt;span style=&quot;color: #2b91af;&quot;&gt;String&lt;/span&gt;.IsNullOrEmpty(id))
           {
               result = Request.CreateResponse(&lt;span style=&quot;color: #2b91af;&quot;&gt;HttpStatusCode&lt;/span&gt;.BadRequest);
           }
               &lt;span style=&quot;color: green;&quot;&gt;// check if file exists on the server
           &lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;else if &lt;/span&gt;(!&lt;span style=&quot;color: #2b91af;&quot;&gt;File&lt;/span&gt;.Exists(localFilePath))
           {
               result = Request.CreateResponse(&lt;span style=&quot;color: #2b91af;&quot;&gt;HttpStatusCode&lt;/span&gt;.Gone);
           }
           &lt;span style=&quot;color: blue;&quot;&gt;else
           &lt;/span&gt;{&lt;span style=&quot;color: green;&quot;&gt;// serve the file to the client
               &lt;/span&gt;result = Request.CreateResponse( &lt;span style=&quot;color: #2b91af;&quot;&gt;HttpStatusCode&lt;/span&gt;.OK);
               result.Content = &lt;span style=&quot;color: blue;&quot;&gt;new &lt;/span&gt;&lt;span style=&quot;color: #2b91af;&quot;&gt;StreamContent&lt;/span&gt;(&lt;span style=&quot;color: blue;&quot;&gt;new &lt;/span&gt;&lt;span style=&quot;color: #2b91af;&quot;&gt;FileStream&lt;/span&gt;(localFilePath, &lt;span style=&quot;color: #2b91af;&quot;&gt;FileMode&lt;/span&gt;.Open, &lt;span style=&quot;color: #2b91af;&quot;&gt;FileAccess&lt;/span&gt;.Read));
               result.Content.Headers.ContentDisposition = &lt;span style=&quot;color: blue;&quot;&gt;new &lt;/span&gt;System.Net.Http.Headers.&lt;span style=&quot;color: #2b91af;&quot;&gt;ContentDispositionHeaderValue&lt;/span&gt;(&lt;span style=&quot;color: #a31515;&quot;&gt;&quot;attachment&quot;&lt;/span&gt;);
               result.Content.Headers.ContentDisposition.FileName = id;
           }

           &lt;span style=&quot;color: blue;&quot;&gt;return &lt;/span&gt;result;
       }&lt;/pre&gt;
&lt;br /&gt;
&lt;h1&gt;
Uploading a File&lt;/h1&gt;
&lt;h2&gt;
Using a submit&amp;nbsp; button&lt;/h2&gt;
&lt;pre class=&quot;code&quot;&gt; &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;form1&quot; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;method&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;post&quot; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;action&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;api/file&quot; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;enctype&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;multipart/form-data&quot;&amp;gt;
    &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;
        &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;
            &lt;/span&gt;Using submit&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;
        &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;input &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;myFile&quot; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;file&quot; /&amp;gt;
    &amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;
    &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;
        &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;input &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;submit&quot; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Submit&quot; /&amp;gt;
    &amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;div&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;
    &amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;h2&gt;
Using JQuery&lt;/h2&gt;
&lt;pre class=&quot;code&quot;&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;enctype&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;multipart/form-data&quot;&amp;gt;
    &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;
        &lt;/span&gt;Using JQuery&lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;label&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;
    &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;input &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;name&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;file&quot; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;file&quot; /&amp;gt;
    &amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;input &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;button&quot; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;id&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Upload&quot; &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;value&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;Upload&quot; /&amp;gt;
    &amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;form&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;
&lt;pre class=&quot;code&quot;&gt;        &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script &lt;/span&gt;&lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;
            &lt;/span&gt;$(&lt;span style=&quot;color: blue;&quot;&gt;function &lt;/span&gt;() {
                $(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;#Upload&#39;&lt;/span&gt;).click(&lt;span style=&quot;color: blue;&quot;&gt;function &lt;/span&gt;() {
                    &lt;span style=&quot;color: blue;&quot;&gt;var &lt;/span&gt;formData = &lt;span style=&quot;color: blue;&quot;&gt;new &lt;/span&gt;FormData($(&lt;span style=&quot;color: maroon;&quot;&gt;&#39;form&#39;&lt;/span&gt;)[0]);
                    $.ajax({
                        url: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;api/file&#39;&lt;/span&gt;, 
                        type: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;POST&#39;&lt;/span&gt;,
                        &lt;span style=&quot;color: darkgreen;&quot;&gt;// Form data
                        &lt;/span&gt;data: formData,
                        &lt;span style=&quot;color: darkgreen;&quot;&gt;//Options to tell JQuery not to process data or worry about content-type
                        &lt;/span&gt;cache: &lt;span style=&quot;color: blue;&quot;&gt;false&lt;/span&gt;,
                        contentType: &lt;span style=&quot;color: blue;&quot;&gt;false&lt;/span&gt;,
                        processData: &lt;span style=&quot;color: blue;&quot;&gt;false
                    &lt;/span&gt;});
                });
            });
        &lt;span style=&quot;color: blue;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/2634915741359909166/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/2634915741359909166' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/2634915741359909166'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/2634915741359909166'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/05/file-upload-and-download-using-jquery.html' title='File upload and download using JQuery and submit button ASP.net'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-6316931813894325188</id><published>2016-04-24T17:11:00.000-07:00</published><updated>2016-04-24T17:11:02.817-07:00</updated><title type='text'>C# standard deviation example</title><content type='html'>&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pln&quot;&gt;&lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;static&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;double&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;StdDev&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;T&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;IEnumerable&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;T&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; list&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Func&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;T&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;double&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; values&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;com&quot;&gt;// ref: http://stackoverflow.com/questions/2253874/linq-equivalent-for-standard-deviation&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;com&quot;&gt;// ref: http://warrenseen.com/blog/2006/03/13/how-to-calculate-standard-deviation/ &lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; mean &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;0.0&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; sum &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;0.0&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; stdDev &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;0.0&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; n &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; value &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; list&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Select&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;values&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;))&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
            n&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;++;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
            &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;var&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; delta &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; value &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; mean&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
            mean &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;+=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; delta &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; n&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
            sum &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;+=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; delta &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;*&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;value &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; mean&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; n&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
            stdDev &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Sqrt&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;sum &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;n &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;));&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;

        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; stdDev&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; 

    &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;Or&amp;nbsp;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;&lt;code&gt;&lt;span class=&quot;kwd&quot;&gt;public&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;static&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;double&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;StdDev&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;IEnumerable&lt;/span&gt;&lt;span class=&quot;str&quot;&gt;&lt;double&gt;&lt;/double&gt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; values&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;com&quot;&gt;// ref: http://warrenseen.com/blog/2006/03/13/how-to-calculate-standard-deviation/&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;double&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; mean &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;0.0&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;double&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; sum &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;0.0&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;double&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; stdDev &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;0.0&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;int&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; n &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;foreach&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;double&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; val &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;in&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; values&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;{&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        n&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;++;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;double&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; delta &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; val &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; mean&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        mean &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;+=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; delta &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; n&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        sum &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;+=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; delta &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;*&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;val &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; mean&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;);&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;if&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; n&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
        stdDev &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Math&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;typ&quot;&gt;Sqrt&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;sum &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;n &lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;lit&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;));&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;

    &lt;/span&gt;&lt;span class=&quot;kwd&quot;&gt;return&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt; stdDev&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;&lt;code&gt;&lt;span class=&quot;pun&quot;&gt;ref: http://stackoverflow.com/questions/2253874/linq-equivalent-for-standard-deviation&amp;nbsp;&lt;/span&gt;&lt;/code&gt; &lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/6316931813894325188/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/6316931813894325188' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/6316931813894325188'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/6316931813894325188'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/04/c-standard-deviation-example.html' title='C# standard deviation example'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-8597832460803166375</id><published>2016-04-22T20:32:00.001-07:00</published><updated>2016-04-22T20:32:22.946-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="SEO"/><category scheme="http://www.blogger.com/atom/ns#" term="Tools"/><title type='text'>excite submit URL</title><content type='html'>go to this, please:&lt;br /&gt;
http://www.excitesubmit.com</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/8597832460803166375/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/8597832460803166375' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/8597832460803166375'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/8597832460803166375'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/04/excite-submit-url.html' title='excite submit URL'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-581196696884753829</id><published>2016-04-20T00:15:00.000-07:00</published><updated>2016-04-20T00:15:25.869-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><category scheme="http://www.blogger.com/atom/ns#" term="php"/><title type='text'>Convert and Loop through JSON with PHP and JavaScript Arrays/Objects</title><content type='html'>&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;nx&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;#gender&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;).&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;on&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;change&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;kd&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;()&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;nx&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;ajax&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;({&lt;/span&gt;
    &lt;span class=&quot;na&quot;&gt;type&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;POST&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;na&quot;&gt;data&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;s2&quot;&gt;&quot;gender&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;#gender&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;).&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;val&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;()&lt;/span&gt;
    &lt;span class=&quot;p&quot;&gt;},&lt;/span&gt;
    &lt;span class=&quot;na&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;response.php&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;na&quot;&gt;dataType&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;json&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;
    &lt;span class=&quot;na&quot;&gt;success&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;kd&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;JSONObject&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
      &lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;peopleHTML&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;

      &lt;span class=&quot;c1&quot;&gt;// Loop through Object and create peopleHTML&lt;/span&gt;
      &lt;span class=&quot;k&quot;&gt;for&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;key&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;in&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;JSONObject&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
        &lt;span class=&quot;k&quot;&gt;if&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;JSONObject&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;hasOwnProperty&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;key&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
          &lt;span class=&quot;nx&quot;&gt;peopleHTML&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+=&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;
&lt;tr&gt;&quot;&lt;/tr&gt;
&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
            &lt;span class=&quot;nx&quot;&gt;peopleHTML&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+=&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;td&gt;&quot;&lt;/td&gt;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;JSONObject&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;key&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;][&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;name&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&quot;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
            &lt;span class=&quot;nx&quot;&gt;peopleHTML&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+=&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;td&gt;&quot;&lt;/td&gt;&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;JSONObject&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;key&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;][&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;gender&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;]&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&quot;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
          &lt;span class=&quot;nx&quot;&gt;peopleHTML&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;+=&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;&quot;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
        &lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;
      &lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;

      &lt;span class=&quot;c1&quot;&gt;// Replace table’s tbody html with peopleHTML&lt;/span&gt;
      &lt;span class=&quot;nx&quot;&gt;$&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;#people tbody&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;).&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;html&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;peopleHTML&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
    &lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;
  &lt;span class=&quot;p&quot;&gt;});&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;});&lt;/span&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;see more:&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;p&quot;&gt;https://jonsuh.com/blog/convert-loop-through-json-php-javascript-arrays-objects/ &lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/581196696884753829/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/581196696884753829' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/581196696884753829'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/581196696884753829'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/04/convert-and-loop-through-json-with-php.html' title='Convert and Loop through JSON with PHP and JavaScript Arrays/Objects'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-7630027174247995077</id><published>2016-04-19T06:07:00.003-07:00</published><updated>2016-04-19T06:07:46.117-07:00</updated><title type='text'>C#.net write JSON, (p1)</title><content type='html'>&lt;pre&gt;&lt;code class=&quot;language-cpp hljs&quot;&gt;&lt;span class=&quot;hljs-comment&quot;&gt;//準備資料&lt;/span&gt;
            &lt;span class=&quot;hljs-built_in&quot;&gt;string&lt;/span&gt; collapse_key = &lt;span class=&quot;hljs-string&quot;&gt;&quot;score_update&quot;&lt;/span&gt;;
            &lt;span class=&quot;hljs-keyword&quot;&gt;int&lt;/span&gt; time_to_live = &lt;span class=&quot;hljs-number&quot;&gt;108&lt;/span&gt;;
            &lt;span class=&quot;hljs-keyword&quot;&gt;bool&lt;/span&gt; delay_while_idle = &lt;span class=&quot;hljs-literal&quot;&gt;true&lt;/span&gt;;
            &lt;span class=&quot;hljs-built_in&quot;&gt;string&lt;/span&gt; score = &lt;span class=&quot;hljs-string&quot;&gt;&quot;4x8&quot;&lt;/span&gt;;
            &lt;span class=&quot;hljs-built_in&quot;&gt;string&lt;/span&gt; time = &lt;span class=&quot;hljs-string&quot;&gt;&quot;15:16.2342&quot;&lt;/span&gt;;
            List&amp;lt;&lt;span class=&quot;hljs-built_in&quot;&gt;string&lt;/span&gt;&amp;gt; registration_ids = &lt;span class=&quot;hljs-keyword&quot;&gt;new&lt;/span&gt; List&amp;lt;&lt;span class=&quot;hljs-built_in&quot;&gt;string&lt;/span&gt;&amp;gt;() { &lt;span class=&quot;hljs-string&quot;&gt;&quot;4&quot;&lt;/span&gt;,&lt;span class=&quot;hljs-string&quot;&gt;&quot;8&quot;&lt;/span&gt;,&lt;span class=&quot;hljs-string&quot;&gt;&quot;15&quot;&lt;/span&gt;,&lt;span class=&quot;hljs-string&quot;&gt;&quot;16&quot;&lt;/span&gt;,&lt;span class=&quot;hljs-string&quot;&gt;&quot;23&quot;&lt;/span&gt;,&lt;span class=&quot;hljs-string&quot;&gt;&quot;42&quot;&lt;/span&gt;};


            &lt;span class=&quot;hljs-comment&quot;&gt;//開始拼接字串&lt;/span&gt;
            StringBuilder sb = &lt;span class=&quot;hljs-keyword&quot;&gt;new&lt;/span&gt; StringBuilder();
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;{&quot;&lt;/span&gt;);
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;collapse_key\&quot;:\&quot;&quot;&lt;/span&gt;+collapse_key+&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;,&quot;&lt;/span&gt;);
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;time_to_live\&quot;:&quot;&lt;/span&gt;+time_to_live+&lt;span class=&quot;hljs-string&quot;&gt;&quot;,&quot;&lt;/span&gt;);
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;delay_while_idle\&quot;:&quot;&lt;/span&gt;+delay_while_idle.ToString().ToLower()+&lt;span class=&quot;hljs-string&quot;&gt;&quot;,&quot;&lt;/span&gt;);
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;data\&quot;:{&quot;&lt;/span&gt;);
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;score\&quot;:\&quot;&quot;&lt;/span&gt;+score+&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;,&quot;&lt;/span&gt;);
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;time\&quot;:\&quot;&quot;&lt;/span&gt;+time+&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;&quot;&lt;/span&gt;);
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;},&quot;&lt;/span&gt;);
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;registration_ids\&quot;:[&quot;&lt;/span&gt;);
            foreach (&lt;span class=&quot;hljs-built_in&quot;&gt;string&lt;/span&gt; item in registration_ids)
            {
                sb.Append(&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;&quot;&lt;/span&gt;+item+&lt;span class=&quot;hljs-string&quot;&gt;&quot;\&quot;,&quot;&lt;/span&gt;);
            }
            sb = &lt;span class=&quot;hljs-keyword&quot;&gt;new&lt;/span&gt; StringBuilder(sb.ToString().TrimEnd(&lt;span class=&quot;hljs-string&quot;&gt;&#39;,&#39;&lt;/span&gt;));&lt;span class=&quot;hljs-comment&quot;&gt;//移除最後一個「,」字元&lt;/span&gt;
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;]&quot;&lt;/span&gt;);
            sb.AppendLine(&lt;span class=&quot;hljs-string&quot;&gt;&quot;}&quot;&lt;/span&gt;);

            &lt;span class=&quot;hljs-comment&quot;&gt;//輸出結果&lt;/span&gt;
            Response.Write(sb.ToString());&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code class=&quot;language-cpp hljs&quot;&gt;More here:&lt;/code&gt;&lt;/pre&gt;
&lt;pre&gt;&lt;code class=&quot;language-cpp hljs&quot;&gt;https://dotblogs.com.tw/shadow/archive/2012/08/16/74099.aspx &lt;/code&gt;&lt;/pre&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/7630027174247995077/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/7630027174247995077' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/7630027174247995077'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/7630027174247995077'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/04/cnet-write-json-p1.html' title='C#.net write JSON, (p1)'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-2665479903860926430</id><published>2016-04-17T22:01:00.005-07:00</published><updated>2016-04-17T22:01:58.721-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.net"/><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'>Make AJAX JSON call to ASP.Net WCF Service using jQuery and Javascript</title><content type='html'>&lt;h2&gt;
Here Mudassar Ahmed Khan has explained how to modify the ASP.Net WCF
 (Windows Communication Foundation) service to make it accept AJAX JSON 
calls and to make AJAX JSON calls to ASP.Net WCF Service using 
JavaScript and jQuery&lt;/h2&gt;
&lt;h2&gt;
&amp;nbsp;see more:&lt;/h2&gt;
&lt;h2&gt;
http://www.aspsnippets.com/Articles/Make-AJAX-JSON-call-to-ASP.Net-WCF-Service-using-jQuery-and-Javascript.aspx&lt;/h2&gt;
&lt;h2&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;$(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#search&quot;&lt;/span&gt;).live(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;click&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;/span&gt;
 &lt;/h2&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $.ajax({&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; type: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;POST&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; contentType: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;application/json; charset=utf-8&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; url: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;&lt;span style=&quot;background: yellow;&quot;&gt;&amp;lt;%&lt;/span&gt;=ResolveUrl(&quot;~/Services/Service.svc/GetCustomers&quot;) &lt;span style=&quot;background: yellow;&quot;&gt;%&amp;gt;&lt;/span&gt;&#39;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; data: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;{&quot;prefix&quot;: &quot;&#39;&lt;/span&gt; + $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#prefix&quot;&lt;/span&gt;).val() + &lt;span style=&quot;color: maroon;&quot;&gt;&#39;&quot;}&#39;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; processData: &lt;span style=&quot;color: blue;&quot;&gt;false&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; dataType: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;json&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; success: &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; (response) {&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; customers = eval(response.d);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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;&lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; html = &lt;span style=&quot;color: maroon;&quot;&gt;&quot;&quot;&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; $.each(customers, &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; html += &lt;span style=&quot;color: maroon;&quot;&gt;&quot;Name: &quot; + &lt;span style=&quot;color: blue;&quot;&gt;this&lt;/span&gt;.Name + &lt;span style=&quot;color: maroon;&quot;&gt;&quot; Id: &quot;&lt;/span&gt; + &lt;span style=&quot;color: blue;&quot;&gt;this&lt;/span&gt;.Id + &lt;span style=&quot;color: maroon;&quot;&gt;&quot;&lt;/span&gt;&lt;br /&gt;&quot;&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; });&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;#results&quot;&lt;/span&gt;).html(html == &lt;span style=&quot;color: maroon;&quot;&gt;&quot;&quot;&lt;/span&gt; ? &lt;span style=&quot;color: maroon;&quot;&gt;&quot;No results&quot;&lt;/span&gt; : html);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; },&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; error: &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; (a, b, c) {&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; alert(a.responseText);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; }&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/span&gt;&lt;/div&gt;
&lt;h2&gt;
&amp;nbsp;&lt;/h2&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/2665479903860926430/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/2665479903860926430' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/2665479903860926430'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/2665479903860926430'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/04/make-ajax-json-call-to-aspnet-wcf.html' title='Make AJAX JSON call to ASP.Net WCF Service using jQuery and Javascript'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-1716915070856214606</id><published>2016-04-12T02:55:00.001-07:00</published><updated>2016-04-12T02:55:31.169-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.net"/><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'> 500: Internal Server when call Webservice in jquery and Asp.net</title><content type='html'>&lt;pre class=&quot;default prettyprint prettyprinted&quot;&gt;&lt;code&gt;&lt;span class=&quot;tag&quot;&gt;&lt;system .web.extensions=&quot;&quot;&gt;&lt;/system&gt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
      &lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&lt;scripting&gt;&lt;/scripting&gt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
           &lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&lt;webservices&gt;&lt;/webservices&gt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
                &lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&lt;jsonserialization span=&quot;&quot;&gt;&lt;span class=&quot;pln&quot;&gt; &lt;/span&gt;&lt;span class=&quot;atn&quot;&gt;maxJsonLength&lt;/span&gt;&lt;span class=&quot;pun&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;atv&quot;&gt;&quot;50000000&quot;&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;/&amp;gt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
           &lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&lt;/span&gt;&lt;/jsonserialization&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;span class=&quot;pln&quot;&gt;
       &lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&lt;/span&gt;&lt;span class=&quot;pln&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;tag&quot;&gt;&lt;/span&gt;</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/1716915070856214606/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/1716915070856214606' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/1716915070856214606'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/1716915070856214606'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/04/500-internal-server-when-call.html' title=' 500: Internal Server when call Webservice in jquery and Asp.net'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-406161858791077783</id><published>2016-04-10T20:08:00.002-07:00</published><updated>2016-04-10T20:08:30.701-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.net"/><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'>Asp.net C# + Dropzone js : Easy way to upload images [Drag &amp; Drop feature]</title><content type='html'>Please see link:&lt;br /&gt;
&lt;a href=&quot;http://codepedia.info/2015/03/using-dropzone-js-file-image-upload-in-asp-net-webform-c/&quot;&gt;http://codepedia.info/2015/03/using-dropzone-js-file-image-upload-in-asp-net-webform-c/&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/406161858791077783/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/406161858791077783' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/406161858791077783'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/406161858791077783'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/04/aspnet-c-dropzone-js-easy-way-to-upload.html' title='Asp.net C# + Dropzone js : Easy way to upload images [Drag &amp; Drop feature]'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-6408733705481426063</id><published>2016-04-10T20:00:00.002-07:00</published><updated>2016-04-10T20:01:10.595-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="ASP.net"/><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><title type='text'>Generic Handler ashx file : Post send JSON data in Asp.net c#, jQuery</title><content type='html'>$(&quot;#bntSubmit&quot;).on(&#39;click&#39;, function (e) {&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; // Initialize the object, before adding data to it.&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; //&amp;nbsp; { } is declarative shorthand for new Object()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; var obj = {};&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; obj.first_name = $(&quot;#txtFirstName&quot;).val();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; obj.last_name = $(&quot;#txtLastName&quot;).val();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; obj.qualification = $(&quot;#txtQualication&quot;).val();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; obj.age = $(&quot;#txtAge&quot;).val();&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; //In order to proper pass a json string, you have to use function JSON.stringfy&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; var jsonData = JSON.stringify(obj);&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; $.ajax({&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; url: &#39;myGenericHandler.ashx&#39;,&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; type: &#39;POST&#39;,&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; data: jsonData,&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; success: function (data) {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; console.log(data);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; alert(&quot;Success :&quot; + data);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; },&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; error: function (errorText) {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; alert(&quot;Wwoops something went wrong !&quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; e.preventDefault();&lt;br /&gt;
});&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;
# Add Generic Handler ( ashx file) in your Asp.net Application.&lt;/h3&gt;
&lt;h3&gt;
&amp;nbsp;&lt;/h3&gt;
&lt;h3&gt;
using System.Web.Script.Serialization;&lt;br /&gt;using System.IO;&lt;/h3&gt;
&lt;h3&gt;
&amp;nbsp;&lt;/h3&gt;
&lt;h3&gt;
&amp;nbsp;// we create a userinfo class to hold the JSON value&lt;br /&gt;&amp;nbsp; public class userInfo&lt;br /&gt;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; public string first_name { get; set; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; public string last_name { get; set; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; public string qualification { get; set; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; public string age { get; set; }&lt;br /&gt;&amp;nbsp; }&lt;/h3&gt;
&lt;h3&gt;
public void ProcessRequest(HttpContext context)&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; context.Response.ContentType = &quot;text/plain&quot;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; try&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; string strJson = new StreamReader(context.Request.InputStream).ReadToEnd();&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //deserialize the object&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; userInfo objUsr = Deserialize&lt;userinfo&gt;(strJson);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (objUsr != null)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; string fullName = objUsr.first_name + &quot; &quot; + objUsr.last_name;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; string age = objUsr.age;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; string qua = objUsr.qualification;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; context.Response.Write(string.Format(&quot;Name :{0} , Age={1}, Qualification={2}&quot;, fullName, age, qua));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; else&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; context.Response.Write(&quot;No Data&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; catch (Exception ex)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; context.Response.Write(&quot;Error :&quot; + ex.Message);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;}&lt;/userinfo&gt;&lt;/h3&gt;
&lt;h3&gt;
&amp;nbsp;&lt;/h3&gt;
&lt;h3&gt;
&amp;lt;%@ WebHandler Language=&quot;C#&quot; Class=&quot;myGenericHandler&quot; %&amp;gt;&lt;br /&gt;&lt;br /&gt;using System;&lt;br /&gt;using System.Web;&lt;br /&gt;using System.Web.Script.Serialization;&lt;br /&gt;using System.IO;&lt;br /&gt;&lt;br /&gt;public class myGenericHandler : IHttpHandler&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; public void ProcessRequest(HttpContext context)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; context.Response.ContentType = &quot;text/plain&quot;;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; try&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; string strJson = new StreamReader(context.Request.InputStream).ReadToEnd();&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //deserialize the object&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; userInfo objUsr = Deserialize&lt;userinfo&gt;(strJson);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; if (objUsr != null)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&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; string fullName = objUsr.first_name + &quot; &quot; + objUsr.last_name;&lt;br /&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; string age = objUsr.age;&lt;br /&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; string qua = objUsr.qualification;&lt;br /&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; context.Response.Write(string.Format(&quot;Name :{0} , Age={1}, Qualification={2}&quot;, fullName, age, qua));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; else&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&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; context.Response.Write(&quot;No Data&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; catch (Exception ex)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; context.Response.Write(&quot;Error :&quot; + ex.Message);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; public bool IsReusable&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; get&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return false;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; // we create a userinfo class to hold the JSON value&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; public class userInfo&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; public string first_name { get; set; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; public string last_name { get; set; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; public string qualification { get; set; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; public string age { get; set; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; // Converts the specified JSON string to an object of type T&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; public T Deserialize&lt;t&gt;(string context)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; string jsonData = context;&lt;br /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //cast to specified objectType&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; var obj = (T)new JavaScriptSerializer().Deserialize&lt;t&gt;(jsonData);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; return obj;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&lt;br /&gt;} &lt;/t&gt;&lt;/t&gt;&lt;/userinfo&gt;&lt;/h3&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/6408733705481426063/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/6408733705481426063' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/6408733705481426063'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/6408733705481426063'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/04/generic-handler-ashx-file-post-send.html' title='Generic Handler ashx file : Post send JSON data in Asp.net c#, jQuery'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-3210049003301448908</id><published>2016-04-06T18:56:00.003-07:00</published><updated>2016-04-06T18:56:27.874-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="SQL Server 2005"/><category scheme="http://www.blogger.com/atom/ns#" term="SQL Server 2008 Express"/><title type='text'>Download and install Microsoft SQL Server 2008 R2 Express</title><content type='html'>&lt;h3&gt;
Introduction&lt;/h3&gt;
&lt;div style=&quot;padding-left: 30px;&quot;&gt;
This article explains how to download and install a default instance of Microsoft SQL Server 2008 R2 Express.&lt;/div&gt;
&lt;h3&gt;
Instructions&lt;/h3&gt;
&lt;div style=&quot;padding-left: 30px;&quot;&gt;
Before proceeding, verify that you don&#39;t 
already have an instance of Microsoft SQL Server installed on the 
computer. If any edition (excluding the&amp;nbsp;Compact Edition) of Microsoft 
SQL Server 2000 or later is already installed, you can use this existing
 installation with RealtyWare. Previous versions of Microsoft SQL Server
 may have to be updated or can be kept side-by-side with newer versions.&lt;/div&gt;
&lt;div style=&quot;padding-left: 30px;&quot;&gt;
Follow these steps to download and perform a new default instance installation of Microsoft SQL Server 2008 R2 Express:&lt;/div&gt;
&lt;blockquote&gt;
&lt;ol&gt;
&lt;li&gt;Download Microsoft SQL Server 2008 R2 Express. There are 32-bit (x86, file name &lt;em&gt;SQLEXPRWT_x86_ENU.exe)&lt;/em&gt; and 64-bit (x64, file name &lt;em&gt;SQLEXPRWT_x64_ENU.exe&lt;/em&gt;) versions available for download. If you are unsure if your operating system is 64-bit, download the 32-bit version:&lt;br /&gt;&lt;br /&gt; • &lt;a href=&quot;http://go.microsoft.com/fwlink/?LinkId=186785&amp;amp;clcid=0x409&quot;&gt;Microsoft SQL Server 2008 R2 Express 32-bit (x86)&lt;/a&gt;&lt;br /&gt;&lt;strong&gt; - or -&lt;/strong&gt;&lt;br /&gt; • &lt;a href=&quot;http://go.microsoft.com/fwlink/?LinkId=186786&amp;amp;clcid=0x409&quot;&gt;Microsoft SQL Server 2008 R2 Express 64-bit (x64)&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;This download also includes basic management tools for the database server.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Important:&lt;/strong&gt; You may have to install &lt;a href=&quot;http://go.microsoft.com/fwlink/?LinkId=120550&quot;&gt;Microsoft .Net Framework 3.5 SP1&lt;/a&gt;, &lt;a href=&quot;http://go.microsoft.com/fwlink/?LinkID=123422&quot;&gt;Windows Installer 4.5&lt;/a&gt; and &lt;a href=&quot;http://go.microsoft.com/fwlink/?LinkId=190527&quot;&gt;Windows PowerShell 1.0&lt;/a&gt; before installing Microsoft SQL Server 2008 R2 (typically required for Windows XP and Windows Server 2003).&lt;/li&gt;
&lt;li&gt;Open the downloaded file (&lt;em&gt;SQLEXPRWT_x86_ENU.exe&lt;/em&gt; or &lt;em&gt;SQLEXPRWT_x64_ENU.exe&lt;/em&gt;) to start the SQL Server Installation Center.&lt;/li&gt;
&lt;li&gt;Click on &lt;strong&gt;New installation or add features to an existing installation&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Follow the installation wizard.&lt;/li&gt;
&lt;li&gt;When prompted for the &lt;strong&gt;Instance Configuration&lt;/strong&gt;, select &lt;strong&gt;Default instance&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Follow the installation wizard.&lt;/li&gt;
&lt;li&gt;When prompted for the &lt;strong&gt;Database Engine Configuration&lt;/strong&gt;, it is recommended that you select &lt;strong&gt;Mixed Mode (SQL Server authentication and Windows authentication)&lt;/strong&gt; and provide a strong password.&lt;/li&gt;
&lt;li&gt;Follow the installation wizard and wait until the installation is complete.&lt;/li&gt;
&lt;/ol&gt;
&lt;/blockquote&gt;
&lt;div style=&quot;padding-left: 30px;&quot;&gt;
For security reasons, network access to 
the database server is disabled by default. Follow these steps to enable
 TCP/IP network access:&lt;/div&gt;
&lt;blockquote&gt;
&lt;ol&gt;
&lt;li&gt;Go to &lt;strong&gt;Start&lt;/strong&gt; &amp;gt; &lt;strong&gt;All Programs&lt;/strong&gt; &amp;gt; &lt;strong&gt;Microsoft SQL Server 2008 R2&lt;/strong&gt; &amp;gt; &lt;strong&gt;Configuration Tools&lt;/strong&gt; &amp;gt; &lt;strong&gt;SQL Server Configuration Manager&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Open the node &lt;strong&gt;SQL Server Network Configuration&lt;/strong&gt; and select &lt;strong&gt;Protocols for MSSQLSERVER&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Double-click on &lt;strong&gt;TCP/IP&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Set &lt;strong&gt;Enabled&lt;/strong&gt; to &lt;strong&gt;Yes&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Click on &lt;strong&gt;OK&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Close the SQL Server Configuration Manager.&lt;/li&gt;
&lt;li&gt;Restart the computer or the SQL Server service.&lt;/li&gt;
&lt;/ol&gt;
&lt;/blockquote&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/3210049003301448908/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/3210049003301448908' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/3210049003301448908'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/3210049003301448908'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/04/download-and-install-microsoft-sql.html' title='Download and install Microsoft SQL Server 2008 R2 Express'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-984534299467722962</id><published>2016-03-30T06:09:00.002-07:00</published><updated>2016-03-30T06:10:20.884-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="C#"/><category scheme="http://www.blogger.com/atom/ns#" term="Javascript"/><category scheme="http://www.blogger.com/atom/ns#" term="jquery"/><title type='text'>JSON.stringify</title><content type='html'>&lt;div&gt;
&lt;span style=&quot;color: blue; font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt; &lt;span style=&quot;color: red;&quot;&gt;type&lt;/span&gt;&lt;span style=&quot;color: blue;&quot;&gt;=&quot;text/javascript&quot;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;[id*=btnSave]&quot;&lt;/span&gt;).bind(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;click&quot;&lt;/span&gt;, &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; () {&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;var&lt;/span&gt; user = {};&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; user.Username = $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;[id*=txtUsername]&quot;&lt;/span&gt;).val();&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; user.Password = $(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;[id*=txtPassword]&quot;&lt;/span&gt;).val();&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; $.ajax({&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; type: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;POST&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; url: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;Default.aspx/SaveUser&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; data: &lt;span style=&quot;color: maroon;&quot;&gt;&#39;{user: &#39;&lt;/span&gt; + JSON.stringify(user) + &lt;span style=&quot;color: maroon;&quot;&gt;&#39;}&#39;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; contentType: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;application/json; charset=utf-8&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; dataType: &lt;span style=&quot;color: maroon;&quot;&gt;&quot;json&quot;&lt;/span&gt;,&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; success: &lt;span style=&quot;color: blue;&quot;&gt;function&lt;/span&gt; (response) {&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; alert(&lt;span style=&quot;color: maroon;&quot;&gt;&quot;User has been added successfully.&quot;&lt;/span&gt;);&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; window.location.reload();&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&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; }&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style=&quot;color: blue;&quot;&gt;return&lt;/span&gt; &lt;span style=&quot;color: blue;&quot;&gt;false&lt;/span&gt;;&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/span&gt;&lt;/div&gt;
&lt;div&gt;
&lt;span style=&quot;color: blue; font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: maroon; font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;script&lt;/span&gt;&lt;span style=&quot;color: blue; font-family: &amp;quot;courier new&amp;quot;; font-size: 9.5pt;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/984534299467722962/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/984534299467722962' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/984534299467722962'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/984534299467722962'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/03/jsonstringify.html' title='JSON.stringify'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-9131166950817428193</id><published>2016-03-22T20:40:00.001-07:00</published><updated>2016-03-22T20:40:34.269-07:00</updated><title type='text'>Tipsy jQuery Tooltip</title><content type='html'>See more:&lt;br /&gt;
http://1stwebmagazine.com/tipsy-jquery-tooltip&lt;br /&gt;
Demo:&lt;br /&gt;
http://1stwebmagazine.com/demo/tipsy-jquery-tooltip.html</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/9131166950817428193/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/9131166950817428193' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/9131166950817428193'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/9131166950817428193'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/03/tipsy-jquery-tooltip.html' title='Tipsy jQuery Tooltip'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-1281463156723189126</id><published>2016-01-25T02:22:00.003-08:00</published><updated>2016-01-25T02:22:50.742-08:00</updated><title type='text'>Create Android API key for Google Maps </title><content type='html'>&lt;h1 itemprop=&quot;name&quot; style=&quot;-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222426; font-family: Arial, &#39;Helvetica Neue&#39;, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 1.3; margin: 0px 0px 0.5em; orphans: auto; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;a class=&quot;question-hyperlink&quot; href=&quot;http://stackoverflow.com/questions/27609442/how-to-get-the-sha1-fingerprint-certificate-in-android-studio-for-debug-mode&quot; style=&quot;border: 0px; color: #222426; cursor: pointer; font-size: 24px; font-weight: normal; line-height: 1.35; margin: 0px 0px 0.5em; padding: 0px; text-decoration: none;&quot;&gt;How to get the SHA1 fingerprint certificate in android studio for debug mode?&lt;/a&gt;&lt;/h1&gt;
&lt;h1 itemprop=&quot;name&quot; style=&quot;-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #222426; font-family: Arial, &#39;Helvetica Neue&#39;, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: 1.3; margin: 0px 0px 0.5em; orphans: auto; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;&quot;&gt;
&lt;a href=&quot;http://stackoverflow.com/questions/27609442/how-to-get-the-sha1-fingerprint-certificate-in-android-studio-for-debug-mode&quot; target=&quot;_blank&quot;&gt;See link&lt;/a&gt; &lt;/h1&gt;
</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/1281463156723189126/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/1281463156723189126' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/1281463156723189126'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/1281463156723189126'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/01/create-android-api-key-for-google-maps.html' title='Create Android API key for Google Maps '/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-6230502927638945629</id><published>2016-01-24T20:07:00.002-08:00</published><updated>2016-01-24T20:07:25.415-08:00</updated><title type='text'>Cài đặt Google Play Service cho máy ảo Genymotion</title><content type='html'>&lt;a href=&quot;https://duythanhcse.wordpress.com/2015/09/13/bai-67-cai-dat-google-play-service-cho-may-ao-genymotion/&quot; target=&quot;_blank&quot;&gt;Link here&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/6230502927638945629/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/6230502927638945629' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/6230502927638945629'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/6230502927638945629'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/01/cai-at-google-play-service-cho-may-ao.html' title='Cài đặt Google Play Service cho máy ảo Genymotion'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-5754091714302006919.post-8141811798925058671</id><published>2016-01-21T17:39:00.003-08:00</published><updated>2016-01-21T17:39:44.595-08:00</updated><title type='text'>Click Once publishing: .sdf.deploy did not succeed</title><content type='html'>&lt;h3&gt;
The Problem&lt;/h3&gt;
So, you’re trying to publish a desktop app via the Visual Studio 2010
 Click Once publishing, and you’re having problems with Visual Studio 
2010 Click Once publishing? &amp;nbsp;Are you getting errors like the part below&lt;br /&gt;

&lt;blockquote&gt;
Following errors were detected during this operation.&lt;br /&gt;
* [2/22/2012 1:45:21 PM] System.Deployment.Application.DeploymentDownloadException (Unknown subtype)&lt;br /&gt;
– Downloading http://www.Domain.com/PublishFiles/SomeApp/Application 
Files/ReportingApp_1_0_0_8/App_Data/Reporting.sdf.deploy did not 
succeed.&lt;br /&gt;
– Source: System.Deployment&lt;br /&gt;
– Stack trace:&lt;br /&gt;
at System.Deployment.Application.SystemNetDownloader.DownloadSingleFile(DownloadQueueItem next)&lt;br /&gt;
at System.Deployment.Application.SystemNetDownloader.DownloadAllFiles()&lt;br /&gt;
at System.Deployment.Application.FileDownloader.Download(SubscriptionState subState)&lt;br /&gt;
at 
System.Deployment.Application.DownloadManager.DownloadDependencies(SubscriptionState
 subState, AssemblyManifest deployManifest, AssemblyManifest 
appManifest, Uri sourceUriBase, String targetDirectory, String group, 
IDownloadNotification notification, DownloadOptions options)&lt;br /&gt;
at 
System.Deployment.Application.ApplicationActivator.DownloadApplication(SubscriptionState
 subState, ActivationDescription actDesc, Int64 transactionId, 
TempDirectory&amp;amp; downloadTemp)&lt;br /&gt;
at 
System.Deployment.Application.ApplicationActivator.InstallApplication(SubscriptionState&amp;amp;
 subState, ActivationDescription actDesc)&lt;br /&gt;
at 
System.Deployment.Application.ApplicationActivator.PerformDeploymentActivation(Uri
 activationUri, Boolean isShortcut, String textualSubId, String 
deploymentProviderUrlFromExtension, BrowserSettings browserSettings, 
String&amp;amp; errorPageUrl)&lt;br /&gt;
at System.Deployment.Application.ApplicationActivator.ActivateDeploymentWorker(Object state)&lt;br /&gt;
— Inner Exception —&lt;br /&gt;
System.Net.WebException&lt;br /&gt;
– The remote server returned an error: (404) Not Found.&lt;br /&gt;
– Source: System&lt;br /&gt;
– Stack trace:&lt;br /&gt;
at System.Net.HttpWebRequest.GetResponse()&lt;br /&gt;
at System.Deployment.Application.SystemNetDownloader.DownloadSingleFile(DownloadQueueItem next)&lt;/blockquote&gt;
Even though you are not using a .sdf file&lt;br /&gt;

&lt;h3&gt;
The Cause&lt;/h3&gt;
Somewhere along the way you did have a .sdf file in the app_data 
folder, and the Click Once deploy manifest listed it. The manifest looks
 for it and does not find it, and would not find it anyway due to .sdf 
not being an accepted mime type on your server.&lt;br /&gt;

&lt;h3&gt;
The Solution&lt;/h3&gt;
Make sure that there are no .sdf files in the app_data folder, do a 
grep for any .sdf files, and then delete the web directories containing 
the files, the republish via click once</content><link rel='replies' type='application/atom+xml' href='http://phattrienweb.blogspot.com/feeds/8141811798925058671/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/5754091714302006919/8141811798925058671' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/8141811798925058671'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5754091714302006919/posts/default/8141811798925058671'/><link rel='alternate' type='text/html' href='http://phattrienweb.blogspot.com/2016/01/click-once-publishing-sdfdeploy-did-not.html' title='Click Once publishing: .sdf.deploy did not succeed'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>