elementals.js _.Node.addSelectButton Demo

The elementals.js _.Node.addSelectButton is very handy for making it easier for users to do things like select a code block.

See the Demo Explanation Page for more details.

Simple Test

The following sections button to select its contents is created by simply passing the element to _.Node.addSelectButton. Just click the "select" area and boom, the text is selected.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin fringilla aliquet sollicitudin. Mauris vehicula scelerisque ante eget maximus. Sed nec facilisis ipsum. Phasellus vestibulum commodo dolor, at consequat erat accumsan sit amet. Aenean id vulputate nisl, sit amet malesuada turpis. Praesent id pharetra tortor. Integer ac sodales ligula. Sed ac ligula in nisl sagittis lobortis. Quisque hendrerit justo nec augue cursus, sed viverra dui viverra. Suspendisse a orci quis neque vulputate condimentum. Etiam et quam ac lacus iaculis condimentum. Sed vel felis ipsum. Proin lacinia lacus quam, ut pharetra dui convallis eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Complex test

You can also use a different text inside the button, and place the select button inside other elements, such as the heading to this section! This button will also copy it the contents to the clipboard.

Mauris eget pharetra nunc. Aenean feugiat justo vitae felis semper, vel maximus risus ornare. Cras sit amet urna vulputate, dignissim nisl at, porta lacus. Donec suscipit metus nunc, eget scelerisque ipsum sodales eu. Sed ac dui suscipit, imperdiet diam ut, posuere diam. Cras porta ante blandit, auctor libero ultricies, viverra metus. Aenean ipsum nisl, posuere ac viverra vitae, euismod vitae arcu. Nam sed metus in dui vestibulum efficitur. Phasellus ipsum enim, pharetra et justo at, maximus pharetra mi. Nam lobortis vel diam in malesuada. Phasellus augue dui, semper quis ligula sit amet, laoreet aliquet justo. Pellentesque iaculis semper est ut placerat. Etiam sed urna nec elit dictum semper. Donec auctor faucibus pulvinar. In eget diam eget nisi iaculis mollis. Proin scelerisque, arcu vel ultricies pretium, elit augue auctor nisi, nec lobortis sapien leo ac nisl. Proin at commodo odio. Etiam vel placerat massa. Integer massa dolor, sodales id risus condimentum, tincidunt commodo nulla.