cartodb/Leaflet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Radio buttons properly dynamically created in IE7 don't work, so the layers dialog doesn't work, do it this hacky way instead.

Browse Source
This commit is contained in:
danzel 2012-08-01 15:57:17 +12:00
parent 5f7f5b2437
commit 8c84b8a00c
1 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/control/Control.Layers.js
View File

@ -133,16 +133,34 @@ L.Control.Layers = L.Control.extend({
this._separator.style.display = (overlaysPresent && baseLayersPresent ? '' : 'none');
},
_addItem: function (obj, onclick) {
//IE7 bugs out if you create a radio dynamically, so you have to do it this hacky way
//Ref: http://stackoverflow.com/questions/118693/how-do-you-dynamically-create-a-radio-button-in-javascript-that-works-in-all-bro/119079#119079
_createRadioElement: function (name, checked) {
var radioHtml = '<input type="radio" name="' + name + '"';
if (checked) {
radioHtml += ' checked="checked"';
}
radioHtml += '/>';
var radioFragment = document.createElement('div');
radioFragment.innerHTML = radioHtml;
return radioFragment.firstChild;
},
_addItem: function (obj) {
var label = document.createElement('label');
var input = document.createElement('input');
if (!obj.overlay) {
input.name = 'leaflet-base-layers';
var input;
if (obj.overlay) {
input = document.createElement('input');
input.type = obj.overlay ? 'checkbox' : 'radio';
input.defaultChecked = this._map.hasLayer(obj.layer);
} else {
input = this._createRadioElement('leaflet-bas-layers', this._map.hasLayer(obj.layer));
}
input.type = obj.overlay ? 'checkbox' : 'radio';
input.layerId = L.Util.stamp(obj.layer);
input.defaultChecked = this._map.hasLayer(obj.layer);
L.DomEvent.on(input, 'click', this._onInputClick, this);