The following is a typical conversation on a flat, numbered comments thread. The "Enhancements for The Stranger" addons for Chrome and Greasemonkey convert the conversation into a manageable thread with nested replies, using cues like "@4" or "#7" in the comment text.
Click the "Nest comments" button to demonstrate the process that occurs on each page load. Although extensions are only available for Chrome and Firefox, this demo also functions in Internet Explorer, Safari, and Opera.
Read the code View my portfolio
Mauris sed volutpat nisl. Pellentesque erat nisl, accumsan eu laoreet eleifend, lobortis et ligula. Nulla a enim sit amet lacus consequat mattis sed nec ligula. Integer eget diam at purus scelerisque malesuada. Proin ornare velit sed leo imperdiet porttitor.
Aliquam placerat aliquet libero. Vestibulum adipiscing libero vel purus tempor non adipiscing ante venenatis.
Pellentesque erat lacus, dictum eget viverra sed, lacinia quis massa. Proin consectetur augue vitae lorem facilisis at scelerisque leo gravida. Aenean dolor turpis, congue id ultrices rutrum, varius eu augue. Suspendisse hendrerit velit vitae est congue elementum. Sed id arcu metus.
Integer convallis lacus ac mauris blandit blandit. Duis dictum porttitor tristique. Morbi urna quam, luctus vitae pharetra sit amet, vehicula ut mi. Aenean vel ante mi, ac feugiat nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. Sed varius, elit nec faucibus tempor, purus augue laoreet dui, ac egestas ante ante at nisl.
@3,6 Vivamus velit nisi, aliquet ut tincidunt eu, viverra a dui. Phasellus non mi congue odio feugiat semper.
Nullam varius interdum adipiscing. Integer lobortis nisl eu nunc lacinia dictum. Nunc lobortis purus in enim vulputate ultrices pellentesque mauris tristique. Integer sed elit ligula, a vehicula sem.
Aenean lectus dolor, tristique et adipiscing quis, auctor ac metus. Aenean ac mi libero, et fermentum lacus. Aliquam tempor augue non leo eleifend non bibendum elit venenatis. Donec porttitor augue a lorem commodo sed varius dolor semper. In commodo tellus id libero accumsan vitae sollicitudin odio fringilla.
Ut ut ante ac neque gravida adipiscing vel eu diam. Curabitur gravida vulputate odio sit amet ornare. Proin tempus felis eu tellus aliquam quis aliquam massa auctor. Praesent arcu orci, iaculis a malesuada et, euismod quis felis. Phasellus fermentum purus at nisi dignissim quis imperdiet magna ullamcorper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id fermentum ante. Donec faucibus sagittis fermentum. Ut congue cursus malesuada. Praesent placerat ipsum et risus elementum convallis.
Suspendisse in dui vel neque convallis pharetra. Sed et lacus facilisis augue vehicula rutrum a nec tellus. Suspendisse potenti. Fusce eget libero nisl, lobortis scelerisque arcu. In augue erat, tempor eu mattis at, molestie in mauris. Aliquam congue lectus non leo volutpat eu pharetra eros volutpat. Nam placerat, nisi pharetra laoreet tincidunt, nulla lectus ultricies nisl, non blandit augue nisi vel nisi. Pellentesque pharetra quam a odio hendrerit quis dignissim orci varius. Pellentesque dignissim tempor eleifend. Suspendisse vehicula, lectus sit amet iaculis fringilla, sapien turpis molestie nisi, a condimentum augue tellus quis augue. In vel leo vitae nisi hendrerit viverra ornare id dui. Curabitur accumsan ultrices venenatis.
Nullam elit ante, ultrices in pharetra id, bibendum at nisl. Sed quam augue, mollis sed ultricies id, tempus ut arcu.
@10 Praesent id fermentum ante. Donec faucibus sagittis fermentum. Ut congue cursus malesuada. Praesent placerat ipsum et risus elementum convallis.
Suspendisse in dui vel neque convallis pharetra. Sed et lacus facilisis augue vehicula rutrum a nec tellus. Suspendisse potenti. Fusce eget libero nisl, lobortis scelerisque arcu. In augue erat, tempor eu mattis at, molestie in mauris. Aliquam congue lectus non leo volutpat eu pharetra eros volutpat. Nam placerat, nisi pharetra laoreet tincidunt, nulla lectus ultricies nisl, non blandit augue nisi vel nisi.
#11, Suspendisse in dui vel neque convallis pharetra. Sed et lacus facilisis augue vehicula rutrum a nec tellus.
Suspendisse potenti. Fusce eget libero nisl, lobortis scelerisque arcu. In augue erat, tempor eu mattis at, molestie in mauris. Aliquam congue lectus non leo volutpat eu pharetra eros volutpat. Nam placerat, nisi pharetra laoreet tincidunt, nulla lectus ultricies nisl, non blandit augue nisi vel nisi. Pellentesque pharetra quam a odio hendrerit quis dignissim orci varius. Pellentesque dignissim tempor eleifend. Suspendisse vehicula, lectus sit amet iaculis fringilla, sapien turpis molestie nisi, a condimentum augue tellus quis augue.
In vel leo vitae nisi hendrerit viverra ornare id dui. Curabitur accumsan ultrices venenatis.
@10: Nullam elit ante, ultrices in pharetra id, bibendum at nisl. Sed quam augue, mollis sed ultricies id, tempus ut arcu. Phasellus orci tellus, sodales quis tempus non, tincidunt ac orci. Integer ut placerat ipsum. Fusce at diam ut nibh mattis tincidunt. Nullam auctor euismod sollicitudin. Phasellus viverra lacus quis tellus posuere interdum. Maecenas eu leo nibh. Donec sed arcu ac erat pellentesque semper sit amet eu nibh. Donec enim tortor, porta eget condimentum eu, laoreet eget mauris.
@4: Vivamus velit nisi, aliquet ut tincidunt eu, viverra a dui. Phasellus non mi congue odio feugiat semper.
@12: Nullam varius interdum adipiscing. Integer lobortis nisl eu nunc lacinia dictum. Nunc lobortis purus in enim vulputate ultrices pellentesque mauris tristique.
Suspendisse in dui vel neque convallis pharetra. Sed et lacus facilisis augue vehicula rutrum a nec tellus. Suspendisse potenti?
Fusce eget libero nisl, lobortis scelerisque arcu. In augue erat, tempor eu mattis at, molestie in mauris. Aliquam congue lectus non leo volutpat eu pharetra eros volutpat. Nam placerat, nisi pharetra laoreet tincidunt, nulla lectus ultricies nisl, non blandit augue nisi vel nisi.