Discussion :

[minidou]

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.

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

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

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

[Djakisback]

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

Code :

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

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 :

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

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 :

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

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