Hello,
I'm trying to create CF 6 text fields with events. But I probably do not do it right.
I oriented myself to the article in the FAQ "How to use the Fields Events".
In the text field with the ID "geloc3" I have in Extra attributes:
class: leaflet-locpicker
Under "Events":
on change
Action: Function
Elements identifier: #latitude AND #longitude
Then comes a Javascript:
$ ( '# Geoloc3'). LeafletLocationPicker ({
locationSep: '-'
})
.on ('show', function (e) {
$ (this) .siblings ('em'). text ('click on map for insert the location');
})
.on ('hide', function (e) {
$ (This) .siblings ('em') text ('.');
})
.on ('changeLocation', function (e) {
$ (This)
.siblings ('# geolat'). val (e.latlng.lat)
.siblings ('# geolng'). val (e.latlng.lng)
.siblings ('i') text ('"' + e.location + ''. ');
});
Then 2 text fields in which data should be displayed
Text field with ID "geolat"
Text field with ID "geolng"
It only appears to me in the text box with the class "leaflet-locpicker".
Wat is the problem....
Many Thanxs
F.
I'm trying to create CF 6 text fields with events. But I probably do not do it right.
I oriented myself to the article in the FAQ "How to use the Fields Events".
In the text field with the ID "geloc3" I have in Extra attributes:
class: leaflet-locpicker
Under "Events":
on change
Action: Function
Elements identifier: #latitude AND #longitude
Then comes a Javascript:
$ ( '# Geoloc3'). LeafletLocationPicker ({
locationSep: '-'
})
.on ('show', function (e) {
$ (this) .siblings ('em'). text ('click on map for insert the location');
})
.on ('hide', function (e) {
$ (This) .siblings ('em') text ('.');
})
.on ('changeLocation', function (e) {
$ (This)
.siblings ('# geolat'). val (e.latlng.lat)
.siblings ('# geolng'). val (e.latlng.lng)
.siblings ('i') text ('"' + e.location + ''. ');
});
Then 2 text fields in which data should be displayed
Text field with ID "geolat"
Text field with ID "geolng"
It only appears to me in the text box with the class "leaflet-locpicker".
Wat is the problem....
Many Thanxs
F.