Fala Pesosal sou novato em JSP em estou com uma dificuldade.
tenho uma aplicação em JSP e tenho uma tabela de medicos com cod e nomes.
EM minha aplicação tenho o campo COd. Medico e NOme Medico, ai preciso que quando o usuario digite o cod do medico apareça o nome dele no campo nome.
A consulta eu jpa tenho tudo certinho mas não sei como aplicar o resultado da consulta na mesma pagina sem sair dela.
alguem poderia me dar uma luza de como fazer isso, ou se alguem sabe aquele esquema de clicar e aparecer uma telinha com a tabela que eu quero e eu clico no medico e o mesmo aparece com os campos da minha tela preenchidas.
no aguardo,
Valeuuu
Você precisaria utilizar Ajax, te aconselho utilizar o JQuery: http://jquery.com/
Repare que tem um exemplo bem na página inicial onde ele carrega um campo sem fazer re-load na página.
[=
Eu dei uma lida mas não entendi como aplicar em meu projeto.
Será que você teria algum exemplo ai para me mostrar, para eu entender o que eles querem falar lá.
Só um exemplo de clicar em um botão e aparecer uma tela que sobresai a tela principal , queria adiconar nessa tela uma tabela do banco para o usuario escolher.
Valeuu
Tenho não.
Procre no google: tutorial jquery jsp
Você pode encontrar como aplicar ao seu projeto.
Boa tarde!!
Procure sobre onChange, onUpdate do Ajax, vai resolver seu problema!!
Att.
Galera não sei se eu expliquei bem ou não, mas descobri o que eu precisava.
Janela Modal, era exatamente isso que eu precisava aprece uma tela por cima da tela que estamos navegando ai vou adicionar minha tabela nessa janela fazendo com que o usuario escolha a opção que ele quer.
Valeu pela ajuda galera.
Abraços
Pessoal vejam se agora vcs conseguem me entender e depois me ajudar com o que eu quero.
Abaixo tem um exemplo que estou fazendo em uma aplicação minha é uma Janela Modal com efeitos.
Se vcs copiarem esse código e executar ele irá funcionar certinho ai vcs conseguem ver o que eu quero.
Eu preciso que o Pagador que aparece na tela do modal seja enviado lá para o campo pagador da tela Inicial.
Ja Tentei varias formas aqui mas não consigo, será que alguém consegue me ajudar?
<%@page import="javax.xml.transform.Result"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page import="tabelas.*" %>
<%@ page import="java.sql.ResultSet" %>
<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery Modal Window</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a[name=modal]').click(function(e) {
e.preventDefault();
var id = $(this).attr('href');
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.8);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
$(id).fadeIn(2000);
});
$('.window .close').click(function (e) {
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
<style type="text/css">
body {
font-family:verdana;
font-size:15px;
}
a {color:#333; text-decoration:none}
a:hover {color:#ccc; text-decoration:none}
.textNegrito {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
}
.textNormal {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#boxes .window {
position:absolute;
left:0;
top:0;
width:150px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}
#boxes #dialog {
width:150px;
height:200px;
padding:10px;
background-color:#ffffff;
}
.close{display:block; text-align:right;}
</style>
</head>
<body>
<form name="form" id="form" method="post">
<h2>Teste de Janela Modal</h2>
<ul>
<li><a href="#dialog" name="modal">Teste Modal - Clique Aqui</a></li>
</ul>
<div id="boxes">
<div id="dialog" class="window" align="center"> <!-- Caixa que aparece na Tela -->
<a href="#" class="close">Fechar [X]</a><br />
<div class="textNegrito"> Escolha o Pagador : </div>
<p>
<select name="select">
<option value="Pagador 1">Pagador 1</option>
<option value="Pagador 2">Pagador 2</option>
<option value="Pagador 3">Pagador 3</option>
<option value="Pagador 4">Pagador 4</option>
</select>
</p>
<p> </p>
<p>
<input type="button" value="Adicionar" align="bottom">
</p>
</div> <!-- FIM Caixa -->
<!-- Máscara para cobrir a tela -->
<div id="mask"></div>
</div>
<div class="textNegrito"> Pagador:
</div>
<input type="text" name="pagador" size="50"/>
</form>
</body>
</html>
Você precisa adicionar um evento no botão adicionar:
Por exemplo:
<input type="button" id="botao" value="Adicionar" align="bottom" onclick="javascript:adicionar();">
Ou pelo jquery:
$('#botao').bind('click', function() {
adicionar();
});
A função adicionar que você implementar em javascript precisa pegar o campo de um lado e jogar para o outro, por exemplo:
function adicionar() {
$("#pagador").val($("#select").val());
}
PS: É importante colocar ids nos seus campos para manipular com o jquery.
<input type="text" name="pagador" id="pagador" size="50"/>
<input type="button" id="botao" value="Adicionar" align="bottom">
<select name="select" id="select">
Veja se funciona.
[quote=jmmenezes]Você precisa adicionar um evento no botão adicionar:
Por exemplo:
<input type="button" id="botao" value="Adicionar" align="bottom" onclick="javascript:adicionar();">
Ou pelo jquery:
$('#botao').bind('click', function() {
adicionar();
});
A função adicionar que você implementar em javascript precisa pegar o campo de um lado e jogar para o outro, por exemplo:
function adicionar() {
$("#pagador").val($("#select").val());
}
PS: É importante colocar ids nos seus campos para manipular com o jquery.
<input type="text" name="pagador" id="pagador" size="50"/>
<input type="button" id="botao" value="Adicionar" align="bottom">
<select name="select" id="select">
Veja se funciona.[/quote]
Cara é isso mesmo que eu precisava, está perfeito agora.
Muito Obrigado!!