leonardo0112
(usa Linux Mint)
Enviado em 24/07/2013 - 23:59h
Olha só, para vc pegar um valor de um select ou input vc deve ter um form e um submit, nao dá pra fazer isso com um link (a href).
Vc tem 2 opções:
1- Fazer um form e no submit abrir uma nova janela (como vc estava querendo fazer);
2- Usar Ajax, que eu creio ser o jeito mais correto,
Eu fiz dois códigos como exemplo, vou postá-los, espero que te ajude.
1-------------------===== Usando Form e Submit =====-----
--------------------===== submit.php =====-----
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Com Submit</title>
<style type="text/css">
#page {
width: 50%;
margin: 50px auto;
}
</style>
</head>
<body>
<div id="page">
<form action="submit-mostra.php" method="POST" target="__blank" onSubmit="window.open( this.href, this.target, 'width=408, height=430, scrollbars=yes'); return true;">
<select name="id">
<option value="01">Item 01</option>
<option value="02">Item 02</option>
<option value="03">Item 03</option>
<option value="04">Item 04</option>
</select>
<input type="submit" value="Mostrar" />
</form>
</div>
</body>
</html>
--------------------===== submit-mostra.php =====-----
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Submit Mostra</title>
</head>
<body>
<?php
$id = $_POST['id'];
?>
<table border="1" width="400px">
<thead>
<tr>
<td>ID</td>
<td>Nome</td>
<td>Telefone</td>
</tr>
</thead>
<tbody>
<tr>
<td><?php echo $id; ?></td>
<td>Pedro</td>
<td>11 7777-5555</td>
</tr>
</tbody>
</table>
</body>
</html>
2-------------------===== Usando Ajax (com jQuery) =====-----
--------------------===== jquery.php =====-----
<!DOCTYPE html>
<html>
<meta charset="UTF-8" />
<head>
<title>Com jQuery</title>
<style type="text/css">
#page {
width: 50%;
margin: 50px auto;
}
#mostra {
display: none;
position: absolute;
width: 300px;
height: 300px;
border: 1px solid #666;
top: 0;
left: 0;
background-color: #f1f1f1;
box-shadow: 0 0 2px #999;
text-align: center;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#mostrar").click(function(){
var w = $(window).width();
var h = $(window).height();
var left = ( w - $("#mostra").width() ) / 2;
var top = ( h - $("#mostra").height() ) / 2;
$("#mostra").css({
display: "block",
left: left,
top: top
})
.load( "jquery-mostra.php?id=" + $("select").val() )
.click(function(){
$(this).css({
display: "none"
});
});
});
});
</script>
</head>
<body>
<div id="mostra"></div>
<div id="page">
<select>
<option value="01">Item 01</option>
<option value="02">Item 02</option>
<option value="03">Item 03</option>
<option value="04">Item 04</option>
</select>
<button id="mostrar">Mostrar</button>
</div>
</body>
</html>
--------------------===== jquery-mostra.php =====-----
<?php
$id = $_GET['id'];
?>
<p>Clique para fechar</p>
<table border="1" width="300px">
<thead>
<tr>
<td>ID</td>
<td>Nome</td>
<td>Telefone</td>
</tr>
</thead>
<tbody>
<tr>
<td><?php echo $id; ?></td>
<td>Pedro</td>
<td>11 3333-7777</td>
</tr>
</tbody>
</table>
Depois vc termina o código do PHP para mostrar em todos os campos da tabela.