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

این تاپیک 11 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  آرمین نادری ،‏ 1 سال و 7 ماه پیش .

٩٣٢ visibility
نویسنده پست
یکشنبه ، ۲ اسفند ۱۳۹۴     ۳:۵۳ ب.ظ #


sadaf

Subscriber
111 پست98 تاپیک

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

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  تشکر
check_box این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
یکشنبه ، ۲ اسفند ۱۳۹۴     ۶:۳۰ ب.ظ #


hamed_z2001

Subscriber
159 پست52 تاپیک

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

0  تشکر
یکشنبه ، ۲ اسفند ۱۳۹۴     ۱۰:۱۰ ب.ظ #


آرمین نادری

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

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

1  تشکر
دوشنبه ، ۳ اسفند ۱۳۹۴     ۱۱:۲۷ ق.ظ #


sadaf

Subscriber
111 پست98 تاپیک

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

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

0  تشکر
دوشنبه ، ۳ اسفند ۱۳۹۴     ۱۲:۴۳ ب.ظ #


آرمین نادری

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

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

1  تشکر
دوشنبه ، ۳ اسفند ۱۳۹۴     ۳:۱۸ ب.ظ #


sadaf

Subscriber
111 پست98 تاپیک

ممنون واقعا.

 

0  تشکر
دوشنبه ، ۳ اسفند ۱۳۹۴     ۶:۲۸ ب.ظ #


آرمین نادری

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

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

1  تشکر
سه شنبه ، ۴ اسفند ۱۳۹۴     ۱:۱۹ ب.ظ #


sadaf

Subscriber
111 پست98 تاپیک

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

0  تشکر
سه شنبه ، ۴ اسفند ۱۳۹۴     ۱:۱۹ ب.ظ #


sadaf

Subscriber
111 پست98 تاپیک

فایل جدید

0  تشکر
سه شنبه ، ۴ اسفند ۱۳۹۴     ۲:۵۴ ب.ظ #       check_box پاسخ تائید شده توسط سوال کننده


آرمین نادری

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

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

1  تشکر
پست 1 تا 10 (از مجموع 12 پست)

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