File: /home/joderbya/public_html/foiroubado.com/111/Pesqform/form.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Moçambique Lista Negra</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<script>
function resetForm()
{
document.getElementById("element_2").disabled = false;
document.getElementById("element_3").disabled = false;
document.getElementById("element_4").disabled = false;
document.getElementById("element_5").disabled = false;
//document.getElementById("element_2").style.color = "none";
document.getElementById("element_2").style.background = "white";
//document.getElementById("element_3").style.color = "none";
document.getElementById("element_3").style.background = "white";
//document.getElementById("element_4").style.color = "none";
document.getElementById("element_4").style.background = "white";
//document.getElementById("element_5").style.color = "none";
document.getElementById("element_5").style.background = "white";
}
function automovel()
{
resetForm();2
document.getElementById("element_2").disabled = true;
document.getElementById("element_2").style.color = "#AAA";
document.getElementById("element_2").style.background = "#F5F5F5";
}
function telemovel()
{
resetForm();
document.getElementById("element_3").disabled = true;
document.getElementById("element_3").style.color = "#AAA";
document.getElementById("element_3").style.background = "#F5F5F5";
document.getElementById("element_4").disabled = true;
document.getElementById("element_4").style.color = "#AAA";
document.getElementById("element_4").style.background = "#F5F5F5";
document.getElementById("element_5").disabled = true;
document.getElementById("element_5").style.color = "#AAA";
document.getElementById("element_5").style.background = "#F5F5F5";
}
function bicicleta()
{
resetForm();
document.getElementById("element_3").disabled = true;
document.getElementById("element_3").style.color = "#AAA";
document.getElementById("element_3").style.background = "#F5F5F5";
document.getElementById("element_5").disabled = true;
document.getElementById("element_5").style.color = "#AAA";
document.getElementById("element_5").style.background = "#F5F5F5";
}
function pesquisar()
{
var XHR = new XMLHttpRequest();
var FD = new FormData();
var t_objecto = document.forms["submit"]["element_7"].value;
var n_serie = document.forms["submit"]["element_2"].value;
var n_motor = document.forms["submit"]["element_3"].value;
var n_quadro = document.forms["submit"]["element_4"].value;
var matricula = document.forms["submit"]["element_5"].value;
// We push our data into our FormData object
//for(name in cliente) {
FD.append('element_7', t_objecto);
FD.append('element_2', n_serie);
FD.append('element_3', n_motor);
FD.append('element_4', n_quadro);
FD.append('element_5', matricula);
XHR.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
if (this.responseText.length == 0)
alert("Registo não encontrado");
else document.getElementById("content").innerHTML = this.responseText;
}
};
// We define what will happen if the data are successfully sent
XHR.addEventListener('load', function(event) {
//alert('Registado com sucesso.');
});
// We define what will happen in case of error
XHR.addEventListener('error', function(event) {
alert('Oups! Erro ao gravar.');
});
// We setup our request
XHR.open('POST', 'http://localhost/Pesqform/Pesqform.php');
// We just send our FormData object, HTTP headers are set automatically
XHR.send(FD);
}
</script>
</head>
<body id="main_body" >
<img id="top" src="top.png" alt="">
<div id="form_container">
<div id="topBar">
<img id="flag" src="flag.png" width="30" height="20" alt="">
<div id="whatsapp"><a href="http://www.foiroubado.com">
<div id="icon">
<img src="whatsapp.png" width="25" height="25" alt="">
</div>
<div id="lab1">
<a>Reportar!!!</a>
</div>
<div id="lab2">
<a>+258 8x xxx-xxx</a>
</div></a>
</div>
</div>
<div id="content">
<form id="form_47822" name="submit" class="appnitro" method="post" action="Pesqform.php">
<div class="form_description">
<h2>Moçambique Lista Negra</h2>
<p>Roubados em Moçambique</p>
</div>
<ul >
<li class="section_break">
<h3>Selecione o Tipo de Objecto </h3>
<p></p>
</li> <li id="li_7" >
<label class="description" for="element_7">Tipo </label>
<div>
<select class="element select medium" id="element_7" name="element_7">
<option value="automovel" selected="selected" onclick="automovel()">Automóvel</option>
<option value="bicicleta" onclick="bicicleta()">Bicicleta</option>
<option value="motorizada" onclick="automovel()">Motorizada</option>
<option value="telemovel" onclick="telemovel()">Telemóvel</option>
<option value="barco" onclick="automovel()">Barco</option>
</select>
</div>
</li> <li class="section_break">
<h3>Indicar Apenas um dos Seguintes Números</h3>
<p></p>
</li> <li id="li_2" >
<label class="description" for="element_2">Número de Série </label>
<div>
<input id="element_2" name="element_2" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_3" >
<label class="description" for="element_3">Número do Motor </label>
<div>
<input id="element_3" name="element_3" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_4" >
<label class="description" for="element_4">Número do Quadro </label>
<div>
<input id="element_4" name="element_4" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li> <li id="li_5" >
<label class="description" for="element_5">Matrícula </label>
<div>
<input id="element_5" name="element_5" class="element text medium" type="text" maxlength="255" value=""/>
</div>
</li>
<li class="buttons">
<input type="hidden" name="form_id" value="47822" />
<!-- <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" /> -->
<button id="saveForm" class="button_text" type="button" name="submit" onClick="pesquisar()">Submeter</button>
</li>
</ul>
</form>
</div>
<div id="footer">
Powered by <a href="http://www.foiroubado.com">foi roubado</a>
</div>
</div>
<img id="bottom" src="bottom.png" alt="">
</body>
</html>