Texte en minuscule

**apdf1** · 11/02/2018, 20h52

Salut Beginner

Je te remercie mais je pouvais modifier les noms directement si j'avais que une dizaine de lignes.

J'ai des carte qui ont 250 noms et je me voit pas changer les nom de majuscule en nom propre ou alors passer par un autre logiciel tel que VBA de chez Excel.
Voila pourquoi je voulais passer de majucule en nom propre.

Bonne soirée

Max

**psychadelic** · 11/02/2018, 22h42

ben faut juste corriger le code dans " index_tootip.js " pour qu'il affiche les textes comme tu le désire ....

**apdf1** · 12/02/2018, 00h11

Bonsoir psychadelic

Oui c'est une éventualité mais comment?

Mon code Tootip.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
function svgTip(opts) {
  opts = opts || {};
  opts.fontsize = opts.fontsize || "24px";
  opts.padding  = opts.padding || "2px";
//  opts.bgcolor  = opts.bgcolor  || "#000";
  opts.color    = opts.color  || "#fff";
//  opts.opacity  = opts.opacity || 0.6;
 
  $.each( $('[title]', 'svg'), function(id, obj) {
    var tt     = $(this).attr("title"),
        that   = $("<div class='svgtip'>" + tt + "</div>");
 
    that.css({'position': "absolute", 
              'top': 0, 
              'left': 0,
              'display': "none",
              'background-color': opts.bgcolor,
              'color': opts.color,
              'padding': opts.padding,
              'font-size': opts.fontsize,
              'opacity': opts.opacity,
              'pointer-events' : 'none'
             });
 
    $(this).hover(function(event) {
      that.css({'left': event.clientX, 'top': event.clientY + $(window).scrollTop()});
      that.addClass("active");
      that.slideDown(100);
    }, function() {
      that.slideUp(100);
      that.removeClass("active");
    });
    $(this).on("mousemove", function(event) {
      if (that.hasClass("active")) {
        that.css({'left': event.clientX, 'top': event.clientY + $(window).scrollTop() - that.height()});
      }
    });
    $('body').append(that);
  });
}
 
new svgTip({fontsize: "20px", padding:"30px"});
 
 
function lll (msg) { $('#debug').append(msg + "<br/>");}

Bonne soirée

Max

**psychadelic** · 12/02/2018, 01h28

ligne 10
remplacer :

Code :

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

var tt = $(this).attr("title"),

par :

Code :

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

var tt = $(this).attr("title").toLowerCase().replace(/\b\w/g, function(l){ return l.toUpperCase() }),

qui reprends la fonction proposée par jreaux62

et qui au passage t'avait demandé tous les scripts, dont celui ci aussi; il aurait très bien pu te faire la même réponse.

dis nous si ça marche...

PS : les animations en SMIL ne vont plus être supportées, si ce n'est pas déjà le cas.
Elle sont remplaçables par des animations en css3, ou directement en js

**apdf1** · 12/02/2018, 06h56

Bonjour psychadelic,

Je te remercie sa fonctionne Nickel.

Je te souhaite une bonne journée

Max

Invité · 12/02/2018, 09h12

Et surtout, ne t'excuse pas...

Il a fallu attendre le message #17 pour que tu donnes ton code...

Tout ça pour constater qu'il existait DEJA un script d'affichage du titre (dans un fichier que, bien entendu, tu n'as pas jugé utile de montrer...)

Bref, "bonne" journée.

**apdf1** · 12/02/2018, 09h57

Bonjour jreaux62,

Exact toute mes excuses je suis vraiment désolé.

Merci pour tous.

Bonne journée

Max

**Beginner.** · 12/02/2018, 13h39

Salut,

Envoyé par apdf1

Salut Beginner

Je te remercie mais je pouvais modifier les noms directement si j'avais que une dizaine de lignes.
...

Oui je comprends d'ailleurs dans mon ps je te suggérais de "...récrire en JS pur la fonction qu'il y a dans le fichier index_tootip.js, ça t'éviterait de charger JQuery (à moins que tu l'utilises pour autre chose) et ça permettrait à l'occasion d'intégrer les codes JS de jreaux62 ou de ProgElecT...".

Et entre temps je constate que l’intégration du code de jreaux62 a été faite par psychadelic il te reste éventuellement la réécriture en JS pur si cela t’intéresse d'éviter de charger JQuery juste pour ça...

PS : Sinon garde à l'esprit que tous ne suivent pas forcément tes fils et ils n'est pas toujours possible de deviner (dans tous les cas ça prend plus de temps) donc ils ont besoin de tous les codes...

**apdf1** · 12/02/2018, 14h59

Salut Beginner.

Je te remercie. ta proposition en JS me parait peut être plus intéressante.
@+

Max

**apdf1** · 25/02/2018, 04h06

Bonjour,

Suite à la modification de mon code Tootip avec l'aide de jreaux62 et psychadelic que je salut et remercie encore, je viens de m'apercevoir une petite anomalie, ex: si j'ai CHAMBERY sa me donne Chambery la OK, si j'ai un accent comme CHAMBÉRY sa me donne ChambéRy ou MOÛTIERS = MoûTiers, à chaque fois qu'il y a un accents sur une lettre j'ai toujours une majuscule aprés.
Peut modifier cela? mon code;

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
function svgTip(opts) {
  opts = opts || {};
  opts.fontsize = opts.fontsize || "24px";
  opts.padding  = opts.padding || "2px";
//  opts.bgcolor  = opts.bgcolor  || "#000";
  opts.color    = opts.color  || "#fff";
//  opts.opacity  = opts.opacity || 0.6;
 
  $.each( $('[title]', 'svg'), function(id, obj) {
   // var tt     = $(this).attr("title"),
 
        var tt = $(this).attr("title").toLowerCase().replace(/\b\w/g, function(l){ return l.toUpperCase() }),
 
        that   = $("<div class='svgtip'>" + tt + "</div>");
 
    that.css({'position': "absolute", 
              'top': 0, 
              'left': 0,
              'display': "none",
              'background-color': opts.bgcolor,
              'color': opts.color,
              'padding': opts.padding,
              'font-size': opts.fontsize,
              'opacity': opts.opacity,
              'pointer-events' : 'none'
             });
 
    $(this).hover(function(event) {
      that.css({'left': event.clientX, 'top': event.clientY + $(window).scrollTop()});
      that.addClass("active");
      that.slideDown(100);
    }, function() {
      that.slideUp(100);
      that.removeClass("active");
    });
    $(this).on("mousemove", function(event) {
      if (that.hasClass("active")) {
        that.css({'left': event.clientX, 'top': event.clientY + $(window).scrollTop() - that.height()});
      }
    });
    $('body').append(that);
  });
}
 
new svgTip({fontsize: "20px", padding:"30px"});
 
 
function lll (msg) { $('#debug').append(msg + "<br/>");}

Je vous remercie d'avance

Cordialement

Max

Invité · 25/02/2018, 08h22

Bonjour,

Une solution :

Code jQuery :

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

1
2
3
4
5
6
7
8
9
10
11
  $.each( $('[title]', 'svg'), function(id, obj) {
    var tt = ' '+$(this).attr( 'title' ).toLowerCase(); // Ajouter un espace + tout en minuscules
    // pattern avec lettres accentuées (minuscules suffisent)
    pattern = /[ -][a-záàâäãåçéèêëíìîïñóòôöõúùûüýÿæœ]/g
    tt = tt.replace(pattern, function(l) { return l.toUpperCase(); }); // lettre après un espace ou tiret : en majuscule
    pattern = /[ -](La|Le|Les|Lez|Du|Des|Sur)[ -]/g
    tt = tt.replace(pattern, function(l) { return l.toLowerCase(); }); // on remet en minuscule les petits mots de liaison
    tt = tt.trim();
 
        that   = $("<div class='svgtip'>" + tt + "</div>");
...

[ -] : Prend aussi en compte les noms composés (avec tiret) :

ASNIÈRES-SUR-SEINE -> Asnières-sur-Seine
CHARLEVILLE-MÉZIÈRES -> Charleville-Mézières
SAINT-MAUR-DES-FOSSÉS -> Saint-Maur-des-Fossés

**apdf1** · 25/02/2018, 09h07

Bonjour jreaux62

Je te remercie mais il y a problème j'ai du me planté!!!

J'ai fait ceci?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
function svgTip(opts) {
  opts = opts || {};
  opts.fontsize = opts.fontsize || "24px";
  opts.padding  = opts.padding || "2px";
//  opts.bgcolor  = opts.bgcolor  || "#000";
  opts.color    = opts.color  || "#fff";
//  opts.opacity  = opts.opacity || 0.6;
 
////  $.each( $('[title]', 'svg'), function(id, obj) {
   // var tt     = $(this).attr("title"),
 
 ////       var tt = $(this).attr("title").toLowerCase().replace(/\b\w/g, function(l){ return l.toUpperCase() }),
 
 
         $.each( $('[title]', 'svg'), function(id, obj) {
    var tt = ' '+$(this).attr( 'title' ).toLowerCase(); // Ajouter un espace + tout en minuscules
    // pattern avec lettres accentuées (minuscules suffisent)
    pattern = /[ -][a-záàâäãåçéèêëíìîïñóòôöõúùûüýÿæœ]/g
    tt = tt.replace(pattern, function(l) { return l.toUpperCase(); }); // lettre après un espace ou tiret : en majuscule
    pattern = /[ -](La|Le|Les|Lez|Du|Des|Sur)[ -]/g
    tt = tt.replace(pattern, function(l) { return l.toLowerCase(); }); // on remet en minuscule les petits mots de liaison
    tt = tt.trim();     
 
        that   = $("<div class='svgtip'>" + tt + "</div>");
 
    that.css({'position': "absolute", 
              'top': 0, 
              'left': 0,
              'display': "none",
              'background-color': opts.bgcolor,
              'color': opts.color,
              'padding': opts.padding,
              'font-size': opts.fontsize,
              'opacity': opts.opacity,
              'pointer-events' : 'none'
             });
 
    $(this).hover(function(event) {
      that.css({'left': event.clientX, 'top': event.clientY + $(window).scrollTop()});
      that.addClass("active");
      that.slideDown(100);
    }, function() {
      that.slideUp(100);
      that.removeClass("active");
    });
    $(this).on("mousemove", function(event) {
      if (that.hasClass("active")) {
        that.css({'left': event.clientX, 'top': event.clientY + $(window).scrollTop() - that.height()});
      }
    });
    $('body').append(that);
  });
}
 
new svgTip({fontsize: "20px", padding:"30px"});
 
 
function lll (msg) { $('#debug').append(msg + "<br/>");}

Et sa m'affiche toujours le même nom.

Peut tu me dire ou je me suis tromper.......

Merci et bon dimanche

Max

Invité · 25/02/2018, 10h53

Code :

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

       var that   = $("<div class='svgtip'>" + tt + "</div>");

**apdf1** · 25/02/2018, 11h22

Re,

Je te remercie sa fonctionne Nickel.

Merci et bonne journée

Max

**patricktoulon** · 25/02/2018, 13h10

un petit exemple a ma facon

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<html>
<body>
<path id="01" title="PIERRE JEAN"  d=" hghghghghgkhgkhgjkhgfjgfhgfhg"/>
<path id="02" title="TOTO"  d=" hghghghghgkhgkhgjkhgfjgfhgfhg"/>
<path id="03" title="RENE PIERRE"  d=" hghghghghgkhgkhgjkhgfjgfhgfhg"/>
<path id="04" title="PIERRE-JEAN"  d=" hghghghghgkhgkhgjkhgfjgfhgfhg"/>
<script>
var mespath = document.getElementsByTagName("path")//ou queryselector
for (var e = 0; e < mespath.length; e++) {
    mespath[e].title = ProPerName(mespath[e].title);
    console.log(mespath[e].title);
}
function ProPerName(t) {
    var texte = "";
    t = t.replace("-", "* ");
    var x = t.split(" ")
    console.log(x.length);
    for (var i = 0; i < x.length; i++) {
        texte += x[i].substring(0, 1).toUpperCase() + x[i].substring(1).toLowerCase() + " ";
    }
    return texte.replace("* ", "-");
}
</script>
</body>
</html>

retour dans la console
Nom : Capture.JPG
Affichages : 49
Taille : 16,6 Ko

Texte en minuscule

JavaScript

Discussions similaires

Partager

Partager