Cod em um campo Resultado em outro

14 de maio de 2012 9 respostas

cleiflavio 14 de maio de 2012

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

9 Respostas

Hebert_Coelho 14 de mai. de 2012

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.

cleiflavio 15 de mai. de 2012

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

Hebert_Coelho 15 de mai. de 2012

Tenho não.

Procre no google: tutorial jquery jsp

Você pode encontrar como aplicar ao seu projeto.

ManoJava 15 de mai. de 2012

Boa tarde!!

Procure sobre onChange, onUpdate do Ajax, vai resolver seu problema!!

Att.

cleiflavio 16 de mai. de 2012

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

cleiflavio 16 de mai. de 2012

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>&nbsp;</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>

jmmenezes 16 de mai. de 2012

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.

cleiflavio 17 de mai. de 2012

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.

Cara é isso mesmo que eu precisava, está perfeito agora.

Muito Obrigado!!

cleiflavio 17 de mai. de 2012

Valeu Galera!!

Criado 14 de maio de 2012

Ultima resposta 17 de mai. de 2012

Respostas 9

Participantes 4

9 Respostas

Topicos relacionados