/[bfilter]/trunk/hide.html
This is repository of my old source code which isn't updated any more. Go to git.rot13.org for current projects!
ViewVC logotype

Annotation of /trunk/hide.html

Parent Directory Parent Directory | Revision Log Revision Log


Revision 13 - (hide annotations)
Sat Sep 11 19:26:41 2004 UTC (19 years, 7 months ago) by dpavlin
File MIME type: text/html
File size: 2426 byte(s)
simpliest possible (?) show/hide implementation in JavaScript, for later re-use

1 dpavlin 13 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2     <html>
3     <head>
4     <script type="text/javascript" src="hide.js"></script>
5     <!--
6     <link rel="stylesheet" href="style.css" type="text/css">
7     -->
8     <title>hide entries</title>
9     </head>
10    
11     <body>
12    
13     <h1>table</h1>
14    
15     <table border="0" id="table1" style="width:100%">
16     <tr><td><a href="#" onClick="hide_show('b1');">Lorem Ipsen</a></td></tr>
17     <tr id="b1" style="display: none"><td>
18     <p>Repellat sed dignissimos eligendi vitae accusantium magni ex. Eum ut iusto dolorem eligendi architecto impedit. Veniam omnis ut reiciendis ratione numquam nam non. Dolores adipisci dolore quis hic est. Quia illo quasi ratione. Quia nobis vero quis qui.</p>
19     <p>Impedit nisi aliquam et est voluptas tenetur sit a. A porro et illum quis. Iusto quae quisquam cumque sint fugiat laboriosam nesciunt. Sapiente incidunt nulla ut voluptatum non ex ut. Et assumenda consequatur non laudantium cumque facilis.</p>
20     <p>Cupiditate quibusdam vitae quidem. Quos est nam porro animi provident. Voluptatum veritatis earum architecto ut quo ut iste aut. Similique esse debitis provident deleniti est optio. Excepturi molestias harum non sunt est asperiores sit. Fuga accusantium in fugiat ullam qui corrupti.</p>
21     </td></tr>
22    
23     <tr><td><a href="#" onClick="hide_show('b2');">Another one</a></td></tr>
24     <tr id="b2" style="display: none"><td>
25     <p>Et quisquam id nihil asperiores sunt maiores pariatur. Beatae ab quidem a quos ex accusantium autem. Voluptatibus cum deserunt recusandae labore voluptate minus. Aut et quae iure sequi. Quia illo modi accusantium velit aspernatur ut omnis.</p>
26     <p>Non odio veritatis est sed reiciendis nostrum. Odit asperiores voluptates nostrum. Impedit rerum tenetur nisi aut. Qui deleniti laudantium est voluptates harum nihil velit dolores. Excepturi quo accusamus eum necessitatibus eaque. Reprehenderit temporibus fugiat aut dolorem.</p>
27     <p>Placeat provident nam nulla ad similique consectetur. Quia esse delectus soluta. Voluptatem error placeat iure accusantium a. Qui molestiae harum voluptas illum et et ducimus. Quo tempora unde voluptatum omnis exercitationem perferendis.</p>
28     </td></tr>
29     </table>
30    
31     <h1>ul</h1>
32    
33     <ul>
34     <li><a href="#" onClick="hide_show('ul1');">foo</a></li>
35     <ul id="ul1">
36     <li>bar</li>
37     </ul>
38    
39     <li><a href="#" onClick="hide_show('ul2');">nope</a></li>
40    
41     <ul id="ul2" style="display: none">
42     <li>null</li>
43     </ul>
44     </ul>
45    
46     </body>
47    

  ViewVC Help
Powered by ViewVC 1.1.26