|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » JavaScript » Как сделать первую букву - заглавной |
| Как сделать первую букву - заглавной |
|
Можно ли на JavaScript реализовать следующее условие:
если участник заполняет название темы форума или иной "титл" (название материала) в любом модуле маленькими буквами, то скрипт автоматически меняет первую букву первого слова на заглавную при сохранении или отправлении материала? Знаю, что это легко делается стилями, но интересует именно скрипт  |
|
zarim, зачем вам скрипт, если все легко делается стилями?
Код div.class {text-transform: capitalize;} или Код div.class:first-letter {text-transform: uppercase;} |
|
Rostislav, спасибо, стилями я умею, но нужен именно скрипт :)
Я использую поля-коды вставки, в которых прописан титл через условный оператор (например - в фотоальбоме). Если сделаю стилями - то в поле с кодом-вставкой название останется с маленькой буквы. Тут вроде как есть решение: http://javascript.ru/forum....ym.html но не могу его приспособить, поэтому прошу помощи |
|
zarim, если использовать то, что по ссылке:
Код $('#input').on('blur', function(){ var s = $(this).val(); s = s.charAt(0).toUpperCase() + s.substr(1); $(this).val(s); }); |
|
sergeymitrichev, спасибо!
В блогах - получилось, а вот в фотоальфоме - никак. Рабочий код с блога, со страницы "архива материалов" (этот же шаблон для добавления/редактирования), ставил после $BODY$: Код <script type="text/javascript"> $('#blF1').on('blur', function(){ var s = $(this).val(); s = s.charAt(0).toUpperCase() + s.substr(1); $(this).val(s); }); </script> где #blF1 - id поля из строки: Код <input type="text" size="35" style="width:100%;" id="blF1" name="title" class="manFlTitle" maxlength="140"/> А в фотоальбоме, ставлю так же, в шаблон страницы добавления материала, после $BODY$ - не хочет работать Код <script type="text/javascript"> $('#phF11').on('blur', function(){ var s = $(this).val(); s = s.charAt(0).toUpperCase() + s.substr(1); $(this).val(s); }); </script> где #phF11 - id поля из строки: Код <input type="text" id="phF11" class="manFlOth1" size="35" style="width:100%;" name="other11" maxlength="200"/> Где моя ошибся? Добавлено (23 Июн 2016, 15:25:24) |
|
Код <script type="text/javascript"> $('.manFlOth1').on('blur', function(){ var s = $(this).val(); s = s.charAt(0).toUpperCase() + s.substr(1); $(this).val(s); };); </script> Сообщение отредактировал sergeymitrichev - Четверг, 23 Июн 2016, 16:02:59
|
|
sergeymitrichev, и так не хочет. Пробовал разные поля (титл, дополнительные), ставил и id и класс - ни так, ни так не работает.
Чем фотоальбом может отличаться от остальных модулей? Может дело в "мультизагрузке"?, хотя никогда не гружу более 1 фото, при редактировании - так же отказывается скрипт работать.  |
|
zarim, надо в консоль смотреть, не возникает ли ошибок
|
|
zarim, на странице добавления товара нажмите F12 и перейдите во вкладку "Console". Там показываются сообщения об ошибках.
|
|
zarim, скиньте в ЛС данные для входа
|
|
zarim, попробуйте так:
Код $('#phM53').on('blur', '#phF11', function(){ var s = $(this).val(); s = s.charAt(0).toUpperCase() + s.substr(1); $(this).val(s); }); Код $(document).ready(function(){ $('#phM53').on('blur', '#phF11', function(){ var s = $(this).val(); s = s.charAt(0).toUpperCase() + s.substr(1); $(this).val(s); }); }); |
|
sergeymitrichev, первый вариант решил проблему, ещё раз спасибо!
Если я правильно понял, в фотоальбоме форма добавления подгружается уже "после скрипта", в отличии скажем от модуля блогов или доски объявления, поэтому скрипт не хотел работать по идентификатору "#phF11" |
| |||
| |||