Webpage/Posting.html at main · ZCoder20/Webpage · 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html>
<head>
  <title>Blue Theme Page</title>

  <link rel="stylesheet" type="text/css" href="./CSS/dynamic.css">
  <link rel="stylesheet" type="text/css" href="./CSS/scrollmenu.css">
  <link rel="stylesheet" type="text/css" href="./CSS/Search.css">
  <link rel="stylesheet" type="text/css" href="./CSS/displayresult.css">
  <link rel="stylesheet" type="text/css" href="./CSS/post.css">
  <script src="./JS/dynamic.js"></script>
  <script src="./JS/scrollmenu.js"></script>
  <script src="./JS/script.js"></script>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="./JS/posting.js"></script>
</head>
<body>
    <script>
        // Add event listeners to the menu items
        var menuItems = document.querySelectorAll('.menu-item');
        menuItems.forEach(function(item) {
          item.addEventListener('click', function() {
            // Perform action when a menu item is clicked
            // Example: You can open a link or perform other operations based on the clicked item
            console.log('Clicked:', item.alt);
          });
        });
      </script>
    <div id="bannerContainer"></div>


    <div id="postcontainer">

      <form id="myForm" enctype="multipart/form-data">
        <table width="100%">
          <tr><td colspan="2"><label for="textarea1">Posting Details</label></td><td colspan="1"></td><td> <textarea id="textarea1" cols="40" name="textarea1"></textarea></td></tr>
          <tr><td colspan="4"></td></tr>
          <tr><td colspan="2"><label for="textarea2">Address Detials</label></td><td colspan="1"></td><td> <textarea id="textarea2" cols="40" name="textarea2"></textarea></td></tr>
          <tr><td colspan="4"></td></tr>
          <tr><td colspan="2"><label for="dropdown1">Total S:</label></td><td colspan="1"></td><td>
            <select id="dropdown1" name="dropdown1">
              <option value="1">0-50</option>
              <option value="2">51-100</option>
              <option value="3">101-500</option>
              <option value="4">501-1000</option>
              <option value="5">1001-5000</option>
              <option value="6">5001-10000</option>
              <option value="7">10001-50000</option>
              <option value="8">50001-100000</option>
              <option value="9">100000-1000000</option>
              <option value="10">1000000+</option>
          </select>
          </td></tr>

          <tr><td colspan="4"></td></tr>
          <tr><td colspan="2"><label for="dropdown2">Total S:</label></td><td colspan="1"></td><td>
            <select id="dropdown2" name="dropdown2">
              <option value="1">0-50</option>
              <option value="2">51-100</option>
              <option value="3">101-500</option>
              <option value="4">501-1000</option>
              <option value="5">1001-5000</option>
              <option value="6">5001-10000</option>
              <option value="7">10001-50000</option>
              <option value="8">50001-100000</option>
              <option value="9">100000-1000000</option>
              <option value="10">1000000+</option>
              <!-- Add dropdown options here -->
          </select>
          </td></tr>

          <tr><td colspan="4"></td></tr>
          <tr><td colspan="2"><label for="dropdown2">Total S:</label></td><td colspan="1"></td><td>
            <select id="dropdown2" name="dropdown2">
              <option value="1">0-50</option>
              <option value="2">51-100</option>
              <option value="3">101-500</option>
              <option value="4">501-1000</option>
              <option value="5">1001-5000</option>
              <option value="6">5001-10000</option>
              <option value="7">10001-50000</option>
              <option value="8">50001-100000</option>
              <option value="9">100000-1000000</option>
              <option value="10">1000000+</option>
          </select>
          </td></tr>

          <tr><td colspan="4"></td></tr>
          <tr><td colspan="2"><label for="dropdown3">Total S:</label></td><td colspan="1"></td><td>
            <select id="dropdown3" name="dropdown3">
              <option value="1">0-50</option>
              <option value="2">51-100</option>
              <option value="3">101-500</option>
              <option value="4">501-1000</option>
              <option value="5">1001-5000</option>
              <option value="6">5001-10000</option>
              <option value="7">10001-50000</option>
              <option value="8">50001-100000</option>
              <option value="9">100000-1000000</option>
              <option value="10">1000000+</option>
          </select>
          </td></tr>


          <tr><td colspan="4"></td></tr>
          <tr><td colspan="2"><label for="photoUpload">Please upload thumbnail</label></td><td colspan="1"></td><td>
            <input type="file" id="photoUpload" name="photoUpload">
          </td></tr>
          <tr><td colspan="4"></td></tr>
          <tr><td colspan="4"><div id="photoPreview"></div></td>
            </tr>


            <tr><td colspan="4"></td></tr>
            <tr><td colspan="2"> <label for="documentUpload">Please upload additional Docs</label></td><td colspan="1"></td><td>
              <input type="file" id="documentUpload" name="documentUpload" multiple>
            </td></tr>


            <tr><td colspan="4"></td></tr>
            <tr><td colspan="4"> <div id="text1" class="scrollable-div">
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec interdum ultrices metus, sed molestie magna luctus at. Nunc faucibus mi a quam congue, at tempus metus faucibus. Nam eleifend, enim eu faucibus rhoncus, odio est auctor velit, non semper libero arcu a nibh. Ut tincidunt, risus eu consectetur ullamcorper, velit diam aliquam sem, sit amet egestas ex dolor ut metus. Fusce et elementum eros. Phasellus id lacus nec lectus malesuada lacinia. Sed accumsan elit felis, et commodo velit semper nec. Nullam laoreet mauris in semper sollicitudin. In sed magna est.</p>
              <p>Vestibulum a lacinia enim. Aliquam a eleifend dui. Sed dapibus ultricies ipsum, ut aliquet neque semper a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Proin cursus lorem dui, a tincidunt purus tristique a. Curabitur nec eros tellus. Phasellus tristique consectetur tortor, ac pharetra sem mattis id. In hac habitasse platea dictumst. Vestibulum cursus congue tortor in iaculis.</p>
              <!-- Add more content as needed -->
          </div>
            </td></tr>

            <tr>
              <td colspan="4">
              <input type="checkbox" id="consent1">I here by confirm that i have read and agree with above.
            </td>

          </tr>


        </table>


        <br>
        <input type="submit" id="submitBtn" value="Submit">
    </form>


    </div>
    </body>
    </html>