<?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>RantieV &#187; JavaScript</title>
	<atom:link href="http://www.rantiev.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rantiev.com</link>
	<description>Блог разработчика о HTML, jQuery, Wordpress , Flash, Actionscript, работа с Forex</description>
	<lastBuildDate>Sat, 31 Jul 2010 13:50:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Поддержка шрифта с помощью JavaScript.</title>
		<link>http://www.rantiev.com/%d0%bf%d0%be%d0%b4%d0%b4%d0%b5%d1%80%d0%b6%d0%ba%d0%b0-%d1%88%d1%80%d0%b8%d1%84%d1%82%d0%b0-%d1%81-%d0%bf%d0%be%d0%bc%d0%be%d1%89%d1%8c%d1%8e-javascript/</link>
		<comments>http://www.rantiev.com/%d0%bf%d0%be%d0%b4%d0%b4%d0%b5%d1%80%d0%b6%d0%ba%d0%b0-%d1%88%d1%80%d0%b8%d1%84%d1%82%d0%b0-%d1%81-%d0%bf%d0%be%d0%bc%d0%be%d1%89%d1%8c%d1%8e-javascript/#comments</comments>
		<pubDate>Mon, 04 Jan 2010 21:28:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Верстка]]></category>

		<guid isPermaLink="false">http://rantiev.com/?p=355</guid>
		<description><![CDATA[Это всего лишь один из способов. Но мне он понравился. Есть несколько минусов, но работается мне с этой штуковиной отлично. Минусы&#8230; текст в некоторых бразерах не выделяется, не подсвечиваются ссылки сгенерированные Cufon, также при увеличении размера шрифта, шрифт, который был сгенерирован c помощью Cufon не растет, это конечно можно вылечить, если перезапустить генерацию шрифта, после [...]]]></description>
			<content:encoded><![CDATA[<p>Это всего лишь один из способов. Но мне он понравился. Есть несколько минусов, но работается мне с этой штуковиной отлично. Минусы&#8230; текст в некоторых бразерах не выделяется, не подсвечиваются ссылки сгенерированные Cufon, также при увеличении размера шрифта, шрифт, который был сгенерирован c помощью Cufon не растет, это конечно можно вылечить, если перезапустить генерацию шрифта, после того как юзер увеличил шрифт.</p>
<p>Итак, чтобы добавить поддержку шрифта делаем следующее.</p>
<p>1) http://download.github.com/sorccu-cufon-2972b8b.zip качаем архив, заходим в папку generate и генерируем специальный js файл.<br />
Выбираем шрифты, если вам нужен только простой текст создать, с помощью дополнительного шрифта, то можно выбрать просто Regular Typeface, а остальные типы шрифта не выбирать. </p>
<p>Например я хочу чтобы у меня была поддержка шрифтов нормального вида и курсива, я захожу на страницу http://cufon.shoqolate.com/generate/ &#8211; и выбираю там из моей папки со шрифтами LTe50269.ttf для обычного шрифта и LTe50270.ttf для курсива.<br />
Это два файла со шрифтом Helvetica Neue Ultralight 25, один курсив второй обычный.</p>
<p>The EULAs of these fonts allow Web Embedding ставим галку.<br />
I acknowledge and accept these terms ставим галку.</p>
<p>Можете в будущем поиграть с опциями, откючая всевозможные варианты, вы можете уменьшить размер файла шрифта.</p>
<p>Жмем Let&#8217;s do it &#8211; получаем файл.</p>
<p>На этой странице вы можете почитать родной мануал http://wiki.github.com/sorccu/cufon/about если с английским все впорядке.</p>
<p>Includes the following glyphs выбираем ALL, можете выбрать другой, ALL выбирает все  символы.<br />
Security &#8211; впишите название вашего домена, чтобы другие люди не могли использовать ваш файл  шрифта.</p>
<p>переименуйте его в font.js</p>
<p>2)  Возьмите из папки js файл cufon.js и ваш font.js файл и поместите с вашим html документом.</p>
<p>3) Добавим  в head следующий код.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">                <span style="color: #339933;">&lt;</span>script src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;cufon.js&quot;</span> type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;</span>
		<span style="color: #339933;">&lt;</span>script src<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;font.js&quot;</span> type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;</span>
&nbsp;
		<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
			Cufon<span style="color: #339933;">.</span>replace<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'h1'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span></pre></div></div>

<p> Все, теперь ваши h1 &#8211; заголовки превратятся в красивые заголовки с новым шрифтом. Кстати если у вас doctype transitional, то будут проблемы с line-height атрибутом, если перейдете на strict, проблема исчезнет.</p>
<p>Также с помощью данной штуки можно добавить градиенты и тени для вашего текста и если у вас подключена какая-либо библиотека (mootools, Jquery и помоему Prototype), то в Cufon.replace(&#8217;h1&#8242;) можно применять селекторы этой библиотеки. Скрипт астоматом распознает библиотеку и начинает работать с ней.</p>
<p>Для того чтобы добавить градиенти тень, заменить соответствующие строки на:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
			Cufon<span style="color: #339933;">.</span>replace<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'h1'</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span>
				color<span style="color: #339933;">:</span> <span style="color: #0000ff;">'-linear-gradient(#ff9900,  #fff)'</span><span style="color: #339933;">,</span>
				textShadow<span style="color: #339933;">:</span> <span style="color: #0000ff;">'#000 2px 2px'</span>
			<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span></pre></div></div>

<p>  color: &#8216;-linear-gradient(#ff9900,  #fff)&#8217; создает переход от орандевого к белому, можно еще добавить цветов через запятые, например color: &#8216;-linear-gradient(#ff9900,  #fff,  #000)&#8217;<br />
textShadow: &#8216;#000 2px 2px&#8217; аналогично, создает тень с цветом #000 отступ 2px вниз, если придать отрицательное значение тень будет выше чем текст, можно также через запятую добавить несколько теней, например так: textShadow: &#8216;#000 2px 2px, #ff9900 4px 4px&#8217;</p>
<p>Удачи. Если что-то не получается пишите комменты помогу. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.rantiev.com/%d0%bf%d0%be%d0%b4%d0%b4%d0%b5%d1%80%d0%b6%d0%ba%d0%b0-%d1%88%d1%80%d0%b8%d1%84%d1%82%d0%b0-%d1%81-%d0%bf%d0%be%d0%bc%d0%be%d1%89%d1%8c%d1%8e-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>XHTML Validator и специальные символы.</title>
		<link>http://www.rantiev.com/xhtml-validator-%d0%b8-%d1%81%d0%bf%d0%b5%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b5-%d1%81%d0%b8%d0%bc%d0%b2%d0%be%d0%bb%d1%8b/</link>
		<comments>http://www.rantiev.com/xhtml-validator-%d0%b8-%d1%81%d0%bf%d0%b5%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b5-%d1%81%d0%b8%d0%bc%d0%b2%d0%be%d0%bb%d1%8b/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 19:43:29 +0000</pubDate>
		<dc:creator>adminRantie</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Верстка]]></category>

		<guid isPermaLink="false">http://rantiev.com/?p=76</guid>
		<description><![CDATA[Допустим вам надо Сделать переадресацию на JavaScript.
И в строке запроса есть несколько переменных, к примеру такую страницу вам нужно будет открыть. http://www.muurl.ca/news-jun-29-09/?a&#38;b=1

Код будет такой..
&#8212;&#8212;-html какой-то&#8212;&#8212;&#8211;
&#60;script language=&#8221;javascript&#8221; type=&#8221;text/javascript&#8221;&#62;
document.location.href = unescape(&#8217;http://www.axcesssolutions.ca/contact-us.php?firstname=&#8217;+p1.value+&#8217;&#38;lastname=&#8217;+p2.value&#8217;);
&#60;/script&#62;
&#8212;&#8212;-html какой-то&#8212;&#8212;&#8211;
Валидатор придерается к тому что в JavaScript используется не кодированный символ &#8220;&#38;&#8221;. Если прописать его как &#38;amp;, то ссылка не сработает.
Я сделал так.
document.location.href = unescape(&#8217;http://www.axcesssolutions.ca/contact-us.php?firstname=&#8217;+p1.value+&#8217;%26lastname=&#8217;+p2.value&#8217;);
Прописываем символ [...]]]></description>
			<content:encoded><![CDATA[<p>Допустим вам надо Сделать переадресацию на JavaScript.<br />
И в строке запроса есть несколько переменных, к примеру такую страницу вам нужно будет открыть. http://www.muurl.ca/news-jun-29-09/?a&amp;b=1<br />
<span id="more-76"></span><br />
Код будет такой..<br />
&#8212;&#8212;-html какой-то&#8212;&#8212;&#8211;<br />
&lt;script language=&#8221;javascript&#8221; type=&#8221;text/javascript&#8221;&gt;<br />
document.location.href = unescape(&#8217;http://www.axcesssolutions.ca/contact-us.php?firstname=&#8217;+p1.value+&#8217;&amp;lastname=&#8217;+p2.value&#8217;);<br />
&lt;/script&gt;<br />
&#8212;&#8212;-html какой-то&#8212;&#8212;&#8211;</p>
<p>Валидатор придерается к тому что в JavaScript используется не кодированный символ &#8220;&amp;&#8221;. Если прописать его как &amp;amp;, то ссылка не сработает.</p>
<p>Я сделал так.<br />
document.location.href = unescape(&#8217;http://www.axcesssolutions.ca/contact-us.php?firstname=&#8217;+p1.value+&#8217;%26lastname=&#8217;+p2.value&#8217;);</p>
<p>Прописываем символ &amp; как %26, и потом используя функцию декодирования делаем нормальный путь.</p>
<p>Cсылка работает, валидатор не придерается.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rantiev.com/xhtml-validator-%d0%b8-%d1%81%d0%bf%d0%b5%d1%86%d0%b8%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b5-%d1%81%d0%b8%d0%bc%d0%b2%d0%be%d0%bb%d1%8b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Как создать отражения для изображений с помощью JavaScript?</title>
		<link>http://www.rantiev.com/%d0%ba%d0%b0%d0%ba-%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d1%82%d1%8c-%d0%be%d1%82%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8%d1%8f-%d0%b4%d0%bb%d1%8f-%d0%b8%d0%b7%d0%be%d0%b1%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8/</link>
		<comments>http://www.rantiev.com/%d0%ba%d0%b0%d0%ba-%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d1%82%d1%8c-%d0%be%d1%82%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8%d1%8f-%d0%b4%d0%bb%d1%8f-%d0%b8%d0%b7%d0%be%d0%b1%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 10:11:01 +0000</pubDate>
		<dc:creator>adminRantie</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://rantiev.com/?p=48</guid>
		<description><![CDATA[Для того чтобы создать отражения картинкам проделайте следующее.
1. Cкачайте архив (кстати там будут хорошие примеры на английском)
2. Загрузите на свой сайт файл reflection.js.
3. Подключите файл   &#60;script type=&#8221;text/javascript&#8221; src=&#8221;reflection.js&#8221;&#62;&#60;/script&#62;(не забудьте указать путь правильный)
4. Укажите картинке class=&#8221;reflect&#8221;.

Можно менять высоту отражения.
class=&#8221;reflect rheight33&#8243;
class=&#8221;reflect rheight66&#8243;
class=&#8221;reflect rheight100&#8243;
Высота отражения установится 33,66 и 100 процентов соответственно.
Можно менять прозрачность отражения.
class=&#8221;reflect ropacity30&#8243;
class=&#8221;reflect ropacity60&#8243;
class=&#8221;reflect ropacity100&#8243;
Прозрачность [...]]]></description>
			<content:encoded><![CDATA[<p>Для того чтобы создать отражения картинкам проделайте следующее.</p>
<p>1. <a href="http://cow.neondragon.net/stuff/reflection/reflection.zip">Cкачайте архив</a> (кстати там будут хорошие примеры на английском)<br />
2. Загрузите на свой сайт файл reflection.js.<br />
3. Подключите файл   &lt;script type=&#8221;text/javascript&#8221; src=&#8221;reflection.js&#8221;&gt;&lt;/script&gt;(не забудьте указать путь правильный)<br />
4. Укажите картинке class=&#8221;reflect&#8221;.<br />
<span id="more-48"></span><br />
Можно менять высоту отражения.<br />
class=&#8221;reflect rheight33&#8243;<br />
class=&#8221;reflect rheight66&#8243;<br />
class=&#8221;reflect rheight100&#8243;<br />
Высота отражения установится 33,66 и 100 процентов соответственно.</p>
<p>Можно менять прозрачность отражения.<br />
class=&#8221;reflect ropacity30&#8243;<br />
class=&#8221;reflect ropacity60&#8243;<br />
class=&#8221;reflect ropacity100&#8243;<br />
Прозрачность отражения установится 33,66 и 100 процентов соответственно.</p>
<p>Можно изменять два параметра сразу.<br />
class=&#8221;reflect rheight30 ropacity60&#8243;</p>
<p>Поддерживаемые браузеры.<br />
* Internet Explorer 5.5+<br />
* Mozilla Firefox 1.5+<br />
* Google Chrome (all versions)<br />
* Safari 2+<br />
* Opera 9+</p>
<p>Под отражениями может быть бэкгрaунд не только белый, все примеры есть в архиве.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rantiev.com/%d0%ba%d0%b0%d0%ba-%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d1%82%d1%8c-%d0%be%d1%82%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8%d1%8f-%d0%b4%d0%bb%d1%8f-%d0%b8%d0%b7%d0%be%d0%b1%d1%80%d0%b0%d0%b6%d0%b5%d0%bd%d0%b8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
