Définir le nombre de caractère d'un texte

Version imprimable

15/10/2007, 06h16
yoyotheboss7

Définir le nombre de caractère d'un texte

Bonjour,:D
J'ai une page avec des div qui s'adapte à la résolution de l'écran en javascript et css. Je souhaite que mon texte s'adapte à la taille de la div.
J'ai trouvé plein de scripts en php pour délimiter le nombre de caractère d'un texte, mais je trouve rien en javascript. Je suis obligé d'utiliser ce langage car j'ai besoin de la taille de l'écran... Est-ce que c'est possible ?:roll:
Merci d'avance !!!

Utilise la fonction substr, tu lui précises l'indice de début et le nombre de caractères..
Code:

1 2 3 var chaine='des fois faut chercher sur Google'; var new_chaine=chaine.substr(0,22); document.write(new_chaine); // écrit : des fois faut chercher

15/10/2007, 18h28
yoyotheboss7

Merci pour la réponse. Est-ce qu'il y a un moyen pour ne pas couper le dernier mot ? Merci:yaisse2:
17/10/2007, 06h10
yoyotheboss7

J'ai essayer la fonction fautcherchersurleweb() mais je trouve pas.
Pourtant c'est ce que j'ai l'habitude de faire...
Avez§vous une idée ? :roll:

Code:

1
2
3
4
5
text = text.replace(new RegExp('^(.{1,'+(max)+'})\\\s.*'),function(a) {
       if(a.slice(0,max).substr(-1) == " ")
           return (text.slice(0,max-1))
    return text.slice(0,a.substr(max).indexOf(" ")+max);
});

Pas forcément optimisé, mais ça fonctionne :aie:

17/10/2007, 09h08
SpaceFrog

De mémoire j'ai du coller un truc dans les contributions il y a au moins 5 ans, fais une recherche avec "taille texte" ...
18/10/2007, 06h48
yoyotheboss7

Merci , je vais essayer ! :P

Tiens j'ai retrouvé ça , ce n'est pas directement en rapport avec ton problème mais ça peut aider :

Code:

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<title>TextWidth</title>
<script type='text/javascript'>
function init(){
String.prototype.textWidth=function(police,taille){
		var container=document.createElement('div');
		container.style.visibility='hidden';
		container.style.fontFamily=police
		container.style.fontSize=taille+'px'
		container.id="magicdiv";
		container.style.display='inline';
		document.body.appendChild(container);
		document.getElementById('magicdiv').innerHTML=this;
		var longueur = document.getElementById('magicdiv').offsetWidth;
		document.getElementById('magicdiv').parentNode.removeChild(document.getElementById('magicdiv'))
		return longueur + ' px'
		}
var tt='ldfsezrargdfgtretert'		
alert(tt.textWidth('courrier',12))
}
</script>
</head>
<body onload='init()'>
</body>
</html>

Citation:
Envoyé par Shinuza
Code:

1 2 3 4 5 text = text.replace(new RegExp('^(.{1,'+(max)+'})\\\s.*'),function(a) { if(a.slice(0,max).substr(-1) == " ") return (text.slice(0,max-1)) return text.slice(0,a.substr(max).indexOf(" ")+max); });
Pas forcément optimisé, mais ça fonctionne :aie:
Je souhaite réutiliser ce code. Mais ca beug dès que j'ai des caractères un peu sépciaux... du genre !?,'
Est-ce que vous aurriez une idée ?
Merci encore !

Code:

1
2
3
4
5
6
7
8
var max = 25;
var text = "Je ne sais pas! Voyez, il vole!"
 
text = text.replace(new RegExp('^(.{1,'+(max)+'})\\\s.*'),function(a) {
       if(a.slice(0,max).substr(-1) == " ")
           return (text.slice(0,max-1))
    return text.slice(0,a.substr(max).indexOf(" ")+max);
});

Citation:

"Je ne sais pas! Voyez, il"

Ca fonctionne :?

19/10/2007, 22h28
yoyotheboss7

Merci, mais ca marchait toujours pas. Je l'ai fait en ajax, ca m'a permis d'utiliser un langage que he connais..le PHP !
Merci quand même !