<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web-разработчик в дебрях &#187; javascript</title>
	<atom:link href="http://kuaa.ru/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://kuaa.ru</link>
	<description>О вебе, разработке и прочих вещах</description>
	<lastBuildDate>Tue, 10 Aug 2010 10:43:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Склонение слов средствами javascript</title>
		<link>http://kuaa.ru/sklonenie-slov-sredstvami-javascript/</link>
		<comments>http://kuaa.ru/sklonenie-slov-sredstvami-javascript/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 18:32:49 +0000</pubDate>
		<dc:creator>Chips</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[строки и числа]]></category>
		<category><![CDATA[функции]]></category>

		<guid isPermaLink="false">http://kuaa.ru/?p=120</guid>
		<description><![CDATA[Помимо склонения слов средствами php иногда нужно производить аналогичные операции с текстом и на javascript. Для этого достаточно взять уже готовую функцию на php и переписать ее под новый синтаксис. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 //склонение окончаний function declension&#40;num, expressions&#41; &#123; var [...]]]></description>
			<content:encoded><![CDATA[<p>Помимо <a href="http://kuaa.ru/sklonenie-slov-i-pravilnaya-zapis-vremeni-v-vide-teksta/">склонения слов средствами php</a> иногда нужно производить аналогичные операции с текстом и на javascript. Для этого достаточно взять уже готовую функцию на php и переписать ее под новый синтаксис.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//склонение окончаний</span>
<span style="color: #003366; font-weight: bold;">function</span> declension<span style="color: #009900;">&#40;</span>num<span style="color: #339933;">,</span> expressions<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #003366; font-weight: bold;">var</span> result<span style="color: #339933;">;</span>
    count <span style="color: #339933;">=</span> num <span style="color: #339933;">%</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>count <span style="color: #339933;">&gt;=</span> <span style="color: #CC0000;">5</span> <span style="color: #339933;">&amp;&amp;</span> count <span style="color: #339933;">&lt;=</span> <span style="color: #CC0000;">20</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        result <span style="color: #339933;">=</span> expressions<span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'2'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
        count <span style="color: #339933;">=</span> count <span style="color: #339933;">%</span> <span style="color: #CC0000;">10</span><span style="color: #339933;">;</span>
        <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>count <span style="color: #339933;">==</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            result <span style="color: #339933;">=</span> expressions<span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'0'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>count <span style="color: #339933;">&gt;=</span> <span style="color: #CC0000;">2</span> <span style="color: #339933;">&amp;&amp;</span> count <span style="color: #339933;">&lt;=</span> <span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            result <span style="color: #339933;">=</span> expressions<span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'1'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
            result <span style="color: #339933;">=</span> expressions<span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'2'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #000066; font-weight: bold;">return</span> result<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Отличием данной функции от php-аналога является отсутствие третьего параметра, отвечающего за вывод числа вместе с текстом. Если это нужно, то  дописать функцию не составит никакого труда.</p>
<p>Теперь можно склонять слова и выводить их на странице без перезагрузки страницы.</p>
]]></content:encoded>
			<wfw:commentRss>http://kuaa.ru/sklonenie-slov-sredstvami-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Делаем удобочитаемые цены в каталоге</title>
		<link>http://kuaa.ru/delaem-udobochitaemye-ceny-v-kataloge/</link>
		<comments>http://kuaa.ru/delaem-udobochitaemye-ceny-v-kataloge/#comments</comments>
		<pubDate>Fri, 08 Jan 2010 21:49:58 +0000</pubDate>
		<dc:creator>Chips</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[строки и числа]]></category>
		<category><![CDATA[функции]]></category>

		<guid isPermaLink="false">http://kuaa.ru/?p=78</guid>
		<description><![CDATA[Создавая каталоги товаров важно уделять внимание удобству восприятия цен на товары. Согласитесь, что достаточно сложно прочитать число 89433034, куда приятнее визуально отделить  тысячи от сотых, миллионы от тысяч, миллиарды от&#8230; впрочем, я пока не встречал в своей практике товары, стоимостью выше миллионов =). Тем не менее, нужно помнить о посетителях и создавать все условия для [...]]]></description>
			<content:encoded><![CDATA[<p>Создавая каталоги товаров важно уделять внимание удобству восприятия цен на товары. Согласитесь, что достаточно сложно прочитать число 89433034, куда приятнее визуально отделить  тысячи от сотых, миллионы от тысяч, миллиарды от&#8230; впрочем, я пока не встречал в своей практике товары, стоимостью выше миллионов =). Тем не менее, нужно помнить о посетителях и создавать все условия для покупки.</p>
<p>Хочу предложить две маленькие, но очень полезные функции на php и javascript, позволяющие автоматически преобразовывать числа в удобочитаемую строку. Другими словами превратить из 89433034 в 89 433 034.</p>
<p><span id="more-78"></span>Цены и просто числа удобнее хранить в базе в полях типа INT или FLOAT, т.к. это позволяет легко ими управлять и производить математические операции, а вот выводить на сайте их стоит разделяя пробелами, а есть быть точнее неразрывными пробелами &amp;nbsp;</p>
<p>Первая функция на php создана для того, чтобы генерировать контент и сразу выводить его на страницу, полезна при отображении цен для товаров.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> price_format<span style="color: #009900;">&#40;</span><span style="color: #000088;">$price</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    <span style="color: #000088;">$point</span> <span style="color: #339933;">=</span> <span style="color: #990000;">strcspn</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$price</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot; &quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000088;">$pr</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$price</span><span style="color: #009900;">&#91;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
    <span style="color: #b1b100;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$n</span><span style="color: #339933;">=</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span> <span style="color: #000088;">$n</span><span style="color: #339933;">&lt;</span><span style="color: #000088;">$point</span><span style="color: #339933;">;</span> <span style="color: #000088;">$n</span><span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">ceil</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$point</span><span style="color: #339933;">-</span><span style="color: #000088;">$n</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #cc66cc;">3</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$point</span><span style="color: #339933;">-</span><span style="color: #000088;">$n</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #cc66cc;">3</span><span style="color: #009900;">&#41;</span> <span style="color: #000088;">$pr</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$pr</span><span style="color: #339933;">.</span><span style="color: #0000ff;">&quot;&amp;nbsp;&quot;</span><span style="color: #339933;">;</span>
        <span style="color: #000088;">$pr</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$pr</span><span style="color: #339933;">.</span><span style="color: #000088;">$price</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$n</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #b1b100;">return</span> <span style="color: #000088;">$pr</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Вторая функция на javascript полезна в случаях когда Вы используете на своем сайте AJAX запросы, к примеру, в корзине заказов для удобного изменения количества покупаемых товаров, а следовательно, и итоговой цены товара.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> price_format<span style="color: #009900;">&#40;</span>price<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    point <span style="color: #339933;">=</span> price.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>
    pr <span style="color: #339933;">=</span> price.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>n<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span> n<span style="color: #339933;">&lt;</span>point<span style="color: #339933;">;</span> n<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">ceil</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>point<span style="color: #339933;">-</span>n<span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #009900;">&#40;</span>point<span style="color: #339933;">-</span>n<span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span> pr <span style="color: #339933;">=</span> pr <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&amp;nbsp;&quot;</span><span style="color: #339933;">;</span>
            pr <span style="color: #339933;">=</span> pr <span style="color: #339933;">+</span> price.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span>n<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
    <span style="color: #000066; font-weight: bold;">return</span> pr<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>В обоих случаях функции принимают только один параметр &#8211; цену в числовом формате.</p>
]]></content:encoded>
			<wfw:commentRss>http://kuaa.ru/delaem-udobochitaemye-ceny-v-kataloge/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
