-
Notifications
You must be signed in to change notification settings - Fork 0
/
showup.html
61 lines (53 loc) · 2.11 KB
/
showup.html
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
<!DOCTYPE html>
<html>
<head>
<title>Show details..</title>
<link rel="stylesheet" href="drop.css">
<link rel="stylesheet" href="input.css">
</head>
<body>
<p>Welcome to the section where you can find an enormous amount of contractors as according to your need and demands.Here you ca look for contractors and contact them as per your feasibilty.</p>
<p>For searcing through the contactors's details move the mouse over the category amd submit yr choice</p>
<div class="tab">
<button class="tablinks" onmouseover="openCity(event, 'Name')">Name</button>
<button class="tablinks" onmouseover="openCity(event, 'Block')">Block</button>
<button class="tablinks" onmouseover="openCity(event, 'City')">City</button>
<button class="tablinks" onmouseover="openCity(event, 'PinCode')">PinCode</button>
<button class="tablinks" onmouseover="openCity(event, 'State')">State</button>
</div>
<div id="Name" class="tabcontent">
<h3>Enter the Name</h3>
<input type="text"><br><button type="submit">Submit</button>
</div>
<div id="Block" class="tabcontent">
<h3>Enter the Block</h3>
<input type="text"><br><button type="submit">Submit</button>
</div>
<div id="City" class="tabcontent">
<h3>Enter the City</h3>
<input type="text"><br><button type="submit">Submit</button>
</div>
<div id="PinCode" class="tabcontent">
<h3>Enter the PIN CODE</h3>
<input type="text"><br><button type="submit">Submit</button>
</div>
<div id="State" class="tabcontent">
<h3>Enter the State</h3>
<input type="text"><br><button type="submit">Submit</button>
</div>
<div class="clearfix"></div>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>