Demo: Advanced CSS Printing - Using Javascript Double-Click To Remove Unwanted DIVs

Double click a DIV that says "removable" and it will disappear!

{ header - removable }
{ header - removable }
{ header - removable }
{ header - removable }

{ content - NOT removable }

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec rutrum ipsum ut ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam at risus. Fusce tincidunt justo sit amet quam. Vivamus eu lorem. Etiam lacinia tortor tincidunt orci gravida vulputate. Etiam eget ipsum non dolor malesuada placerat. Donec fringilla, ipsum non tempor dignissim, pede ipsum malesuada pede, a lacinia nunc turpis in turpis. Curabitur venenatis ornare nisl. Quisque eros metus, condimentum id, vehicula a, interdum ut, diam. In ultrices magna quis mauris. Nullam metus. Ut sapien magna, cursus ut, sagittis ornare, aliquet eu, metus. Pellentesque vulputate tempor diam. Duis pretium sodales neque. Praesent nulla arcu, ultricies vel, adipiscing in, ultrices at, enim. Donec sollicitudin ligula eget lectus auctor pulvinar. Aenean nec tortor ac massa placerat cursus.

Sed tincidunt. Maecenas eu libero. Vestibulum tincidunt est ut sem commodo adipiscing. Nullam pede. Ut eu tortor sed eros dapibus nonummy. Vestibulum urna enim, hendrerit a, egestas quis, lobortis quis, risus. Quisque id pede. Integer risus lorem, gravida in, commodo in, sodales vel, eros. Nam lectus massa, eleifend a, posuere et, dapibus ut, nulla. Nulla facilisi.

Curabitur imperdiet elit sed neque. Donec aliquam faucibus purus. Pellentesque mollis neque non mi tincidunt dignissim. Quisque velit dolor, porttitor condimentum, semper ac, congue id, nisi. Vivamus tempus. Morbi tincidunt. Vestibulum vitae ipsum. Proin accumsan adipiscing nibh. Quisque eu diam. Etiam eget tellus non lorem porttitor gravida. Maecenas aliquet. Duis ligula sem, porta eget, feugiat a, sollicitudin vitae, mi. Phasellus volutpat, pede auctor tempus porta, odio nulla tristique magna, a semper dui velit a tellus. Nam vitae nisl scelerisque lacus congue placerat. In sit amet lacus vel sapien suscipit gravida. Sed auctor nunc ut erat. Donec lobortis, arcu quis placerat blandit, lacus magna tincidunt ligula, vel semper mi nibh a felis.

Aliquam mollis, ligula ac ultrices commodo, sem dui pharetra erat, nec aliquet turpis ipsum a pede. Sed consequat condimentum quam. Praesent hendrerit libero in velit. In porta, leo vel aliquet egestas, mi tortor condimentum tellus, ut condimentum tellus tortor at odio. Vivamus imperdiet dictum arcu. Aliquam velit lorem, dapibus quis, ornare in, ornare sit amet, nisi. Integer tincidunt sapien in ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam quis tortor. Etiam blandit lacinia nunc. Aliquam augue. Nunc vulputate rutrum erat. Etiam mattis ligula eget turpis. Nulla facilisi. Sed dignissim urna mollis tortor. Vivamus a augue ac enim tristique luctus. Mauris venenatis urna at nibh. Sed pulvinar.

In hac habitasse platea dictumst. Integer at felis et arcu tempus venenatis. Nunc vehicula enim a urna dignissim eleifend. Mauris ante. Vivamus tristique ornare velit. Aenean tincidunt, nisi ut ornare feugiat, sapien orci fringilla elit, non ornare ligula turpis vel enim. Quisque eu sem. Nulla eu dui. Vivamus condimentum. In hac habitasse platea dictumst. Proin metus ante, fermentum sit amet, congue sed, dapibus in, elit. Donec dignissim sem sed neque. Nullam vestibulum imperdiet metus. Maecenas est elit, volutpat sed, lacinia vel, dignissim et, lectus.

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar - NOT removable }

{ sidebar2 - removable }

{ sidebar2 - removable }

{ sidebar2 - removable }

{ sidebar2 - removable }

{ sidebar2 - removable }

{ sidebar2 - removable }

{ sidebar2 - removable }

{ sidebar2 - removable }

































Back to: Advanced CSS Printing - Using Javascript Double-Click To Remove Unwanted DIVs