Discussion :

[Léo04]

Hello la commaunauté ,

Je suis en train de travailler sur la partie front avec du javascript. Je suis débutant avec JS 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 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 .

Merci bien

[Invité]

Bonjour,

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

[SpaceFrog]

Quid des prénoms ou non composés ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Léo04]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
	});

[Léo04]

Quid des prénoms ou non composés ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

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 ?

[Léo04]

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

[Léo04]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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