Organization html

From Redazione
Jump to navigation Jump to search
Line 333: Line 333:
 
</div>
 
</div>
  
−
<!--------------------------Coordinates-------------------------->
 
  
−
<input class="cultura_italiana_form_input" type="text" placeholder="Address" name="Form meeting[Address]" value="">
 
  
 +
<!--------------------------Coordinates-------------------------->
  
 +
<!--
 
     <label for="latInput">Latitude</label>
 
     <label for="latInput">Latitude</label>
 
     <input id="latInput"/>
 
     <input id="latInput"/>
 
     <label for="lngInput">Longitude</label>
 
     <label for="lngInput">Longitude</label>
 
     <input id="lngInput"/>
 
     <input id="lngInput"/>
−
    <div id="map" style="height : 300px"></div>
+
-->
−
 
 
  
  
−
<!--------------------------Coordinates-------------------------->
 
  
 
<div class="ci_form_section">
 
<div class="ci_form_section">
Line 352: Line 350:
 
Coordinates
 
Coordinates
 
</span>
 
</span>
 +
 +
 +
<div id="map" style="height : 300px"></div>
  
 
<input class="cultura_italiana_form_input" type="text" placeholder="Coordinates" name="Form organization[Coordinates]" value="">
 
<input class="cultura_italiana_form_input" type="text" placeholder="Coordinates" name="Form organization[Coordinates]" value="">
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
−
The coordinates of the organization  
+
Zoom and move the map to the precise location of your organization to pick its coordinates.
 
</span>
 
</span>
  
−
<!--------------------------REGISTRATION DATE-------------------------->
+
 
 +
<!--------------------------FOUNDATION YEAR-------------------------->
 
<div class="ci_form_section">
 
<div class="ci_form_section">
 
<span class="ci_form_section_label">
 
<span class="ci_form_section_label">
−
Registration date
+
Foundation year
 
</span>
 
</span>
  
  
−
<table><tr><td>
+
<select class="ci_form_input" name="Form organization[Foundation year]">
−
<select class="cultura_italiana_form_input" name="Form announcement[deadline][day]">
 
−
<option></option>
 
−
<option>1</option>
 
−
<option>2</option>
 
−
<option>3</option>
 
−
<option>4</option>
 
−
<option>5</option>
 
−
<option>6</option>
 
−
<option>7</option>
 
−
<option>8</option>
 
−
<option>9</option>
 
−
<option>10</option>
 
−
<option>11</option>
 
−
<option>12</option>
 
−
<option>13</option>
 
−
<option>14</option>
 
−
<option>15</option>
 
−
<option>16</option>
 
−
<option>17</option>
 
−
<option>18</option>
 
−
<option>19</option>
 
−
<option>20</option>
 
−
<option>21</option>
 
−
<option>22</option>
 
−
<option>23</option>
 
−
<option>24</option>
 
−
<option>25</option>
 
−
<option>26</option>
 
−
<option>27</option>
 
−
<option>28</option>
 
−
<option>29</option>
 
−
<option>30</option>
 
−
<option>31</option>
 
−
</select>
 
−
 
 
−
</td><td>
 
−
 
 
−
<select class="cultura_italiana_form_input" name="Form announcement[deadline][month]">
 
−
<option></option>
 
−
<option value="1">January</option>
 
−
<option value="2">February</option>
 
−
<option value="3">March</option>
 
−
<option value="4">April</option>
 
−
<option value="5">May</option>
 
−
<option value="6">June</option>
 
−
<option value="7">July</option>
 
−
<option value="8">August</option>
 
−
<option value="9">September</option>
 
−
<option value="10">October</option>
 
−
<option value="11">November</option>
 
−
<option value="12">December</option>
 
−
</select>
 
−
</td><td>
 
−
 
 
−
<select class="cultura_italiana_form_input" name="Form announcement[deadline][year]">
 
 
<option></option>
 
<option></option>
 
<option>2020</option>
 
<option>2020</option>
Line 495: Line 442:
 
<option>1950</option>
 
<option>1950</option>
 
</select>
 
</select>
−
</td></tr></table>
 
  
  
Line 502: Line 448:
  
 
</div>
 
</div>
−
<!--------------------------REGISTRATION ID-------------------------->
 
−
<div class="ci_form_section">
 
−
<span class="ci_form_section_label">
 
−
Registration ID
 
−
</span>
 
  
−
<input class="ci_form_input" type="text" placeholder="" name="Form organization[registration id]" value="">
 
  
−
 
−
</div>
 
 
<!--------------------------OFFICIAL WEBSITE-------------------------->
 
<!--------------------------OFFICIAL WEBSITE-------------------------->
 
<div class="ci_form_section">
 
<div class="ci_form_section">
Line 546: Line 484:
 
$('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
 
$('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
  
 +
$('#select_countries').on('change',function() {
 +
 +
 +
})
  
 
$('.ci_form textarea').autosize();
 
$('.ci_form textarea').autosize();
Line 571: Line 513:
  
 
var marker = L.marker(mapCenter).addTo(map);
 
var marker = L.marker(mapCenter).addTo(map);
 +
 
var updateMarker = function(lat, lng) {
 
var updateMarker = function(lat, lng) {
 
marker
 
marker
Line 582: Line 525:
  
 
map.on('click', function(e) {
 
map.on('click', function(e) {
 +
/*
 
$('#latInput').val(e.latlng.lat);
 
$('#latInput').val(e.latlng.lat);
 
$('#lngInput').val(e.latlng.lng);
 
$('#lngInput').val(e.latlng.lng);
 +
*/
 +
$('#coordinates').val(e.latlng.lat + ', ' + e.latlng.lng);
 
updateMarker(e.latlng.lat, e.latlng.lng);
 
updateMarker(e.latlng.lat, e.latlng.lng);
 
});
 
});
  
−
 
+
/*
 
var updateMarkerByInputs = function() {
 
var updateMarkerByInputs = function() {
 
return updateMarker( $('#latInput').val() , $('#lngInput').val());
 
return updateMarker( $('#latInput').val() , $('#lngInput').val());
Line 594: Line 540:
 
$('#latInput').on('input', updateMarkerByInputs);
 
$('#latInput').on('input', updateMarkerByInputs);
 
$('#lngInput').on('input', updateMarkerByInputs);
 
$('#lngInput').on('input', updateMarkerByInputs);
 +
*/
  
 
});
 
});

Revision as of 09:18, 7 March 2020

Name
Logo
Type
Country
City
Address
Coordinates
Zoom and move the map to the precise location of your organization to pick its coordinates.
Foundation year
Official website

Retrieved from "https://culturaitaliana.org/w/index.php?title=Form:Organization_html&oldid=2924"