[PHP-JS] tronquer ou afficher toute une chaîne de caractères

Version imprimable

25/02/2007, 14h25
minidou

[PHP-JS] tronquer ou afficher toute une chaîne de caractères

Bonjour,
J'ai trouvé plusieurs scripts php indiquant comment tronquer une chaine de caracteres, mais pas faisan tl'inverse...

Voila j'ai des zones de texte dont la taille varie beaucoup, donc les textes trop longs je voudrais qu'ils soient tronquer et que lorsqu'on clique sur un bouton ça affiche le texte en entier, et que lorsqu'on clique à nouveau sur le bouton ça réaffiche le texte comme avant c'est à dire tronquer.

Je me disais peut etre une double utilisation de la fonction pour tronquer une qui fait (0, 200) et l'autre qui fait (0, 10000000000000) avec des if et des else, à moins qu'il ne faille gérer cela en javascript.

Quelqu'un pourrait-il m'aider ou me donner son avis.
Merci beaucoup.
25/02/2007, 14h45
Djakisback

Salut, oui il vaudrait mieux faire ca en JS.
Tu voudrais afficher ton texte où ? vu qu'il est trop long pour tenir dans ton input.
25/02/2007, 19h08
minidou

En fait c'est pour afficher une liste de commentaires dans une page.

Si ce commentaire fait 2lignes tout s'affichera, mais s'il est un peu long il faudrait qu'il soit tronqué, et avec un bouton pour afficher le reste du commentaire si tu a envie de le lire.

En fait je souhaite faire comme sur ce site u tu cliques sur ajuster pour voir le reste.
www.geekzone.fr/ipb/index.php?act=home
Mais je n'arrive pas à trouver un script qui pourrait m'aider (peut être que je ne cherche pas avec les bons mots clés, car je trouve ça byzarre que la question n'est jamais été évoqué, je ne pense pas être la 1ere à vouloir faire cela...)

En tout cas merci de ton aide.
25/02/2007, 20h04
minidou

J'étais persuadé que cela aller se gérer en php donc je vais aller voir les comportements en javascript et les cours présent sur le site je vais bien arriver à trouver quelquechose.

Encore merci de ton aide.

Le principe du site cité c'est de changer la classe CSS :

Code:

1
2
3
4
5
6
7
8
9
.cafcnt_cnt {
	height: 200px;
	overflow: hidden;
}
 
.cafcnt_cntfull {
	height: auto;
	overflow: visible;
}

Tu génères l'id en php, en fait tu mets ceui qu'est dans la table.

Code:

1
2
3
while($row = mysq_fetch_assoc($res)) {
echo '<div id="'.$row['id'].'"></div><a href="javascript:switch(\''.$row['id'].'\')">Ajuster</a> '
}

La fonction JS pour switcher :

Code:

1
2
3
4
5
6
7
8
9
10
 
function switch(id) {
	var obj = document.getElementById(id);
	if(obj.className == 'cafcnt_cnt' )	{
		obj.className = 'cafcnt_cntfull';
	}
	else	{
		obj.className = 'cafcnt_cnt';
	}
}