Wie man ein Literal in zwei Teile teilt

Question

Ich zeige Inhalte aus meiner Datenbank in meinem Literal-Steuerelement auf einer asp.net-Seite.

Ich möchte alle Daten abrufen, aber mit Skript nur einen Teil für den Benutzer anzeigen. Ein Link mit dem Namen "Mehr lesen ..." wird am Ende des Textes dynamisch hinzugefügt. Wenn der Benutzer gerne einen Teil liest, kann er/sie auf "Mehr lesen" klicken und den gesamten Artikel durchgehen.

Wie kann ich eine solche Funktionalität erstellen?

Answer 1

Ich schlage vor, dass Sie kein Literal auf die Seite legen. Zu Beginn würde ich einen PlaceHolder auf die Seite stellen. Dann können Sie den Anzeigetext verkürzen, der zu einem Literal hinzugefügt würde, das dann zum PlaceHolder hinzugefügt würde. Dann können Sie dem PlaceHolder einen HyperLink (oder einen LinkButton) hinzufügen. Wenn der Benutzer auf den Link/Button klickt, können Sie die Daten für diesen PlaceHolder zurücksetzen.

Answer 2

Art auf der gleichen Linie wie Andrew, aber mit etwas Javascript:

Cut die wörtliche, wo Sie wollen, und mit dem Display in einem Hyperlink und eine Spanne hinzufügen: keine.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
eiusmod tempor <a href="#" id="readMore">Read More ...</a> 
<span id="readMoreText">incididunt ut labore et dolore magna aliqua. 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi 
ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 
officia deserunt mollit anim id est laborum.</span> 

Sie können es irgendwie dort sehen. Wenn in Ihrem JavaScript (jQuery) auf #readMore geklickt wird, wird #readMoreText von display: none angezeigt: inline, und der Hyperlink muss display: none sein.