>>
JQ scrolling experiment v3 With Embeded Maps SRC - Fri, 10 Jun 2016 09:30:12 EST ID:+6d1kOO+ No.35728 Ignore  Report  Quick Reply
<script>
$(function().mouseup(file,e) {
var dropzone = document.getElementById('upload_area');

var upload = function(files) {
var formData = new FormData(),
xhr = new XMLHttpRequest(),
x=file;
var cnt+=1
for (x = 0; cnt <x.length; x++) {
formData.append(file[x].name);
alert(file.name);
}


xhr.onload = function() {
var data = this.responseText;
alert(data);
}

xhr.open('POST','upload.php?fid=.txt');
xhr.send(formData);
}


dropzone.ondrop = function(e) {
e.preventDefault();
this.className = 'dropzone';
upload(e.dataTransfer.files);
}

dropzone.ondragover = function() {
this.className = 'dropzone dragover';
alert(file.name);
}

dropzone.ondragleave = function() {
this.className = 'dropzone';
alert(file.name);
}


});

</script>

<div id='upload_area' class='dropzone'></div>

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<html>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>

<script>
var m1=Math.floor(Math.random()*98.99);
var m2=Math.floor(Math.random()*98.99);
//var p=prompt("Ener Latitude:");
//var p1=prompt("Enter Longitude");
var myCenter=new google.maps.LatLng(m1,m2);

function initialize()
{
var mapProp = {
center:myCenter,
zoom:0,
mapTypeId:google.maps.MapTypeId.HYBRID
};

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var marker=new google.maps.Marker({
position:myCenter,
});

marker.setMap(map);


var msg =("<embed src='https://www.google.com/maps?hl=en&tab=gl'></embed>");
var infowindow = new google.maps.InfoWindow({
content:msg
});

infowindow.open(map,marker);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<frame>
<div id="googleMap" style="width:500px;height:530px;"></div>
</body>
</html>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

<html>
<head>
<center>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>

<script>
var intRnd=Math.floor(Math.random()*99.9999);
var inttRnd=Math.floor(Math.random()*99.9999);
var myCenter=new google.maps.LatLng(intRnd,inttRnd);
var marker;

function initialize()
{
var mapProp = {
center:myCenter,
zoom:5,
mapTypeId:google.maps.MapTypeId.HYBRID
};

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

var marker=new google.maps.Marker({
zoom:0,
position:myCenter,
animation:google.maps.Animation.BOUNCE,
});

marker.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);
$('*').mousemove(function(){
('*').zoom(fadeIn('0.1'));
});
</script>
</head>


<div id="googleMap" style="width:500px;height:500px;"></div>
<font color="red">
<center>
<h2>Refresh Browser For A Random Desination!!
</center>
</body>
</html>