补充问题 - 从HTML更改清单

嗨，我不知道是否有人可以帮助我，因为我已经把自己变成了一个泡妞，我不知道如何解决这个问题。补充问题 - 从HTML更改清单

我使用this页面为用户提供了可以通过复选框选择和取消选择地图上的标记的功能。然后，他们可以点击地图上的任何标记，也可以通过左侧边栏，从右侧边栏的下拉菜单中选择半径设置，然后在给定半径内搜索POI。

我想要做的是更改左侧的侧边栏以匹配右侧的格式。

我知道这一条是需要改变的代码是这样的：

function myclick(i) { 
      google.maps.event.trigger(gmarkers[i],"click"); 
      } 

      // == rebuilds the sidebar to match the markers currently displayed == 
      function makeSidebar() { 
      var html = ""; 
      for (var i=0; i<gmarkers.length; i++) { 
      if (gmarkers[i].getVisible()) { 
      html += '<a href="javascript:myclick(' + i + ')">' + gmarkers[i].myname + " - " + gmarkers[i].myfinds + " Finds made" + '<\/a><br>'; 
      } 
      } 
      document.getElementById("side_bar").innerHTML = html; 
      }

我已经试过与低于该从一段脚本所采取的代码，右边创建侧边栏替换它手边。

function createSidebarEntry(marker2, sitedescription, distance) { 
    var div = document.createElement('div'); 
     var html2 = '<b>' + sitedescription + '</b> (' + distance.toFixed(1) + ' miles) <br/>'; 
    div.innerHTML = html2; 
    div.style.cursor = 'pointer'; 
    div.style.marginBottom = '5px'; 
    google.maps.event.addDomListener(div, 'click', function() { 
    google.maps.event.trigger(marker2, 'click'); 
    }); 
    google.maps.event.addDomListener(div, 'mouseover', function() { 
    div.style.backgroundColor = '#eee'; 
    }); 
    google.maps.event.addDomListener(div, 'mouseout', function() { 
    div.style.backgroundColor = '#fff'; 
    }); 
    return div; 
    }

This是我到目前为止所做的。我可以让标记出现在地图上，但是我无法使左侧的边栏呈现。

我已经为此工作了好几天了，而且我似乎正在圈圈。我只是想知道是否有人可以看看这个请让我知道我出了什么问题。

非常感谢和亲切的问候

来源

2011-11-27 IRHM

您使用的是什么浏览器 - 侧边栏在Chrome中为我呈现（并且您的意思是左侧还是右侧） –

嗨，非常感谢您回复我的帖子。我的帖子中的第一个链接显示了当前的页面。如果您单击左侧边栏中的“测试位置2”，请从页面右侧的下拉菜单中选择“25”点击“选择位置”，右侧会创建一个侧栏。正如你将看到的格式与左边的格式不同。正是这个我想改变，也就是说我希望左边的边栏看起来和右边的边栏完全一样。我的文章中的第二个链接显示了我正在努力尝试实现这一目标，但没有任何运气。亲切的问候 – IRHM

为什么你感到惊讶它不起作用？问题在于你的函数makeSidebar()，它应该可以完成这个工作（？），但是因为它写的确实有点奇怪......首先你创建一个新的div，你不会把它放在dom的任何地方（它应该可能是放置在侧栏中，但侧栏不用于此功能！）。该函数执行一个for循环，但它在第一次迭代中返回！所以实际上它什么都不做。

继续并调试您的代码。使用Firebug调试器来追踪它！

来源

2011-11-30 18:05:32 TMS

嗨，我承认我对此很新，你可以告诉。我之前使用Firebug来识别任何错误，但是当我看到这个页面时，它没有显示任何错误，所以，也许是因为我缺乏知识，我不确定错误在哪里出现。亲切的问候 – IRHM

它只是需要一些工作，但没有什么复杂的。也许首先做一个彻底的代码审查，它会为您节省调试时间。祝你好运！ – TMS

非常感谢您的帮助。 – IRHM

补充问题 - 从HTML更改清单

回答

相关问题