internet explorer - IE7/8 Javascript Errors -
i'm getting javascript error whenever click title link; in essence line: document.write('<a href="javascript:myclick(' + (i) + ')">' + '[[title]]' + '<\/a><br>'); it's frustrating me in major way since other browsers except ie7/8 don't have issues. yet, majority of our visitors using ie7/8. problem occur in ie, little else, when debug javascript error far tell.
thanks.. here's info:
ie8 debugging:
line: 1 error: function expected myclick(3) function expected jscript - window script block, line 1 character 1 ie9 debugging (in ie8 mode):
myclick(7) script5007: value of property 'myclick' null or undefined, not function object script block (4), line 1 character 1 this line 1:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><meta http-equiv="x-ua-compatible" content="ie=edge" > this full script code; google maps:
<script type="text/javascript"> var mapcenter = new google.maps.latlng(41.52369114627216,-90.57780953284453) var = -1; var lat=new array(); var long=new array(); var markertitle=new array(); var display=new array(); var myclick = new array(); var gmarkers = new array(); </script> <script type="text/javascript"> var = + 1; lat[i] = [[lat]]; long[i] = [[long]]; markertitle[i] = '[[title]]'; display[i] = '<table><tr><td><div style="color: #a41d21;font-size: 13px; font-weight: bold;">[[title]]</div></td></tr><tr><td>[[address]]<br />[[city]], [[state]] [[zip]]</td></tr><tr><td>[[phone]]</td></tr><tr><td><a href="mailto:[[email]]">[[email]]</a></td></tr><tr><td><a href="[[weburl]]" target="_blank">[[weburl]]</a></td></tr></table>'; </script> <div id="leftarea" style="width: 220px; float: left; border-bottom: 1px solid #dedede; padding: 5px 0 5px 0;"> <div style="color: #a41d21;font-size: 13px; font-weight: bold;"> <script type="text/javascript"> document.write('<a href="javascript:myclick(' + (i) + ')">' + '[[title]]' + '<\/a><br>'); </script> </div> <div> [[address]]<br /> [[city]], [[state]] [[zip]] </div> </div> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function initialize() { myclick = function myclick(i) { google.maps.event.trigger(gmarkers[i], "click"); } var myoptions = { zoom: 12, center: mapcenter, zoomcontrol: true, zoomcontroloptions: { position: google.maps.controlposition.top_right, style: google.maps.zoomcontrolstyle.small }, maptypecontrol: true, maptypecontroloptions: { style: google.maps.maptypecontrolstyle.dropdown_menu }, scalecontrol: true, scalecontroloptions: { position: google.maps.controlposition.top_center }, maptypeid: google.maps.maptypeid.roadmap, }; var map = new google.maps.map(document.getelementbyid('map_canvas'),myoptions); (var = 0, length = 50; < length; i++) { var latlng = new google.maps.latlng(lat[i],long[i]); var infowindow = new google.maps.infowindow(); var marker = new google.maps.marker({ position: latlng, map: map, title: markertitle[i], html: display[i] }); gmarkers[i] = marker; google.maps.event.addlistener(marker, 'click', function () { infowindow.setcontent(this.html); infowindow.open(map, this); }); } google.maps.event.addlistener(map, 'click', function() { infowindow.close(); }); } google.maps.event.adddomlistener(window, 'load', initialize); </script>
i don't think need include function name in variable definition:
myclick = new function(i) { google.maps.event.trigger(gmarkers[i], "click"); }
Comments
Post a Comment