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

**yoyotheboss7** · 15/10/2007, 06h16

Bonjour,

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 ?

Merci d'avance !!!

**d-Rek** · 15/10/2007, 08h54

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

Code :

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

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

**yoyotheboss7** · 15/10/2007, 18h28

Merci pour la réponse. Est-ce qu'il y a un moyen pour ne pas couper le dernier mot ? Merci

**yoyotheboss7** · 17/10/2007, 06h10

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 ?

**Shinuza** · 17/10/2007, 08h10

Code :

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

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

**SpaceFrog** · 17/10/2007, 09h08

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" ...

**yoyotheboss7** · 18/10/2007, 06h48

Merci , je vais essayer !

**SpaceFrog** · 18/10/2007, 09h35

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

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

**yoyotheboss7** · 19/10/2007, 12h57

Envoyé par Shinuza

Code :

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

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

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 !

**Shinuza** · 19/10/2007, 22h04

Code :

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

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

"Je ne sais pas! Voyez, il"

Ca fonctionne

**yoyotheboss7** · 19/10/2007, 22h28

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 !

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

JavaScript

Discussions similaires

Partager

Partager