لود شدن بدون فشردن دکمه

این تاپیک 11 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  آرمین نادری ،‏ 9 ماه و 2 هفته پیش .

این تاپیک تاکنون 515 بازدید داشته است .

نویسنده پست
یکشنبه ، 21 فوریه 2016     3:53 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

سلام
من یک نقشه دارم که میخوام وقتی در کادر جستجو نام یک منطقه رو تایپ
کردی بدون فشردن دکمه نقشه مجدد خودش لود شه و به اون قسمت اشاره کنه
اینم کد من

Chapter 10 - Example 10-1

(function() {

// Defining some global variables
var map, geocoder, marker, infowindow;
window.onload = function() {
// Creating a new map
var options = {
zoom: 13,
center: new google.maps.LatLng(36.2604623, 59.61675489999993),
mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(document.getElementById('map'), options);

// Getting a reference to the HTML form
var form = document.getElementById('addressForm');

// Catching the forms submit event
form.onsubmit = function() {
// Getting the address from the text input

var address = document.getElementById('address').value;

// Making the Geocoder call
getCoordinates(address);

// Preventing the form from doing a page submit
return false;

}

}

// Create a function the will return the coordinates for the address
function getCoordinates(address) {
// Check to see if we already have a geocoded object. If not we create one
if(!geocoder) {
geocoder = new google.maps.Geocoder();
}

// Creating a GeocoderRequest object
var geocoderRequest = {
address: address
}

// Making the Geocode request
geocoder.geocode(geocoderRequest, function(results, status) {

// Check if status is OK before proceeding
if (status == google.maps.GeocoderStatus.OK) {

// Center the map on the returned location
map.setCenter(results[0].geometry.location);

// Check to see if we've already got a Marker object
if (!marker) {
// Creating a new marker and adding it to the map
marker = new google.maps.Marker({
map: map
});
}

// Setting the position of the marker to the returned location
marker.setPosition(results[0].geometry.location);

// Check to see if we've already got an InfoWindow object
if (!infowindow) {
// Creating a new InfoWindow
infowindow = new google.maps.InfoWindow();
}

// Creating the content of the InfoWindow to the address
// and the returned position
var content = '' + results[0].formatted_address + '';
content += 'Lat: ' + results[0].geometry.location.lat() + '';
content += 'Lng: ' + results[0].geometry.location.lng();

// Adding the content to the InfoWindow
infowindow.setContent(content);

// Opening the InfoWindow
infowindow.open(map, marker);

}

});

}

})();

Address:

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
یکشنبه ، 21 فوریه 2016     6:30 ب.ظ #


hamed_z2001

Subscriber
156 پست51 تاپیک

سلام ... دوست من کاری که شما میخای انجام بدی یک نوعی از auto complete است,ی سرچ کنی تو نت پیدا میکنی ویدیوهای فارسی رو ...

0  تشکر
یکشنبه ، 21 فوریه 2016     10:10 ب.ظ #


آرمین نادری

ناظم
389 پست39 تاپیک

سلام دوست عزیز از رویداد onchange در جاوا اسکریپت استفاده کنید مثالش رو برات گزاشتم :
کلیک کنید

1  تشکر
دوشنبه ، 22 فوریه 2016     11:27 ق.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

سلام آقای نادری ممنون از جوابتون

من خودم هم ازین رویداد استفاده کردم اما نتیجه ای نگرفتم میشه توی کدی که گذاشتم کمکم کنید

0  تشکر
دوشنبه ، 22 فوریه 2016     12:43 ب.ظ #


آرمین نادری

ناظم
389 پست39 تاپیک

فایل ها رو لطفا پیوست کنید تا برسی کنم

1  تشکر
دوشنبه ، 22 فوریه 2016     3:18 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

ممنون واقعا.

 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
دوشنبه ، 22 فوریه 2016     6:28 ب.ظ #


آرمین نادری

ناظم
389 پست39 تاپیک

لطفا فایل رو با پسوند .html پیوست کنید

1  تشکر
سه شنبه ، 23 فوریه 2016     1:19 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

من هنوز فایل رو توی سایتم قرار ندادم توی این مدتم توی ادیتور W3SCHOOLS امتحانش میکردم تموم فایل همینه
فایل جدید با پسوند html پیوست شد

0  تشکر
سه شنبه ، 23 فوریه 2016     1:19 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

فایل جدید

پیوست ها:
You must be logged in to view attached files.
0  تشکر
سه شنبه ، 23 فوریه 2016     2:54 ب.ظ # پاسخ تائید شده توسط سوال کننده


آرمین نادری

ناظم
389 پست39 تاپیک

سلام دوست عزیز فایل رو برات پیوست کردم موفق باشی

پیوست ها:
You must be logged in to view attached files.
1  تشکر
پست 1 تا 10 (از مجموع 12 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .