Organization html

From Redazione
Jump to navigation Jump to search
Line 1: Line 1:
−
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
+
<html>
 +
<div class="ci_form_container" style="max-width:500px;background:;border:0px solid #ccc;box-shadow: #ccc 2px 2px 4px 4px">
 +
 
 +
<div class="ci_form" action="" method="post">
 +
 
 +
<!--
 +
 
 +
organization_name
 +
organization_logo
 +
organization_type
 +
organization_country
 +
organization_city_town_or_village_of_the_organization
 +
organization_registration_date
 +
organization_registration_id
 +
organization_official_website
 +
organization_submit
 +
 
 +
-->
 +
 
 +
<!--------------------------NAME-------------------------->
 +
 
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Name
 +
</span>
 +
 
 +
<input class="ci_form_input" type="text" placeholder="" name="Form organization[Title]" value="">
 +
 
 +
<span class="ci_form_section_help">
 +
The name of the organization.
 +
</span>
 +
 
 +
</div>
 +
<!--------------------------LOGO-------------------------->
 +
<!--------------------------TYPE-------------------------->
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Name
 +
</span>
  
−
<html>
+
<input class="ci_form_input" type="text" placeholder="" name="Form organization[Title]" value="">
−
<div class="cultura_italiana_form" style="width:360px;text-align:;padding:24px">
+
 
−
<div style="margin:auto">
+
<span class="ci_form_section_help">
−
<form action="" method="post">
+
The type of the organization.
 +
</span>
 +
 
 +
</div>
 +
<!--------------------------COUNTRY-------------------------->
  
−
<span class="cultura_italiana_form_section">
+
<div class="ci_form_section">
−
<span class="cultura_italiana_form_section_title" style="margin-top:6px">
+
<span class="ci_form_section_label">
−
Organization
+
Country
 
</span>
 
</span>
−
<input class="cultura_italiana_form_input" type="text" placeholder="Name" name="Form organization[Organization name]" value="">
+
 
−
<input class="cultura_italiana_form_input" type="text" placeholder="Logo" name="Form organization[Organization logo]" value="">
+
 
−
<input class="cultura_italiana_form_input" type="text" placeholder="Type" name="Form organization[Organization type]"  value="">
+
<select id="select_countries" class="ci_form_input" name="Form announcement[Target country]">
−
<select class="cultura_italiana_form_input" name="Form organization[Organization country]" placeholder="Country">
+
<option></option>
 +
 
 
<option>Afghanistan</option>
 
<option>Afghanistan</option>
 
<option>Albania</option>
 
<option>Albania</option>
Line 69: Line 112:
 
<option>Djibouti</option>
 
<option>Djibouti</option>
 
<option>Dominica</option>
 
<option>Dominica</option>
 +
<option>East Timor</option>
 
<option>Dominican Republic</option>
 
<option>Dominican Republic</option>
−
<option>East Timor</option>
 
 
<option>Ecuador</option>
 
<option>Ecuador</option>
 
<option>Egypt</option>
 
<option>Egypt</option>
Line 241: Line 284:
 
<option>Zimbabwe</option>
 
<option>Zimbabwe</option>
 
</select>
 
</select>
 +
<span class="ci_form_section_help">
 +
Where is the organization based?
 +
</span>
  
 +
</div>
 +
<!--------------------------CITY TOWN OR VILLAGE OF THE ORGANIZATION-------------------------->
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
City, town or village of the organization
 +
</span>
  
 +
<input class="ci_form_input" type="text" placeholder="" name="Form organization[City,town or village of the organization]" value="">
  
−
<input class="cultura_italiana_form_input" type="text" placeholder="City, town or village of the organization" name="Form organization[City, town or village of the organization]" value="">
 
  
 +
</div>
 +
<!--------------------------REGISTRATION DATE-------------------------->
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Registration date
 +
</span>
  
−
    <label for="latInput">Latitude</label>
 
−
    <input id="latInput"/>
 
−
    <label for="lngInput">Longitude</label>
 
−
    <input id="lngInput"/>
 
−
    <div id="map" style="height : 200px"></div>
 
−
 
−
<!--
 
−
 
−
    <link rel="stylesheet" href="https://culturaitaliana.org/w/en/leaflet.css"/>
 
−
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
 
−
 
−
<script src="https://culturaitaliana.org/w/en/leaflet.js"></script>
 
−
 
−
-->
 
−
 
−
<script>
 
−
var mapCenter = [22, 87];
 
−
var map = L.map('map', {center : mapCenter, zoom : 3});
 
−
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
 
−
    maxZoom: 18,
 
−
    attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
 
−
    '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
 
−
    'Imagery © <a href="http://mapbox.com">Mapbox</a>',
 
−
    id: 'examples.map-i875mjb7',
 
−
    noWrap : true
 
−
}).addTo(map);
 
−
 
−
 
−
var marker = L.marker(mapCenter).addTo(map);
 
−
var updateMarker = function(lat, lng) {
 
−
    marker
 
−
        .setLatLng([lat, lng])
 
−
        .bindPopup("Your location :  " + marker.getLatLng().toString())
 
−
        .openPopup();
 
−
    return false;
 
−
};
 
−
 
−
 
−
map.on('click', function(e) {
 
−
    $('#latInput').val(e.latlng.lat);
 
−
    $('#lngInput').val(e.latlng.lng);
 
−
    updateMarker(e.latlng.lat, e.latlng.lng);
 
−
});
 
−
 
−
 
−
var updateMarkerByInputs = function() {
 
−
return updateMarker( $('#latInput').val() , $('#lngInput').val());
 
−
}
 
−
$('#latInput').on('input', updateMarkerByInputs);
 
−
$('#lngInput').on('input', updateMarkerByInputs);
 
−
 
−
</script>
 
−
 
−
<input class="cultura_italiana_form_input" type="text" placeholder="Organization coordinates" name="Form organization[Organization coordinates]" value="">
 
−
<input class="cultura_italiana_form_input" type="text" placeholder="Registration date" name="Form organization[Organization registration date]" value="">
 
  
 
<table><tr><td>
 
<table><tr><td>
−
<select class="cultura_italiana_form_input" name="Form organization[date][year]">
+
<select class="cultura_italiana_form_input" name="Form announcement[deadline][day]">
−
<option>1950</option>
+
<option></option>
−
<option>1951</option>
 
−
<option>1952</option>
 
−
<option>1953</option>
 
−
<option>1954</option>
 
−
<option>1955</option>
 
−
<option>1956</option>
 
−
<option>1957</option>
 
−
<option>1958</option>
 
−
<option>1959</option>
 
−
<option>1960</option>
 
−
<option>1961</option>
 
−
<option>1962</option>
 
−
<option>1963</option>
 
−
<option>1964</option>
 
−
<option>1965</option>
 
−
<option>1966</option>
 
−
<option>1967</option>
 
−
<option>1968</option>
 
−
<option>1969</option>
 
−
<option>1970</option>
 
−
<option>1971</option>
 
−
<option>1972</option>
 
−
<option>1973</option>
 
−
<option>1974</option>
 
−
<option>1975</option>
 
−
<option>1976</option>
 
−
<option>1977</option>
 
−
<option>1978</option>
 
−
<option>1979</option>
 
−
<option>1980</option>
 
−
<option>1981</option>
 
−
<option>1982</option>
 
−
<option>1983</option>
 
−
<option>1984</option>
 
−
<option>1985</option>
 
−
<option>1986</option>
 
−
<option>1987</option>
 
−
<option>1988</option>
 
−
<option>1989</option>
 
−
<option>1990</option>
 
−
<option>1991</option>
 
−
<option>1992</option>
 
−
<option>1993</option>
 
−
<option>1994</option>
 
−
<option>1995</option>
 
−
<option>1996</option>
 
−
<option>1997</option>
 
−
<option>1998</option>
 
−
<option>1999</option>
 
−
<option>2000</option>
 
−
<option>2001</option>
 
−
<option>2002</option>
 
−
<option>2003</option>
 
−
<option>2004</option>
 
−
<option>2005</option>
 
−
<option>2006</option>
 
−
<option>2007</option>
 
−
<option>2008</option>
 
−
<option>2009</option>
 
−
<option>2010</option>
 
−
<option>2011</option>
 
−
<option>2012</option>
 
−
<option>2013</option>
 
−
<option>2014</option>
 
−
<option>2015</option>
 
−
<option>2016</option>
 
−
<option>2017</option>
 
−
<option>2018</option>
 
−
<option>2019</option>
 
−
<option>2020</option>
 
−
</select>
 
−
</td><td>
 
−
 
 
−
<select class="cultura_italiana_form_input" name="Form organization[date][month]">
 
−
<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 organization[date][day]">
 
 
<option>1</option>
 
<option>1</option>
 
<option>2</option>
 
<option>2</option>
Line 427: Line 341:
 
<option>31</option>
 
<option>31</option>
 
</select>
 
</select>
−
</td></tr></table>
 
  
 +
</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>
  
−
<input class="cultura_italiana_form_input" type="text" placeholder="Registration id" name="Form organization[Organization registration id]" value="">
+
<select class="cultura_italiana_form_input" name="Form announcement[deadline][year]">
−
<input class="cultura_italiana_form_input" type="text" placeholder="Official website" name="Form organization[Organization website]" value="">
+
<option></option>
 +
<option>2020</option>
 +
<option>2019</option>
 +
<option>2018</option>
 +
<option>2017</option>
 +
<option>2016</option>
 +
<option>2015</option>
 +
<option>2014</option>
 +
<option>2013</option>
 +
<option>2012</option>
 +
<option>2011</option>
 +
<option>2010</option>
 +
<option>2009</option>
 +
<option>2008</option>
 +
<option>2007</option>
 +
<option>2006</option>
 +
<option>2005</option>
 +
<option>2004</option>
 +
<option>2003</option>
 +
<option>2002</option>
 +
<option>2001</option>
 +
<option>2000</option>
 +
<option>1999</option>
 +
<option>1998</option>
 +
<option>1997</option>
 +
</select>
 +
</td></tr></table>
  
  
 +
<span class="ci_form_section_help">
 
</span>
 
</span>
  
 +
</div>
  
 +
<!--------------------------SUBMIT-------------------------->
  
−
 
+
<div class="ci_form_section_submit">
−
<span class="cultura_italiana_form_section_submit">
 
 
<input type="hidden" name="wpSave" value="Save page">
 
<input type="hidden" name="wpSave" value="Save page">
 
<input type="hidden" name="pf_free_text" value="!free_text!">
 
<input type="hidden" name="pf_free_text" value="!free_text!">
  
−
<input class="cultura_italiana_form_submit" type="submit" value="save">
+
<input class="ci_form_submit" type="submit" value="save">
−
</span>
+
</div>
−
</form>
+
 
 +
 
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<script>
 +
 +
 +
 +
$(function(){
 +
 +
$('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
 +
 +
$('.ci_form textarea').autosize();
 +
 +
});
 +
 +
 +
</script>
 +
 +
 
</html>
 
</html>

Revision as of 13:07, 2 March 2020

Name The name of the organization.
Name The type of the organization.
Country Where is the organization based?
City, town or village of the organization
Registration date

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