Discussion :

[apdf1]

Bonjour,

J'ai sur mes carte svg le nom des formes en majuscules et je voudrais les passer en minuscule avec la première lettre en capitale.
J'ai ceci met sa ne fonctionne pas.

Code :

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

1
2
             path, title{text-transform:lowercase;}
             path, title{text-transform: capitalize;}

Met ligne de code sont comme ceci.

Code :

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

1
2
<path id="0" title="AIGLUN" class="st0" d="M288.1,625.2 292.6,637 
<path id="0" title="ASCROS" class="st0" d="M316.7,557.9 318.7,546.

Je vous remercie de votre aide

Cordialement

Max

[Invité]

Bonjour,

je doute que ce soit possible en CSS.

Par contre, en JavaScript, oui.

[apdf1]

Bonjour jreaux62

Je te remercie peut tu me dire comment?

Bonne journée

Max

[Invité]

Code jQuery :

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

1
2
3
4
5
6
7
$('path').each(function() {
  $(this).attr('title', toCapitalCase($(this).attr('title')));
});
 
function toCapitalCase(string) {
  return string.toLowerCase().replace(/\b\w/g, function(l){ return l.toUpperCase() })
}

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
var pathList = document.querySelectorAll('path');
if( pathList.length > 0 ){
  for(var h = 0; h < pathList.length; h++){
    pathList[h].setAttribute('title', toCapitalCase( pathList[h].getAttribute('title') ) );  
  }
}
function toCapitalCase(string) {
  return string.toLowerCase().replace(/\b\w/g, function(l){ return l.toUpperCase() })
}

[apdf1]

Re,

J'ai mis ceci

Code :

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

1
2
3
4
5
6
7
8
9
    <script>
    $('path').each(function() {
  $(this).attr('title', toCapitalCase($(this).attr('title')));
});
 
function toCapitalCase(string) {
  return string.toLowerCase().replace(/\b\w/g, function(l){ return l.toUpperCase() })
}
    </script>

Dans ma page mais j'ai toujours mes noms en majuscule!!!!!!

Max

[Invité]

Utilise le code JavaScript pur (le 2ème).


Le 1er, en jQuery *, nécessite d'avoir initialisé jQuery.
Si tu ne l'as pas déjà, inutile de t'en servir uniquement pour ça.
* La syntaxe est plus simple