- Beranda
- Website, Webmaster, Webdeveloper
Kenapa yah form yang saya buat gak bisa nyimpan data ke database mysql.?
...
TS
andi94ashar
Kenapa yah form yang saya buat gak bisa nyimpan data ke database mysql.?
Saya ingin membuat website untuk program web Skripsi saya dengan menggunakan Google Maps Place Autocomplete.
Yang jadi masalah adalah pada saat saya ketik di form dan ingin menyimpan datanya ("nama_lokasi") malah gak berfungsi, tetap aja muncul Alert "Inputan Tidak Boleh Ada Yang Kosong". Berikut script ane bang.. Tolong di koreksi dan dibantu yang bang. *Please.
Yang jadi masalah adalah pada saat saya ketik di form dan ingin menyimpan datanya ("nama_lokasi") malah gak berfungsi, tetap aja muncul Alert "Inputan Tidak Boleh Ada Yang Kosong". Berikut script ane bang.. Tolong di koreksi dan dibantu yang bang. *Please.
Code:
<?php
include "koneksi.php";
?>
<!DOCTYPE html>
<html>
<head>
<title>Place Autocomplete</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<style>
html, body {
height: 80%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
.controls {
margin-top: 10px;
border: 1px solid transparent;
border-radius: 2px 0 0 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 32px;
outline: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#pac-input {
background-color: #fff;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
margin-left: 12px;
padding: 0 11px 0 13px;
text-overflow: ellipsis;
width: 300px;
}
#pac-input:focus {
border-color: #4d90fe;
}
.pac-container {
font-family: Roboto;
}
#type-selector {
color: #fff;
background-color: #4d90fe;
padding: 5px 11px 0px 11px;
}
#type-selector label {
font-family: Roboto;
font-size: 13px;
font-weight: 300;
}
</style>
</head>
<body>
<div id="map"></div>
<form action="" method="post" >
<div>
<input id="pac-input" class="controls" type="text" name="nama_lokasi" placeholder="Masukkan Alamat Lokasi">
</div>
<input type="submit" name="simpan" value="Simpan">
</form>
<?php
$id_lokasi =@$_POST['id_lokasi'];
$nama_lokasi = @$_POST['nama_lokasi'];
$lat = @$_POST['lat'];
$long = @$_POST['long'];
$simpan = @$_POST['simpan'];
if($simpan) {
if($nama_lokasi == "") {
?> [removed]alert("INPUTAN TIDAK BOLEH ADA YANG KOSONG");[removed] <?php
} else {
mysql_query("insert into tb_lokasi values('$id_lokasi','$nama_lokasi','$lat','$long')") or die (mysql_error());
?>
[removed]
alert("Posting BERHASL");
[removed].href="../tesmap1";
[removed]
<?php
}
}
?>
[removed]
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -33.8688, lng: 151.2195},
zoom: 13
});
var input = /** @type {!HTMLInputElement} */(
document.getElementById('pac-input'));
var types = document.getElementById('type-selector');
map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
map.controls[google.maps.ControlPosition.TOP_LEFT].push(types);
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo('bounds', map);
var infowindow = new google.maps.InfoWindow();
var marker = new google.maps.Marker({
map: map,
anchorPoint: new google.maps.Point(0, -29)
});
autocomplete.addListener('place_changed', function() {
infowindow.close();
marker.setVisible(false);
var place = autocomplete.getPlace();
if (!place.geometry) {
window.alert("Autocomplete's returned place contains no geometry");
return;
}
// If the place has a geometry, then present it on a map.
if (place.geometry.viewport) {
map.fitBounds(place.geometry.viewport);
} else {
map.setCenter(place.geometry.location);
map.setZoom(17); // Why 17? Because it looks good.
}
marker.setIcon(/** @type {google.maps.Icon} */({
url: place.icon,
size: new google.maps.Size(71, 71),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(17, 34),
scaledSize: new google.maps.Size(35, 35)
}));
marker.setPosition(place.geometry.location);
marker.setVisible(true);
var address = '';
if (place.address_components) {
address = [
(place.address_components[0] && place.address_components[0].short_name || ''),
(place.address_components[1] && place.address_components[1].short_name || ''),
(place.address_components[2] && place.address_components[2].short_name || '')
].join(' ');
}
infowindow.setContent('<div><strong>' + place.name + '</strong><br>' + address);
infowindow.open(map, marker);
});
// Sets a listener on a radio button to change the filter type on Places
// Autocomplete.
function setupClickListener(id, types) {
var radioButton = document.getElementById(id);
radioButton.addEventListener('click', function() {
autocomplete.setTypes(types);
});
}
setupClickListener('changetype-all', []);
setupClickListener('changetype-address', ['address']);
setupClickListener('changetype-establishment', ['establishment']);
setupClickListener('changetype-geocode', ['geocode']);
}
[removed]
[removed][removed]
</body>
</html>
0
921
4
Komentar yang asik ya
Mari bergabung, dapatkan informasi dan teman baru!
Website, Webmaster, Webdeveloper
23.3KThread•4.4KAnggota
Urutkan
Terlama
Komentar yang asik ya