Discussion :

[oceane751]

Bonjour à tous!

J'essaye d'obtenir la première lettre du nom de ville récupérée par une requete sql.

en gros j'ai :

Code :

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

1
2
3
4
 
 <div id="villeH">
      <?php echo $fe['ville']; ?>
</div>

puis mon fichier js :

Code :

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

1
2
3
4
5
6
7
8
 
function majuscule() {
	var chaine = document.getElementById("villeH").innerHTML;
	alert(chaine);/*là c'est ok, j'ai bien la ville qui s'affiche*/
	var char = chaine.charAt(0);
	alert(char);/*ne me renvoit rien du tout*/
 
}

Dans firebug, ça ne me donne pas d'erreur...

Par contre si je fais :

Code :

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

1
2
3
4
5
6
function majuscule() {
	var chaine = "coucou"
	var char = chaine.charAt(0);
	alert(char);/*ne me renvoit bien un "c"*/
 
}

Là ça fonctionne...

Y a t'il une incompatibilité avec le innerHTML et le charAt() ?

Merci pour vos lumières

[javatwister]

en fait, ton innerTruc démarrerait bien par un caractère blanc...

[Bovino]

Il arrive souvent, surtout quand une chaine est affichée par PHP, qu'il existe des caractères parasites non affichables en début de chaine.

Tu peux utiliser String.trim() si disponible ou un équivalent avec replace().

Code :

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

1
2
3
4
5
6
function myTrim(str){
    if('trim' in String){
        return str.trim();
    }
    return str.replace(/^\s+|\s+$/g, '');
}

[SpaceFrog]

le innerHTML choppe le retour ligne

Code :

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

<div id"villeH"><?php echo $fe['ville']; ?></div>

Sinon sans toucher au php

Code :

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

1
2
3
4
5
6
7
8
 
function majuscule() {
	var chaine = document.getElementById("villeH").innerHTML;
	alert(chaine);/*là c'est ok, j'ai bien la ville qui s'affiche*/
	var char = chaine.match(/[a-z]/i)[0];
	alert(char);/*ne me renvoit rien du tout*/
 
}

[Eric2a]

Salut,

Concernant la méthode trim(), j'utilise la ligne ci-dessous au début de mes scripts...

Code :

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

String.prototype.trim||(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,'')});

Sinon, à part innerHTML on pourrait utiliser...

Code :

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

1
2
var chaine=document.getElementById('villeH').firstChild.nodeValue.trim();
var char=chaine.charAt(0);

[NoSmoking]

Bonjour,
je vois une fonction majuscule avec un chartAt(0), donc j'en conclu que le but du jeu est de mettre en majuscule la première lettre

donc

Code css :

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

1
2
3
#villeH:first-letter{
  text-transform:uppercase;
}

[oceane751]

!!!!!!!!!!!!!!
bon et bien vous m'avez mis sur la voie !

il fallait mettre

Code :

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

1
2
 
<div id="villeH"><?php echo $fe['ville']; ?> </div>

au lieu de

Code :

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

1
2
3
4
 
<div id="villeH">
      <?php echo $fe['ville']; ?>
</div>

du coup c'est effectivement très logique!

merci à tous !

[oceane751]

Bonjour,
je vois une fonction majuscule avec un chartAt(0), donc j'en conclu que le but du jeu est de mettre en majuscule la première lettre

donc

Code css :

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

1
2
3
#villeH:first-letter{
  text-transform:uppercase;
}

oui c'est effectivement ça !
mais je vais le faire en js
mais je ne savais pas qu'on pouvait le faire en CSS

[SpaceFrog]

Sans toucher au code coté serveur

Code :

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

1
2
3
4
5
6
7
8
function majuscule() {
	var chaine = document.getElementById("villeH").innerHTML;
	chaine = chaine.replace(/^(?:[^a-z]*)[a-z]/i, Ucase);
	document.getElementById("villeH").innerHTML=chaine;
 }
function Ucase(m){
return m.toUpperCase()
}

[oceane751]

j'ai fait ça (par contre je débute hein )

Code :

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

1
2
3
4
5
6
7
8
9
function majuscule() {
	var chaine = document.getElementById("villeH").innerHTML;
	var char = chaine.charAt(0).toUpperCase();
	var subs = chaine.substring(1);
	var ok = char+subs;
	var reg = new RegExp(chaine, "g");
	var rep = ok.replace(reg);
	document.getElementById("villeH").innerHTML = rep;
}

[SpaceFrog]

autant faire le replace direct non ? comme dans mon code au dessus


sinon avec ton charAt(0) tu t'es compliqué l'existence

Code :

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

1
2
3
4
5
var chaine = document.getElementById("villeH").innerHTML;
	var char = chaine.charAt(0).toUpperCase();
	var subs = chaine.substring(1);
	var caps= char.toUpperCase();
	document.getElementById("villeH").innerHTML = caps+subs;

[oceane751]

ouais aussi