dynamique des zones de texte raccourcies avec « Voir plus » lien

Je dois ajouter des zones de texte sur mon site avec les charateristics suivants:dynamique des zones de texte raccourcies avec « Voir plus » lien

Seules les 2 premières lignes doit être visible avec un lien « Voir plus ».
Lorsque l'utilisateur clique sur voir plus le reste du texte est affiché sans rafraîchir la page ...

Il devrait être similaire à Facebook fonctionnalité « Voir plus », montrant les commentaires complets du contenu, si ceux-ci sont raccourcies.

En option, je voudrais utiliser un effet de glissement pour afficher le contenu complet de la zone de texte.

grâce

Source

2010-08-13 aneuryzm

J'ai créé une vue et ajouté le champ de zone de texte pour chaque élément. Je l'ai aussi coupé et ajouté un "Voir plus de lien ..." Cependant je ne veux pas le rediriger vers le nœud complet, je veux montrer le texte complet et ajouter une petite animation (glisser vers le haut) pour le montrer . – aneuryzm

La meilleure façon que je peux penser à obtenir l'effet que vous recherchez serait de charger le texte intégral, mais utilisez quelque chose comme le jQuery Expander Plugin pour prendre soin de cacher le texte « extra » jusqu'à ce qu'un utilisateur choisisse de cliquer sur le lien.

Source

2010-08-15 19:06:30

Je voudrais aussi faire cela, mais je ne veux pas couper arbitrairement le texte. Je veux faire cela à une limite de mot. Je ne pense pas que Expander soit à la hauteur. – ProfK

ProfK, il y en a d'autres: http://rockycode.com/blog/jquery-plugin-readmore/ Je parie qu'il y en a plus. Et il ne devrait pas être difficile d'ajouter la détection des limites de mots. –

dynamique des zones de texte raccourcies avec « Voir plus » lien

Répondre

Questions connexes