charAt et innerHTML

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:

---

1 2 3 4

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

---

puis mon fichier js :

Code:

---

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:

---

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

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

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:

---

1 2 3 4 5 6

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

---

le innerHTML choppe le retour ligne

Code:

---

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

---

Sinon sans toucher au php

Code:

---

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*/   }

---

Salut,

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

Code:

---

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

---

Sinon, à part innerHTML on pourrait utiliser...

Code:

---

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

---

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 :D

donc

Code:

---

1 2 3

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

---

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

il fallait mettre

Code:

---

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

---

au lieu de

Code:

---

1 2 3 4

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

---

du coup c'est effectivement très logique!

merci à tous ! :ccool:

Citation:

---

Envoyé par 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 :D

donc

Code:

---

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

Sans toucher au code coté serveur

Code:

---

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

---

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

Code:

---

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

---

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


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

Code:

---

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;

---

ouais aussi :aie: