javascript - Assigning values to multiple variables from a single input -


is possible put both x , y values 1 input? example, if type 11,56 in single input box should assign 11 x & 56 y. need values server in txt or csv format file. tried php examples found on web can't working. please guide me.

<!doctype html>  <html>  <head>      <script src="http://maps.googleapis.com/maps/api/js?libraries=geometry"></script>      <script>          var map;          var marker1;            function initialize() {              var x = document.getelementbyid("x").value;              var y = document.getelementbyid("y").value;                var latlng = new google.maps.latlng(x, y);                var mapprop = {                  center: latlng,                  zoom: 15,                  maptypeid: google.maps.maptypeid.roadmap              };                map = new google.maps.map(document.getelementbyid("googlemap"), mapprop);                marker1 = new google.maps.marker({                  position: latlng,                  title: 'point a',                    draggable: true,              });                marker1.setmap(map);                var ne0 = new google.maps.latlng(25.774252, -80.190262);              var ne01 = new google.maps.latlng(18.466465, -66.118292);              var ne02 = new google.maps.latlng(32.321384, -64.75737);                var n0 = new google.maps.latlng(23.774252, -78.190262);              var n01 = new google.maps.latlng(17.466465, -65.118292);              var n02 = new google.maps.latlng(16.466465, -63.118292);              var n03 = new google.maps.latlng(30.321384, -64.75737);                var zone = [                  n0, n01, n02, n03              ];              var zone0 = [                  ne0, ne01, ne02, ne0              ];                var dzone = new google.maps.polygon({                  paths: zone,                  strokecolor: "#0000ff",                  strokeopacity: 1.5,                  strokeweight: 2,                  fillcolor: "#ff0000",                  fillopacity: 1,                  clickable: false              });              dzone.setmap(map);                var dzone0 = new google.maps.polygon({                  paths: zone0,                  strokecolor: "#0000ff",                  strokeopacity: 1.5,                  strokeweight: 2,                  fillcolor: "#ff0000",                  fillopacity: 1,                  clickable: false              });              dzone0.setmap(map);                google.maps.event.addlistener(marker1, 'dragend', function(e) {                  var result;                  if (google.maps.geometry.poly.containslocation(e.latlng, dzone)) {                        window.alert("danger!");;                      document.body.style.backgroundcolor = "red";                  } else if (google.maps.geometry.poly.containslocation(e.latlng, dzone0)) {                        window.alert("danger!");;                      document.body.style.backgroundcolor = "red";                  } else {                      document.body.style.backgroundcolor = "white";                  }                    var m = new google.maps.marker({                      position: e.latlng,                      map: map,                      icon: 'pi.png'                  })              });              google.maps.event.trigger(marker1, 'dragend', {                  latlng: marker1.getposition()              });          }            google.maps.event.adddomlistener(window, 'load', initialize);                    function updatemarker() {              var lat = document.getelementbyid("x").value;              var lng = document.getelementbyid("y").value;              var latlng = new google.maps.latlng(lat, lng);              marker1.setposition(latlng);              map.panto(latlng);          }      </script>  </head>    <body>      <div id="googlemap" style="width:500px;height:380px;"></div>          longitude <input id="x" type="number" value = "25.74252">            latitude <input id="y" type="number"value = "-80.190262"><br> <br>          <button type="button" onclick="updatemarker()">submit</button> &nbsp;      </div>  </body>  </html>


Comments

Post a Comment

Popular posts from this blog

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more

javascript - Add class to another page attribute using URL id - Jquery -

i have attached id url. ex: when click link 1 , has #tab-2 id , takes me landing page. in landing page have find element has #tab-2 id have add class .active . i tried no luck. please 1 correct code. thanks js fiddle link html <div class="menu"> <ul> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">link 1</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">link 2</a></li> <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">link 3</a></li> </ul> </div> landing page <div class="tab"> <ul> <li><a id="tab-2" class="active" >link 1 content</a></li> <li><a id="tab-44" >link 2 content</a></li> <li><a id="tab-74" >link 3 content</a></l
Read more

firefox - Where is 'webgl.osmesalib' parameter? -

i'm trying webgl running on firefox (v37.0.2) via software acceleration mesa. tried following steps have been stated in article: http://www.binarytides.com/enable-webgl-firefox-ubuntu/ however, unable find parameter named ' webgl.osmesalib ' in about:config section? has been removed (or renamed)? if yes, how should instruct firefox use mesa's software acceleration webgl? looks support osmesa removed in favour llvmpipe.
Read more