Incluindo html dinamicamente com AJAX - AJUDA

Entusiasta Java Membro desde: 11/03/2010 11:24:29 Mensagens: 23 Offline

Galera, estou usando jsp,ajax e hibernate e postgres, bem simples. O sistema cria uma grid a partir de registros do bd. O problema é eu incluo os registros como pequenos cartões com 3 botões: excluir, exibir(abre uma div) e editar(abre uma div). Estou usando thickBox que funciona colocando no href o caminho para chamar sua div. Como os botões são incluidos dinamicamente com ajax, não funciona a chamada dessa div, só funciona se o hmtl ja estiver no .jsp e não se for incluido dinamicamente. Ajudaaeee, por favor

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Projetos</title>
<link href="estilos/global.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="estilos/thickbox.css" type="text/css" media="screen" />

</head>

<div id="container">
  <div id="header">
    <div id="logo"><img src="imagens/logo.png" width="358" height="88" /></div>
	<div id="menu">
    	<ul  >
			<li ><a href="divs/divCadastrarProjetos.jsp?KeepThis=true&TB_iframe=true&height=400&width=600" class="thickbox">Criar projeto</a></li>
			<li ><a href="divs/divCadastrarEquipe.jsp?KeepThis=true&TB_iframe=true&height=400&width=600" class="thickbox">Criar equipe</a></li>
		</ul>
 		</div>	
 		
  </div>
  <div id="mainContent">
  
  <div id="registrosGrid"></div>
         
	</div>
 
 </div>
</body>
</html>

projetos.jsp

__________________________________________________________________________________

function exibirProjetos()
{

var url=null;
	
	url="ajax/ajaxProjetos.jsp?comando=exibirProjetos";
	
	var requisicaoLocal=iniciarRequisicao();
	requisicaoLocal.onreadystatechange=function()
		{
		respostaExibirProjetos(requisicaoLocal);
		};
	requisicaoLocal.open("POST",url,'false');
	requisicaoLocal.send(null);

}

projetos.js

_____________________________________________________________________________________________________________

<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
<%@page import="com.idone.hibernate.SessaoUtil"%>
<%@page import="com.idone.beans.ProjetosBeans"%>
<%@page import="com.idone.DAO.ProjetosDAO"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%

String comando = request.getParameter("comando");
StringBuffer retorno = new StringBuffer();

List listaProjetos = null;
	ProjetosDAO objProjetos = new ProjetosDAO();
	ProjetosBeans bean = new ProjetosBeans();

if(comando.equals("exibirProjetos")){

listaProjetos = objProjetos.exibirProjetos();
	
	retorno.append("<?xml version='1.0' ?>");
	retorno.append("\n<root>\n");
	retorno.append("<list>\n");
	
	for(int i = 0; i<listaProjetos.size(); i++){
	
		bean =(ProjetosBeans) listaProjetos.get(i);
		
		
		retorno.append("<registros>\n");
		retorno.append("		<id>"+  bean.getId() +"</id>\n");
		retorno.append("		<nomeProjeto>"+ bean.getNomeProjeto() +"</nomeProjeto>\n");				
		retorno.append("		<cliente>"+ bean.getCliente() +"</cliente>\n");
		retorno.append("		<dataInicio>"+ bean.getDataInicio() +"</dataInicio>\n");				
		retorno.append("		<dataEntrega>"+ bean.getDataEntrega()+"</dataEntrega>\n");
		retorno.append("		<statusProjeto>"+ bean.getStatusProjeto()+"</statusProjeto>\n");	
		retorno.append("</registros>\n");
	
	}
	
	retorno.append("</list>\n");
	retorno.append("</root>\n");
}

if(comando.equals("excluirProjeto")){
	
	int excluiu = 1;
	String id = request.getParameter("id");
	
	try{
	
	SessaoUtil.openSession();
	
   listaProjetos = SessaoUtil.consultar("com.idone.beans.ProjetosBeans", "id", "i", "=", id, "s", "id asc", 0, 0);
	
	for(int i = 0; i<listaProjetos.size(); i++)
		bean =(ProjetosBeans) listaProjetos.get(i);
	
	
	
	objProjetos.excluirProjeto(bean);
	
	}catch (Exception e){

SessaoUtil.currentSession().getTransaction().rollback();
		excluiu=0;
	}
	
	retorno.append("<excluiu>"+ excluiu +"</excluiu>\n");
}

response.setHeader("Cache-Control", "no-cache");
response.setContentType("text/xml;charset=utf-8");
response.getWriter().write(retorno.toString());
%>

ajaxProjetos.jsp

Entusiasta Java Membro desde: 11/03/2010 11:24:29 Mensagens: 23 Offline

alguem? ;~D

Java Ninja Membro desde: 12/09/2007 13:17:41 Mensagens: 281 Offline

Cara vc não colocou nenhum evento no seus botões, so colocou no botão excluir.

O seu problema não é colocar dinamicamente.

Entusiasta Java Membro desde: 11/03/2010 11:24:29 Mensagens: 23 Offline

é por que o onclick do excluir ele chama uma função. Os outros vão abrir uma div. No thickbox se abre uma div assim:

JavaBaby Membro desde: 10/02/2005 06:56:13 Mensagens: 96 Offline

Solução genérica?

http://www.cherny.com/webdev/70/javascript-event-delegation-and-event-hanlders

Se você puder usar jquery leia sobre o método live...quando o jquery não tinha este método usave-se um plugin para o mesmo chamado livequery para resolver problemas deste tipo...

Entusiasta Java Membro desde: 11/03/2010 11:24:29 Mensagens: 23 Offline

huuum, vou testar aquii pra ver qual é, se der certo eu digo. valeu

Notícias, artigos e o maior fórum brasileiro sobre Java