Récupérer les initiales du nom et prénom

Hello la commaunauté:D ,

Je suis en train de travailler sur la partie front avec du javascript. Je suis débutant avec JS:roll: et je souhaite avoir une aide de votre part.

Comme l'intitulé l'indique je veux récupérer la première lettre du nom et la première lettre du prénom d'un utilisateur Pièce jointe 331417 TT pour l'afficher comme avatar de son profil.
Un peu comme sur gmail; mais je ne sais pas comment m'y prendre.
En attendant votre aide je cherche aussi de mon côté si y a déjà ce type de sujet 8-).

Merci bien

Bonjour,

• String.prototype.split() pour séparer les mots (si nécessaire)
• String.prototype.substr() pour récupérer la 1ère lettre

Quid des prénoms ou non composés ?

Code:

---

1 2 3 4

nom= 'Jean-pierre Morin Ponce'; initiales = nom.match(/\b\w/g).join('').toUpperCase(); console.log (initiales);

---

Citation:

---

Envoyé par jreaux62

Bonjour,

• String.prototype.split() pour séparer les mots (si nécessaire)
• String.prototype.substr() pour récupérer la 1ère lettre

---

J'ai pu faire ça, il reste juste voir côté velocity comment récupérer...

Code:

---

1 2 3 4 5 6 7

$(document).ready(function(){ var prenom= $('#prenom').text(); var nom= $('#nom').text(); var intials = $('#prenom').text().charAt(0) + $('#nom').text().charAt(0); var profileIcon = $('#profileIcon').text(intials); });

---

Citation:

---

Envoyé par SpaceFrog

Quid des prénoms ou non composés ?

Code:

---

1 2 3 4

nom= 'Jean-pierre Morin Ponce'; initiales = nom.match(/\b\w/g).join('').toUpperCase(); console.log (initiales);

---

---

Juste le nom et le prénom que je récupère les initials ensuite pour le traiter sur le front avec velocity

Je vais tester le code

Citation:

---

Juste le nom et le prénom que je récupère

---

Certes, mais que se passe-t-il si tu es en présence de prénoms et noms Composés

Citation:

---

Pierre-Marie-François de la Pétaudière en Brie sur Marne

---

Tu veux quoi comme initiales ?
As tu un cahier des règles précises sur les séparateurs ou la structure ?

J'ai ça comme demande: Check that an icon with the first letter of his first name and the first letter of his last name is displayed in the My profile section in the header (color is #ff7900).
Donc juste les premières lettres du prénom et du nom.

Par contre je n'ai pas vu ça sur des noms et prénom composés comme le mien:roll:

Voilà j'ai trouvé la solution à ce que je cherche:

Code:

---

1 2 3 4 5 6 7

$(function(){ var firstName = "firstName"; var lastName = "lastName"; var intials = firstName.charAt(0)+""+ lastName.charAt(0); document.getElementById("lastName").innerHTML = initials; });

---

et dans la partie front avec velocity:

Code:

---

1 2 3

<span>#set( $initials = $firstName.charAt(0)+""+ $lastName.charAt(0))</span> <span class="user-avatar-image" id="lastName">$initials</span>

---