<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html"><![CDATA[Форум ReadyScript &mdash; Маска ввода телефона]]></title>
	<link rel="self" href="http://forum.readyscript.ru/feed/atom/topic/807/" />
	<updated>2016-09-27T13:38:10Z</updated>
	<generator>PunBB</generator>
	<id>http://forum.readyscript.ru/topic/807/maska-vvoda-telefona/</id>
		<entry>
			<title type="html"><![CDATA[Re: Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4740/#p4740" />
			<content type="html"><![CDATA[<p>маска всегда применяется к полю ввода текста. А не просто к тексту.</p><div class="codebox"><pre><code>&lt;input name=&quot;phone&quot; value=&quot;{$user.phone}&quot;/&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
$(&#039;[name=&quot;phone&quot;]&#039;).mask(&#039;(999) 999-9999&#039;);
&lt;/script&gt;</code></pre></div><p>Читайте документацию к плагинам</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>http://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-09-27T13:38:10Z</updated>
			<id>http://forum.readyscript.ru/post/4740/#p4740</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4734/#p4734" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Закусило Александр пишет:</cite><blockquote><div class="quotebox"><blockquote><p>1. Все эти скрипты обращаются к полю по id или class у этого поля в форме обратной связи и в форме оформления заказа нет ни класса ни id, есть имя, но по имени что то обратиться не получается.</p><p>Всё просто<br /></p><div class="codebox"><pre><code>$(&#039;[name=&quot;ИМЯ ПОЛЯ&quot;]&#039;)</code></pre></div></blockquote></div></blockquote></div><br /><p>А для некоторых непросто, вразумите пожалуйста.</p><p>Скрипт к странице подключен jquery.maskedinput-1.2.2.js</p><p>Вот скрипт, который обрабатывает поле ввода (тоже есть)<br /></p><div class="codebox"><pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
jQuery(function($) {
$.mask.definitions[&#039;~&#039;]=&#039;[+-]&#039;;
$(&#039;#date&#039;).mask(&#039;99/99/9999&#039;);
$(&#039;#phone&#039;).mask(&#039;(999) 999-9999&#039;);
$(&#039;#phoneext&#039;).mask(&quot;(999) 999-9999? x99999&quot;);
$(&quot;#tin&quot;).mask(&quot;99-9999999&quot;);
$(&quot;#ssn&quot;).mask(&quot;999-99-9999&quot;);
$(&quot;#product&quot;).mask(&quot;a*-999-a999&quot;);
$(&quot;#eyescript&quot;).mask(&quot;~9.99 ~9.99 999&quot;);
});&lt;/script&gt; </code></pre></div><p>А вот строка ввода<br /></p><div class="codebox"><pre><code>&lt;tr&gt;
    &lt;td class=&quot;key&quot;&gt;Телефон:&lt;/td&gt;
    &lt;td class=&quot;value&quot;&gt;
            {$user.phone}
     &lt;/td&gt;
&lt;/tr&gt;  </code></pre></div><p>Что нужно здесь &quot;допилить&quot;, чтобы заработало?</p>]]></content>
			<author>
				<name><![CDATA[Sergey T.]]></name>
				<uri>http://forum.readyscript.ru/user/36/</uri>
			</author>
			<updated>2016-09-27T13:00:38Z</updated>
			<id>http://forum.readyscript.ru/post/4734/#p4734</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4028/#p4028" />
			<content type="html"><![CDATA[<p>Спасибо за помощь )</p>]]></content>
			<author>
				<name><![CDATA[Дмитрий]]></name>
				<uri>http://forum.readyscript.ru/user/243/</uri>
			</author>
			<updated>2016-07-20T07:23:49Z</updated>
			<id>http://forum.readyscript.ru/post/4028/#p4028</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4027/#p4027" />
			<content type="html"><![CDATA[<p>Да, но только в таком порядке</p><div class="codebox"><pre><code>$(document).ready(function(){
   //Ваш код инициализации

   $(&quot;body&quot;).on(&quot;new-content&quot;, function(){
         //Ваш код инициализации
   });
});</code></pre></div><p>Т.е. сначала инициализируем, то что не в окне, а потом, то что в окне.</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>http://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-07-20T07:22:09Z</updated>
			<id>http://forum.readyscript.ru/post/4027/#p4027</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4025/#p4025" />
			<content type="html"><![CDATA[<p>Хм ) в итоге заработало только вот так )) </p><div class="codebox"><pre><code>$(&quot;body&quot;).on(&quot;new-content&quot;, function(){</code></pre></div><p>А как можно совместить </p><div class="codebox"><pre><code>$(&quot;body&quot;).on(&quot;new-content&quot;, function() + $(document).ready(function()</code></pre></div><p> ))</p>]]></content>
			<author>
				<name><![CDATA[Дмитрий]]></name>
				<uri>http://forum.readyscript.ru/user/243/</uri>
			</author>
			<updated>2016-07-20T07:19:28Z</updated>
			<id>http://forum.readyscript.ru/post/4025/#p4025</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4023/#p4023" />
			<content type="html"><![CDATA[<p>jquery подгрузил в секции head</p><p>Но все равно ни как не работает )</p><p>Вот если просто на странице фору открыть <a href="http://superwings-shop.ru/feedback-1/">http://superwings-shop.ru/feedback-1/</a> то маска есть. А во всплывающем окне (синий ярлычок &quot;обратный звонок&quot; справа страницы&quot; - ну никак не хочет работать ((</p>]]></content>
			<author>
				<name><![CDATA[Дмитрий]]></name>
				<uri>http://forum.readyscript.ru/user/243/</uri>
			</author>
			<updated>2016-07-20T07:15:06Z</updated>
			<id>http://forum.readyscript.ru/post/4023/#p4023</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4022/#p4022" />
			<content type="html"><![CDATA[<p>Вообще-то когда открывается диалоговое окно, то все скрипты уже подгружжены, иначе бы диалоговое окно бы не открылось, а Вы просто бы перешли бы по ссылке.</p><p>Инициализация это не проблема, ведь Вы можете записать Ваш код на готовность всего документа:<br /></p><div class="codebox"><pre><code>$(document).ready(function(){
    //Сюда вставить код инициализации маски
});</code></pre></div><p>Только это код надо вставить в сам шаблон.</p><p>Ну уж на крааайний случай:<br /></p><div class="codebox"><pre><code>$(window).on(&#039;load&#039;, function(){
    //Сюда вставить код инициализации маски
});</code></pre></div><p>Хотя и предыдущего кода будет достаточно.</p><p>А вообще правильно, чтобы вверху у Вас оставался только jquery в секции head. А всё остальное можно вниз прятать. Тогда всегда всё будет работать.</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>http://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-07-20T07:05:16Z</updated>
			<id>http://forum.readyscript.ru/post/4022/#p4022</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4016/#p4016" />
			<content type="html"><![CDATA[<p>Да, по имени получилось обратиться вот так&nbsp; input[name=&quot;phone&quot;]</p><p>А вот такая инициализация для всплывающих окон почему то не работает ((</p><div class="codebox"><pre><code>$(&quot;body&quot;).on(&quot;new-content&quot;, function(){
    //Мой код инициализации  
});</code></pre></div><p>А разместить инициализацию прямо в шаблон обратной связи не вариант, потому что js&nbsp; у меня подгружаются внизу шаблона и инициализировать просто будет нечего.</p>]]></content>
			<author>
				<name><![CDATA[Дмитрий]]></name>
				<uri>http://forum.readyscript.ru/user/243/</uri>
			</author>
			<updated>2016-07-19T14:19:34Z</updated>
			<id>http://forum.readyscript.ru/post/4016/#p4016</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4015/#p4015" />
			<content type="html"><![CDATA[<div class="quotebox"><blockquote><p>1. Все эти скрипты обращаются к полю по id или class у этого поля в форме обратной связи и в форме оформления заказа нет ни класса ни id, есть имя, но по имени что то обратиться не получается.</p></blockquote></div><p>Всё просто<br /></p><div class="codebox"><pre><code>$(&#039;[name=&quot;ИМЯ ПОЛЯ&quot;]&#039;)</code></pre></div><div class="quotebox"><blockquote><p>2. Непонятно как это реализовать во всплывающей форме</p></blockquote></div><p>Все обновления контента, а также действия всплывающих окон вызывают событие <strong>new-content</strong>.</p><p>Соответственно вешаемся на событие к <strong>body</strong>:<br /></p><div class="codebox"><pre><code>$(&quot;body&quot;).on(&quot;new-content&quot;, function(){
    //Мой код инициализации  
});</code></pre></div><p>Ну уж если совсем не получается... То можно просто прописать код инициализации в сам шаблон обратной связи.</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>http://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2016-07-19T13:48:56Z</updated>
			<id>http://forum.readyscript.ru/post/4015/#p4015</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Маска ввода телефона]]></title>
			<link rel="alternate" href="http://forum.readyscript.ru/post/4014/#p4014" />
			<content type="html"><![CDATA[<p>Здравствуйте!</p><p>Хочу сделать для поля ввода телефона маску ввода вида +7 (___) ___-__-__ скриптов для этого хватает, но есть 2 проблемы:</p><p>1. Все эти скрипты обращаются к полю по id или class у этого поля в форме обратной связи и в форме оформления заказа нет ни класса ни id, есть имя, но по имени что то обратиться не получается.</p><p>2. Непонятно как это реализовать во всплывающей форме</p>]]></content>
			<author>
				<name><![CDATA[Дмитрий]]></name>
				<uri>http://forum.readyscript.ru/user/243/</uri>
			</author>
			<updated>2016-07-19T13:15:45Z</updated>
			<id>http://forum.readyscript.ru/post/4014/#p4014</id>
		</entry>
</feed>
