Web-based-Code-Repository-Search-Engine/Template.txt at master · vijaythyagarajan/Web-based-Code-Repository-Search-Engine · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!Doctype html >
<html>
<head>
<style>
body {
padding:15px 40px;
font-family: Consolas;
font-weight: 600;
font-size: 15px;
}
span{
     display:inline-block;
     font-family:Consolas;
     font-size: 14px;
    }

div {
     font-family:Consolas;
     font-size: 14px;
     display:inline-block;
   }

.btn-group {
	position:fixed;
	top : 0px;
	right: 10px;
     }

    .toggleClassDisplay {
    }

    .toggleMethodDisplay {
    }
    .toggleCommentDisplay {
 	color: green;
	font-family:Consolas;
	font-size: 14px;
    }
    .keyWordClass {
	color: blue;
}
</style>
<script>
      function toggleClass(className) {
        let elems = document.getElementsByClassName(className);
        if (elems === null) {
          return;
        }
       for (let i = 0; i < elems.length; ++i) {
          let displayProp = elems[i].style.display;
          if (displayProp === 'none')
            elems[i].style['display'] = "inline-block";
          else
            elems[i].style['display'] = "none";

        }
      }
  </script>
</head>
<body>
<h3>Project #2 </h3>
  <div class="btn-group" role="group" aria-label="Basic example">
  <button onclick="toggleClass('toggleMethodDisplay')"> Show or Hide Method Contents</button>
  <button onclick="toggleClass('toggleClassDisplay')"> Show or Hide Class Contents</button>
  <button onclick="toggleClass('toggleCommentDisplay')"> Show or Hide Comments</button>
  </div>
<pre>

</pre>
</body>
</html>