補充問題 - 從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更改清單

回答

相關問題