Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Первая буква слова (https://javascript.ru/forum/misc/56560-pervaya-bukva-slova.html)

zoOmer 22.06.2015 22:14

Первая буква слова
 
Привет ребят, помогите как можно вычесть первую букву слова через javascript и повещать на нее нужную функцию?

Зачем мне это:
Хочу сделать аватарки с первой буквой логина.

Как в почте mail.ru - http://mailblog.mail.ru/Аватарки/#top


Заранее большое спасибо за помощь)

tsigel 23.06.2015 08:15

var someText = 'someText';
var firstChar = someText.substr(0, 1).toUpperCase();
alert(firstChar);

ksa 23.06.2015 08:47

Цитата:

Сообщение от zoOmer
как можно вычесть первую букву слова

Дык прям из букваря...

alert('cat'.charAt(0));

http://javascript.ru/String

ruslan_mart 23.06.2015 09:32

var someText = 'someText';
alert(someText[0]);

zoOmer 23.06.2015 10:32

Всем спасибо за отзывчивость вычесть первую букву получилось!
А как теперь повещать на каждую букву свое изображение и выводить его в стороне от слова?

ksa 23.06.2015 10:34

Цитата:

Сообщение от zoOmer
А как теперь повещать на каждую букву свое изображение и выводить его в стороне от слова?

Ты бы хоть картинкой какой проиллюстрировал сие "преобразование"... :D

tsigel 23.06.2015 10:36

Вам надо взять первую букву и обрамить её в тег и вставить перед словом, остальное дело стилей:

<style>
  
  .example {
    padding: 5px;
    background: green;
    color: yellow;
    font-size: 20px 15px;
    border: 1px solid #eee;
    border-radius: 50%;
  } 

</style>
<span class="example">S</span>


Для медитации:
https://learn.javascript.ru/modifying-document
https://learn.javascript.ru/dom-nodes

выкладывайте ваши попытки.

zoOmer 23.06.2015 10:51

ksa, вот тут все картинки http://mailblog.mail.ru/Аватарки/#top

zoOmer 23.06.2015 10:53

tsigel, Да но если у меня слово это логин человека из которого нужно выдергивать первую букву и выводить нужное изображение.

Примерно так:

Иванов

tsigel 23.06.2015 10:55

Цитата:

Сообщение от zoOmer
tsigel, Да но если у меня слово это логин человека из которого нужно выдергивать первую букву и выводить нужное изображение.

Примерно так:

Иванов

Не вижу здесь никаких "но". Ваши слова ничего не меняют. Сделайте сначала так, потом можно превратить это в картинку с помощью canvas


Часовой пояс GMT +3, время: 06:53.