span id değerini TextBox içine yazdıramıyorum

Question

Merhabalar, öncelikle forum kuralları gereği buraya yazmadan önce internet üzerinde arama yapmama rağmen yapmak istediğim işleme yakın sonuç bulamadım. forum üzerinde arama yapmak istediğimde ise 

502 - Web server received an invalid response while acting as a gateway or proxy server. 

hatası aldığımı bilmenizi isterim.

Hazırladığım Net uygulamasında google map üzerinden seçtiğim lokasyon bilgileri span id değerine yazıyor.

<span id="Longitude"></span>

<span id="Latitude"></span>

Ben burada span id değerini span'a dokunmadan  

<asp:TextBox ID="lati" runat="server"></asp:TextBox><asp:TextBox ID="longi" runat="server"></asp:TextBox>

içine atmak istiyorum. Bu konuda yardımcı olabilir misiniz ?

---

Hakan Yusuf ZBN

Answer 1

Öncelikle spanlara runat="server" ekleyin daha sonra codebeind de lati.Text=Longitude.Text; diyin ...İyi çalışmalar ...

Answer 2

Dejavuu dediğiniz gibi yaptım ekranda ki hatayı aldım.

<span id="latitude" runat="server"  class="label label-default"> </span>
 <span id="longitude" runat="server" class="label label-default"></span>

---

Hakan Yusuf ZBN

Answer 3

Hocam bir kodları atabilir misiniz ?
Birde pardon kusura bakmayın bu spanla olmaz onları labelle çevirmelisiniz...

Answer 4

Tabi hocam atıyorum ...

Answer 5

Hocam label yaptım sorun yok koordinat değerlerini aldım. Şimdi bu label üzerinden gelen değerleri veritabanına nasıl aktarabilirim. Aşağıdaki kodların doğrusu nasıl olmalıdır.

cmdKaydet.Parameters.Add("LATITUDE", latitude.Text);
cmdKaydet.Parameters.Add("LONGITUDE", longitude.Text);

---

Hakan Yusuf ZBN

Answer 6

Arkadaşlar Sorunumu Aşağıdaki kod sayesinde çözdüm.

<script type="text/javascript">
    	var markerme;
    	var map;
    	var geocoder;
    
    	var newlocation;
    	var newlat;
    	var newlng;
    	
    	function initializemap(sender, latitude, longitude) {
    
    		var target = document.getElementById(sender);
    
    		var centerLocation = new google.maps.LatLng(latitude, longitude);
    
    		map = new google.maps.Map(target, {
    
    						zoom : 15,
    			
    			center : centerLocation,
          mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
            position : google.maps.ControlPosition.TOP_RIGHT
          },
    			mapTypeId : google.maps.MapTypeId.ROADMAP,
    			zoomControl : true,
    			zoomControlOptions : {
    				style : google.maps.ZoomControlStyle.SMALL,
    				position : google.maps.ControlPosition.RIGHT_TOP
    			},
          streetViewControl: false,
    		});
    
    		markerme = new google.maps.Marker({
    			position : centerLocation,
    			title : 'Konumum',
    			map : map,
    			draggable : true
    		});
    
    		markerme.setAnimation(google.maps.Animation.BOUNCE);
    
    		if (geocoder == null) {
    			geocoder = new google.maps.Geocoder();
    		}
    		geocoder.geocode({
    			'latLng' : centerLocation
    		}, function(results, status) {
    			if (status == google.maps.GeocoderStatus.OK) {
    				if (results[1]) {
    										newlocation = results[0].formatted_address;
    					return;
    				}
    			}
    		});
    
    		google.maps.event.addListener(markerme, 'dragend', function() {
    			markerlocation = this.getPosition();
    			geocoder.geocode({
    				'latLng' : markerlocation
    			}, function(results, status) {
    				if (status == google.maps.GeocoderStatus.OK) {
    					if (results[1]) {
    						newlat = markerlocation.lat();
    						newlng = markerlocation.lng();
    
    						newlocation = results[0].formatted_address;
    
    						$('#adres').val(newlocation); 
                
            		$("#latfield").val(newlat);
            		$("#lngfield").val(newlng);
    
    						return;
    					} else
    						$('#adres').val('Konum Bulunamadı');
    				}
    
    			});
    		});
    		google.maps.event.addListener(map, 'click', function(event) {
    			markerlocation = event.latLng;
    			markerme.setPosition(markerlocation);
    			geocoder.geocode({
    				'latLng' : markerlocation
    			}, function(results, status) {
    				if (status == google.maps.GeocoderStatus.OK) {
    					if (results[1]) {
    						newlat = markerlocation.lat();
    						newlng = markerlocation.lng();
    
    						newlocation = results[0].formatted_address;
    
    						$('#adres').val(newlocation); 
                
            		$("#latfield").val(newlat);
            		$("#lngfield").val(newlng);
    
    						return;
    					} else
    						$('#adres').val('Konum Bulunamadı');
    				}
    
    			});
    		});
            
    	}
    
    	var latitude = 39.9091;
    	var longitude = 32.8619;
    
    	var input = document.getElementById('adres');
    	var options = {
    		componentRestrictions : {
    			country : 'tr'
    		}
    	};
    	var autocomplete = new google.maps.places.Autocomplete(input, options);

    	var marker = new google.maps.Marker({
    		map : map
    	});
    
    	$(input).focusin(function() {
    		$(document).keypress(function(e) {
    			if (e.which == 13) {
    
    				var firstResult = $(".pac-container .pac-item:first").text();
    
    				var geocoder = new google.maps.Geocoder();
    				geocoder.geocode({
    					"address" : firstResult
    				}, function(results, status) {
    					if (status == google.maps.GeocoderStatus.OK) {
    						var lat = results[0].geometry.location.lat(), lng = results[0].geometry.location.lng(), placeName = results[0].address_components[0].long_name, latlng = new google.maps.LatLng(lat, lng);
    						$(".pac-container .pac-item:first").addClass("pac-selected");
    						$(".pac-container").css("display", "none");
    						$(input).val(firstResult);
    						$(".pac-container").css("visibility", "hidden");
    						map.setCenter(latlng);
    						map.setZoom(15);
    						newlat = lat;
    						newlng = lng;
    						markerme.setPosition(latlng);
                
            		$("#latfield").val(newlat);
            		$("#lngfield").val(newlng);
    
    					}
    				});
    				return false;
    			} else {
    				$(".pac-container").css("visibility", "visible");
    			}
    
    		});
    	});
    
    	google.maps.event.addListener(autocomplete, 'place_changed', function() {
    		var place = autocomplete.getPlace();
    
    		map.setCenter(place.geometry.location);
    		map.setZoom(15);
    		newlat = place.geometry.location.lat();
    		newlng = place.geometry.location.lng();
    		markerme.setPosition(place.geometry.location); 
                
    		$("#latfield").val(newlat);
    		$("#lngfield").val(newlng);
    
    		var address = place;
    	});
    
    	initializemap('haritacanvas', latitude, longitude);    
    </script>

---

Hakan Yusuf ZBN

Answer 7

Tebrik ederim hocam ... İyi çalışmalar ...

Answer 8

Teşekkür ederim hocam. Şimdi başka bir sorun ile karşı karşıya kaldım.

<input type="longitude" name="latlng"> resimde görüldüğü gibi koordinatlar geliyor CodeBehind tarafında ise runat="server" değeri olmadığından kayıt işleminde hata veriyor.<input type="longitude" name="latlng" runat="server"> yapınca  koordinat değerleri gelmiyor. 

Veya  <input type="longitude" name="latlng"> bu şekilde iken gelen değeri codebehind tarafında nasıl alır ve database işlerim

Bunu nasıl çözebilirim

---

Hakan Yusuf ZBN

Answer 9

Yine runat="server" ekleyin ve ıd verin...

Answer 10

Hocam bu şekilde koordinat değeri geliyor

<input type="text" id="latitude" name="latitude" />

bu şekilde ise gelmiyor

<input type="text" id="latitude" name="latitude" runat="server" />

yani işin içine runat="server" girince js tarafında sanırım bir sorun oluşuyor js kodları ise yukarıda olduğu gibidir.

bir yandan burada sorarken diğer taraftan bu konuda araştırmalarımı da yaptığımı bilmenizi isterim

---

Hakan Yusuf ZBN

Answer 11

Javascript ile ilgili hocam yoksa o şekilde kod tarfında müdale edile bilir js kodlarınıza bakalım umarım çözeriz ...

Answer 12

Hocam gözden kaçan bir ayrıntı ile sorunu çözdüm. Dün sizle görüşmem esnasında string kullanmamı söylemiştiniz. ben bu sabah ki heyecanım yüzünden bunu unuttum.

string lati = Request.Form["latitude"];
        string longi = Request.Form["longitude"];

Bu şekilde sorun çözüldü. Testlerimde ise istediğim sonucu aldım.

Teşekkür ederim, İlgi ve Alakanız için

Sonuç

---

Hakan Yusuf ZBN

Answer 13

Hocam runat server dediğimizde js nin çalışmaması normal ... :) artık sadece server tarafından müsadele edilebilir oluyor ... Yine js kullanmalı yada ja iptal edip her şeyi codebeind de yaptırmalıdınız ...