1. Этот сайт использует файлы cookie. Продолжая пользоваться данным сайтом, Вы соглашаетесь на использование нами Ваших файлов cookie. Узнать больше.
  2. Уважаемый Гость! Если вы зарегистрировались на нашем форуме, значит вам нужна помощь! Мы всегда рады вам помочь, еще ни один пользователь не получил отказа! Но мы так же нуждаемся в Вашей поддержке. Проект полностью бесплатный, мы не имеем права требовать от вас денег, нам это и не нужно! Но от любой финансовой поддержки не откажемся. Проект развивается, но иногда очень тяжело его поддерживать, особенно в финансовом отношении. Если у вас есть возможность поддержать нас финансово, мы будем вам очень благодарны! С уважением, команда Оскласс Россия!
    Скрыть объявление
  3. Изменение в правилах форума! В связи с огромным количеством вопросов поступающих в адрес технической поддержки мы решили изменить правила форума! Просим всех пользователей обратить внимание на данные изменения и четко их соблюдать!
    Скрыть объявление
  4. Ребята, нуждаемся в программистах! Если хотите зарабатывать и есть время, пишите администраторам сайта. Есть база и инструменты, нужен опыт и знания =)
    Скрыть объявление

Ввод номера телефона +7(___)___-__-__

Тема в разделе "Шаблоны и улучшения", создана пользователем Магомед, 5 апр 2016.

  1. Магомед

    Магомед Новичок

    Это моя вторая тема. Пишу с целью помочь тому, кому нужна такая тема...
    При вводу номера телефона, чтоб подключалась маска "+7(___)___-__-__" и оно будет вводиться вот так "+7(999)123-45-67". У меня стоит плагин ввода телефона "Telephone". Если у вас ввод номера другим способом, то подключайте мозги и подделайте под себя.

    Начинаем.
    1. В самом начале закидываем маску (jquery.mask.min.js), которую прикрепил ниже в папку /oc-content/themes/osclasswizards/js
    2. Далее находим файл подключения маски к ядру. У меня шаблон osclasswizards и я в файле /oc-content/themes/osclasswizards/common/head.php прописываю код подключения маски:
    Код:
    osc_register_script('mask', osc_current_web_theme_url('js/jquery.mask.min.js'), array('jquery'));
    osc_enqueue_script('mask');
    3. В главном коде плагина "Telephone", который отвечает за поле ввода номера прописываю следующий код:
    Код:
    <script>
       $(function(){
     
    $("#telephone").inputmask("+7(999)999-99-99",
    { "oncomplete": function(){ 
    $("#phone_btn").prop('disabled', false);
    } 
    });//маска
    });
    </script>
    <div class="controls">
    		<div class="controls">
    			<label for="telephone"><?php _e('Телефон', 'telephone'); ?></label>
    			<div class="controls">
    				<input id="telephone" type="text" value="" name="telephone"></input>
    			</div>
    		</div>
    	</div>
    Вот собственно говоря и все. Как это выглядит смотрим в прикрепленный скриншот.
     

    Вложения:

    centurion нравится это.
  2. Michael

    Michael Новичок

     
  3. Michael

    Michael Новичок

    У меня не получилось к сожелению.
    В главном коде плагина "Telephone", который отвечает за поле ввода номера прописываю следующий код:
    Это где?
     
    EXREME нравится это.
  4. Иванya

    Иванya Новичок

    добрый вечер! где находится главном коде плагина "Telephone, укажите путь. спасибо
     
  5. bamser

    bamser Администратор

    Это нужно там где пользователь вводит телефон, чтобы формат был одинаковый.
    Код этот нужен на странице подать объявление и редактировать объявление.....
     
  6. Иванya

    Иванya Новичок

    <?php
    /*
    * Osclass – software for creating and publishing online classified
    * advertising platforms
    */
    ?>
    <?php
    $js_lang = array(
    'delete' => __('Delete', 'ctg_housing'),
    'cancel' => __('Cancel', 'ctg_housing')
    );

    osc_enqueue_script('jquery');
    osc_enqueue_script('jquery-ui');
    osc_register_script('delete-user-js', osc_current_web_theme_js_url('delete_user.js'), 'jquery-ui');
    osc_register_script('bxslider', osc_current_web_theme_url('bxslider/jquery.bxslider.min.js'), 'jquery');
    if(osc_is_home_page()||osc_is_search_page() || osc_is_ad_page()){
    osc_enqueue_script('bxslider');
    osc_enqueue_style('bxslider-css', osc_current_web_theme_url('bxslider/jquery.bxslider.css'));
    }
    ?>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title><?php echo meta_title() ; ?></title>
    <meta name="title" content="<?php echo osc_esc_html(meta_title()); ?>" />
    <?php if( meta_description() != '' ) { ?>
    <meta name="description" content="<?php echo osc_esc_html(meta_description()); ?>" />
    <?php } ?>
    <?php if( meta_keywords() != '' ) { ?>
    <meta name="keywords" content="<?php echo osc_esc_html(meta_keywords()); ?>" />
    <?php } ?>
    <?php if( osc_get_canonical() != '' ) { ?>
    <!-- canonical -->
    <link rel="canonical" href="<?php echo osc_get_canonical(); ?>"/>
    <!-- /canonical -->
    <?php } ?>

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <!-- favicon -->
    <link rel="shortcut icon" href="<?php echo osc_current_web_theme_url('favicon/favicon-48.png'); ?>" />
    <link rel="apple-touch-icon-precomposed" href="<?php echo osc_current_web_theme_url('favicon/favicon-144.png'); ?>" />
    <link rel="apple-touch-icon-precomposed" href="<?php echo osc_current_web_theme_url('favicon/favicon-114.png'); ?>" />
    <link rel="apple-touch-icon-precomposed" href="<?php echo osc_current_web_theme_url('favicon/favicon-72.png'); ?>" />
    <link rel="apple-touch-icon-precomposed" href="<?php echo osc_current_web_theme_url('favicon/favicon-57.png'); ?>" />
    <!-- /favicon -->
    <?php
    $theme_color = osc_get_preference('cust-colors','ctg_housing_theme');
    if($theme_color==''){$css='app.css';
    } else {
    $css='css/color-css/app'.$theme_color.'.css';
    }?>
    <link href="<?php echo osc_current_web_theme_url('js/jquery-ui/jquery-ui-1.10.2.custom.min.css') ; ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo osc_current_web_theme_url('css/normalize.css') ; ?>" rel="stylesheet" type="text/css" />
    <link href="<?php echo osc_current_web_theme_url('css/foundation.css') ; ?>" rel="stylesheet" type="text/css" />
    <?php if(osc_get_preference('preset_or_custom','ctg_housing_theme')=='preset'){ ?>
    <link href="<?php echo osc_current_web_theme_url($css) ; ?>" rel="stylesheet" type="text/css" />
    <?php } ?>
    <?php if(osc_get_preference('preset_or_custom','ctg_housing_theme')=='custom'){ ?>
    <link href="<?php echo osc_current_web_theme_url('css/color-css/app_colors.css') ; ?>" rel="stylesheet" type="text/css" />
    <?php } ?>
    <script type="text/javascript" src="<?php echo osc_current_web_theme_url('js/vendor/jquery.js') ; ?>"></script>
    <script type="text/javascript" src="<?php echo osc_current_web_theme_url('js/vendor/modernizr.js') ; ?>"></script>
    <script type="text/javascript">
    var ctg_housing = window.ctg_housing || {};
    ctg_housing.base_url = '<?php echo osc_base_url(true); ?>';
    ctg_housing.langs = <?php echo json_encode($js_lang); ?>;
    </script>
    <style>
    .exit-off-canvas {
    background-image:url(<?php echo osc_current_web_theme_url();
    ?>img/arrow_left.png) !important;
    background-color:black !important;
    opacity:0.70 !important;
    background-repeat:no-repeat !important;
    }
    </style>
    <?php osc_run_hook('header') ; ?>
     
  7. Иванya

    Иванya Новичок

    файлcommon/head.php куда вставить маску
    osc_register_script('mask', osc_current_web_theme_url('js/jquery.mask.min.js'), array('jquery'));
    osc_enqueue_script('mask'); . Спасибо
     
  8. bamser

    bamser Администратор

    в файл head.php шаблона, а лучше в файлы item.php и edit-item.php
     
  9. Иванya

    Иванya Новичок

    ок. попробую
     
Загрузка...

Поделиться этой страницей