|
|
@@ -0,0 +1,162 @@ |
|
|
<?php |
|
|
// keep track post values |
|
|
$coord = $_REQUEST['coord']; |
|
|
|
|
|
//recupera as coordenadas e atribui ao X e Y |
|
|
list($x,$y) = explode(":",$coord); |
|
|
?> |
|
|
|
|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="utf-8"> |
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> |
|
|
<meta name="description" content=""> |
|
|
<meta name="author" content=""> |
|
|
<link rel="icon" href="../../favicon.ico"> |
|
|
|
|
|
<title>SIV Finder</title> |
|
|
|
|
|
<!-- Bootstrap core CSS --> |
|
|
<link href="/pati/css/bootstrap.css" rel="stylesheet"> |
|
|
<link href="/pati/css/style.css" rel="stylesheet"> |
|
|
|
|
|
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> |
|
|
<link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> |
|
|
|
|
|
<!-- Custom styles for this template --> |
|
|
<link href="starter-template.css" rel="stylesheet"> |
|
|
|
|
|
<!-- Just for debugging purposes. Don't actually copy these 2 lines! --> |
|
|
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> |
|
|
<script src="pati/js/ie-emulation-modes-warning.js"></script> |
|
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> |
|
|
<!--[if lt IE 9]> |
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|
|
<![endif]--> |
|
|
<script src="../js/jquery-1.4.1.min.js"></script> |
|
|
|
|
|
<!--Exibe a posição do mouse ao movê-lo pela página --> |
|
|
<script src="./mousemove_files/jquery-1.4.1.min.js"></script> |
|
|
|
|
|
<!--Exibe a posição do mouse ao movê-lo pela página --> |
|
|
<script> |
|
|
|
|
|
<!--Exibe a posição do mouse quando efetuado click na página --> |
|
|
$(document).ready(function(){ |
|
|
$(document).click(function(e){ |
|
|
document.getElementById('coord').value =("X: " + e.pageX + " - Y: " + e.pageY) |
|
|
}); |
|
|
}) |
|
|
|
|
|
<!--Gera a marcação da local clicado --> |
|
|
|
|
|
function click_pos(e, ele){ |
|
|
var x = e.pageX; |
|
|
var y = e.pageY; |
|
|
circle = document.getElementById('circle'); |
|
|
circle.style.left = x-15 + 'px'; |
|
|
circle.style.top = y-152+ 'px'; |
|
|
circle.style.display = 'block'; |
|
|
} |
|
|
|
|
|
function gerarMarcacoes(coord) { |
|
|
var x = coord.x; |
|
|
var y = coord.y; |
|
|
|
|
|
circle = document.getElementById('circle'); |
|
|
circle.style.left = x-15 + 'px'; |
|
|
circle.style.top = y-152+ 'px'; |
|
|
circle.style.display = 'block'; |
|
|
} |
|
|
|
|
|
</script> |
|
|
|
|
|
<style type="text/css"> |
|
|
#ele { |
|
|
position: relative; |
|
|
border:1px solid; |
|
|
} |
|
|
#circle { |
|
|
position: absolute; |
|
|
background-color: red; |
|
|
width: 30px; |
|
|
height: 30px; |
|
|
border-radius: 50%; |
|
|
display: none; |
|
|
opacity:0.65; |
|
|
-moz-opacity: 0.65; |
|
|
filter: alpha(opacity=65); |
|
|
} |
|
|
|
|
|
#teste { |
|
|
width: 100%; |
|
|
height: 780px; |
|
|
background: url("../img/tps1_1pv.jpg") no-repeat; |
|
|
repeat: no; |
|
|
} |
|
|
</style> |
|
|
|
|
|
</head> |
|
|
|
|
|
<body> |
|
|
|
|
|
<nav class="navbar navbar-default navbar-fixed-top"> |
|
|
|
|
|
<div class="navbar-header"> |
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapsible"> |
|
|
<span class="sr-only">Toggle navigation</span> |
|
|
<span class="icon-bar"></span> |
|
|
<span class="icon-bar"></span> |
|
|
<span class="icon-bar"></span> |
|
|
</button> |
|
|
<a class="navbar-brand" href="#"> SIV Finder - PATI/SBPA </a> |
|
|
</div> |
|
|
|
|
|
<div class="navbar-collapse collapse" id="navbar-collapsible"> |
|
|
|
|
|
<ul class="nav navbar-nav navbar-right"> |
|
|
<li><a href="index.php"><span class="glyphicon glyphicon-home"></span> Home</a></li> |
|
|
<li><a href="create.php"><span class="glyphicon glyphicon-plus-sign"></span> Novo Registro</a></li> |
|
|
<li><a href="http://www.infranet.gov.br/catalogotelefonico/" target="_blank" title="Informações de Usuário"><span class="glyphicon glyphicon-info-sign"></span></a></li> |
|
|
<li><a href="http://10.4.23.95/bootstrap-3.3.6/bootstrap-3.3.6/docs/examples/monitor/index.php" target="_blank" title="Pagina de Monitoramento"><span class="glyphicon glyphicon-share-alt"></span></a></li> |
|
|
<li><a href="#"> </a></li> |
|
|
</ul> |
|
|
|
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<div class="container-fluid" style="margin-top: 30px" > |
|
|
<div class="row"> |
|
|
<div id="coord" data-x="<?php echo $x ?>" data-y="<?php echo $y ?>"></div> |
|
|
<label >Coordenada:</label> |
|
|
<?php |
|
|
echo json_encode($coord); |
|
|
?> |
|
|
</div> |
|
|
|
|
|
<div class="row" onclick="click_pos(event, this)" id="ele" > |
|
|
|
|
|
<div id="circle"></div> |
|
|
<div class="row" id="teste" > |
|
|
<!-- sera exibido a planta do local selecionado --> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- Bootstrap core JavaScript |
|
|
================================================== --> |
|
|
<!-- Placed at the end of the document so the pages load faster --> |
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
|
|
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script> |
|
|
<script src="../../dist/js/bootstrap.min.js"></script> |
|
|
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> |
|
|
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> |
|
|
</body> |
|
|
</html> |
kazzkiq revised this gist
Anonymous created this gist