XTRO

maskedinput.js и мобильные броузеры

Recommended Posts

привет сообществу.

function compile_mobilephone_element() в form_generator.php возвращает подготовленный массив для ввода phone по маске.

Но тут столкнулся, что ни один из моих мобильных девайсов с разными броузерами не желает вводить именно по маске.

Просто сдвигает и саму маску и placeholder.

Вроде и maskedinput.js последний, а поскольку уже зашит, сижу...чешу репу....куда копать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Попробуй браузер dolphin, вроде в нем проблем не наблюдал, пользуюсь им на планшете. Да и вообще доволен им по сравнению с другими браузерами, есть только один косяк. Не совсем корректно прокручивает редактор форм в админке, а в остальном норма.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

а как я клиента пересажу? или юзеров.?..не...не вариант.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

а как я клиента пересажу? или юзеров.?..не...не вариант.

Попробовать сделать проверку , что если это мобильное устройство то менять с маски на текстовое поле. Как раз на днях чем то подобным заморачивался, но не помню куда пример запихнул. Как найду скину. Там как раз по поводу определения мобилки.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Можно, конечно, отключить жабу именно для для мобилок, но это всё-таки core, а значит перетрётся

да и в прошлый век не хочется возвращаться

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Можно, конечно, отключить жабу именно для для мобилок, но это всё-таки core, а значит перетрётся

да и в прошлый век не хочется возвращаться

Тогда так сразу с ходу не отвечу. Надо подумать. Случай редкий, но оригинальный.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

на etown.ru такое же поведение.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

решения, кроме отключения в core, скорее всего не будет, т.к. у разработчиков самого плагина  в демо тоже самое. Ну, или искать другой плагин.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Попробовать сделать проверку , что если это мобильное устройство то менять с маски на текстовое поле..

и получим бардак в поле базы при неправильном заполнении юзером.

не...не...надо думать

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

На мобильных маску ввода еще не тестировали, попробуем найти адаптивные библиотеки.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

на хабре обсуждалось (http://habrahabr.ru/post/162537/)

реализация: http://andr-04.github.io/inputmask-multi/ru.html

там нет ничего адаптивного, но вариант работает за счёт надстройки.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: TopRaN
      В sitebill есть кластерная карта которую можно подключить через iframe
      <iframe src="{$estate_folder}/js/ajax.php?action=iframe_map&{$QUERY_STRING}" style="border: 0px;" border="0" width="100%" height="500px"></iframe> Карта просто замечательная.
      но в данной карте цена выводится целиком. Задача разделить саму цену на тысячи и добавить валюту.
      Решение.
      идем по адресу /apps/system/js файл activemap.js .  примерно 256 строка. находим содержимое
      block.find('.ActiveMapListBlock-item-price').text(data.price); и заменяем на 
      block.find('.ActiveMapListBlock-item-price').text(data.price.replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1 ')); сразу после нее добавляем следующее
      block.find('.ActiveMapListBlock-item-currency').text(data.currency_name); теперь карта понимает валюту и делит цену на тысячи. Осталось все это вывести в шаблон
      идем по адресу /apps/system/template файл iframe_map.tpl
      содержимое 
      <a class="ActiveMapListBlock-item-link" target="_blank" href=""> <div class="ActiveMapListBlock-item-image"> <img src="{$estate_folder}/img/no_foto.jpg"> <div class="ActiveMapListBlock-item-id"></div> </div> <div class="ActiveMapListBlock-item-description"> <h3 class="ActiveMapListBlock-item-title"></h3> <div class="ActiveMapListBlock-item-price"></div> <div class="ActiveMapListBlock-item-address"></div> <div class="ActiveMapListBlock-item-text"></div> </div> </a> меняем на это
      <a class="ActiveMapListBlock-item-link" target="_blank" href=""> <div class="ActiveMapListBlock-item-image"> <img src="{$estate_folder}/img/no_foto.jpg"> <div class="ActiveMapListBlock-item-id"></div> </div> <div class="ActiveMapListBlock-item-description"> <h3 class="ActiveMapListBlock-item-title"></h3> <div class="ActiveBlockHalf"> <div class="ActiveMapListBlock-item-price"></div> <div class="ActiveMapListBlock-item-currency"></div> </div> <div class="ActiveMapListBlock-item-address"></div> <div class="ActiveMapListBlock-item-text"></div> </div> </a> далее в конце файла добавляем стили
      .ActiveMapListBlock-item-price, .ActiveMapListBlock-item-currency { float:left; } .ActiveBlockHalf { display:inline-block; font-size: 18px; font-weight: 700; } .ActiveMapListBlock-item-price { padding-right: 5px; } и все результатом будет
       

    • Автор: kkkv39
      Добрый день!
      Не подскажете, что-то не получается сделать кликабельным номер телефона (например, для мобильного) в блоке "Агенты".
      С Email-ом проблем никаких, по такому же принципу делаю с телефоном, не работает
      Пробовал и:
      <a href="tel:{$agentslist_item.phone}">{$agentslist_item.phone}</a> и onclick="location.href = 'tel:{$agentslist_item.phone}'" Пробовал на фото агента добавить ссылку. Ноль эффекта.
      Возможно, тут просто ерунда какая-то, но что-то я запутался и решил спросить у Вас.
       
      Спасибо!
       
       
    • Автор: XTRO
      Результат опроса разработчиков 2016 на stackoverflow.com