Meeting html

From Redazione
Jump to navigation Jump to search
(Created page with " <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...")
 
Line 469: Line 469:
  
 
<span class="ci_form_section_help">
 
<span class="ci_form_section_help">
−
To citizens of what country this announcement is addressed?
+
To citizens of what country this meeting is addressed?
 
</span>
 
</span>
  
 
</div>
 
</div>
 +
 +
<!--------------------------Address-------------------------->
 +
 +
<input class="cultura_italiana_form_input" type="text" placeholder="Address" name="Form meeting[Address]" value="">
 +
 +
 +
    <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>
 +
 +
<!--------------------------Coordinates-------------------------->
 +
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Coordinates
 +
</span>
 +
 +
<input class="cultura_italiana_form_input" type="text" placeholder="Organization coordinates" name="Form organization[Organization coordinates]" value="">
 +
 +
<span class="ci_form_section_help">
 +
The coordinates of this meeting is addressed?
 +
</span>
 +
 +
<!--------------------------Picture-------------------------->
 +
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Picture
 +
</span>
 +
 +
<input class="ci_form_input" type="text" placeholder="" name="Form meeting[Pictrure]" value="">
 +
 +
<span class="ci_form_section_help">
 +
A picture of the meeting.
 +
</span>
 +
 +
</div>
 +
 +
<!--------------------------Website-------------------------->
 +
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Website
 +
</span>
 +
 +
<input class="ci_form_input" type="text" placeholder="" name="Form meeting[Website]" value="">
 +
 +
<span class="ci_form_section_help">
 +
Please enter the official url of the meeting for futher information
 +
</span>
 +
 +
</div>
 +
 +
<!--------------------------Contact phone-------------------------->
 +
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Contact phone
 +
</span>
 +
 +
<input class="ci_form_input" type="text" placeholder="" name="Form meeting[Contact phone]" value="">
 +
 +
<span class="ci_form_section_help">
 +
Please enter the contact phone of meeting organizer
 +
</span>
 +
 +
</div>
 +
 +
<!--------------------------Contact email-------------------------->
 +
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Contact phone
 +
</span>
 +
 +
<input class="ci_form_input" type="text" placeholder="" name="Form meeting[Contact email]" value="">
 +
 +
<span class="ci_form_section_help">
 +
Please enter the contact email of meeting organizer
 +
</span>
 +
 +
</div>
 +
<!--------------------------Participant first name-------------------------->
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Participant first name
 +
</span>
 +
 +
<input class="ci_form_input" type="text" placeholder="" name="Form meeting[Participant first name]" value="">
 +
 +
<span class="ci_form_section_help">
 +
The first name of participant.
 +
</span>
 +
 +
</div>
 +
 +
<!--------------------------Participant last name-------------------------->
 +
<div class="ci_form_section">
 +
<span class="ci_form_section_label">
 +
Participant last name
 +
</span>
 +
 +
<input class="ci_form_input" type="text" placeholder="" name="Form meeting[Participant last name]" value="">
 +
 +
<span class="ci_form_section_help">
 +
The first name of participant.
 +
</span>
 +
 +
</div>
 +
 +
<!--------------------------SUBMIT-------------------------->
 +
 +
<div class="ci_form_section_submit">
 +
<input type="hidden" name="wpSave" value="Save page">
 +
<input type="hidden" name="pf_free_text" value="!free_text!">
 +
 +
<input class="ci_form_submit" type="submit" value="save">
 +
</div>
 +
 +
 +
</div>
 +
</div>
 +
 +
<script>
 +
 +
 +
 +
$(function(){
 +
 +
$('#select_countries option:contains("</html>{{#ci_visitorCountry:}}<html>")').prop('selected',true);
 +
 +
$('.ci_form textarea').autosize();
 +
 +
});
 +
 +
 +
</script>
 +
 +
 +
</html>

Revision as of 12:34, 2 March 2020

Name The name of the meeting.
Type of opportunity
Date
To citizens of what country this meeting is addressed?
Coordinates The coordinates of this meeting is addressed?
Picture A picture of the meeting.
Website Please enter the official url of the meeting for futher information
Contact phone Please enter the contact phone of meeting organizer
Contact phone Please enter the contact email of meeting organizer
Participant first name The first name of participant.
Participant last name The first name of participant.

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