Estou tendo um problema no desenvolvimento de uma galeria de fotos, que estou desenvolvendo em JSP + Servlet sem nenhum framework:
Minha galeria esta dividida por CATEGORIAS ----> GALERIAS —> FOTOS, entao criei uma unica tela com as respectivas areas para serem preenchidas atraves de requisições com AJAX. A logica é que, as categorias fiquem em um pequeno combobox acima da pagina, e que seja preenchida dinamicamente com as opcoes, ate aí eu ja consegui, ele popula perfeitamente o combo. O problema, é que eu nao consigo passar o ID da categoria por AJAX para chamar a requisição seguinte, com o conteudo da Galeria apropriada.
Eis os codigos:
AJAX.JS
[code]/* MAPEAMENTO DE ACOES E LINKS PARA REQUISICAO AJAX NA PAGINA PRINCIPAL */
$(document).ready(function() {
$(’#categoria select’).css(‘opacity’, .85);
$(’#categoria select option’).css(‘opacity’, .85);
var galeria = $('#galerias');
var fotos = $('#fotos');
var carregandoGalerias = $('#carregandoGalerias');
carregandoGalerias.hide();
function showCarregandoGalerias() {
galeria.fadeOut(1);
carregandoGalerias.fadeIn(200);
}
function aposCarregandoGalerias() {
carregandoGalerias.fadeOut(200);
galeria.fadeIn(200);
}
//funcao para tratar eventos do select
$("select#listaCategorias").change(function() {
showCarregandoGalerias();
galeria.load('categoria?id=Categoria', aposCarregandoGalerias);
});
});[/code]
GALERIA.JSP
[code]<%@page contentType=“text/html” pageEncoding=“ISO-8859-1”%>
<%@taglib uri=“http://java.sun.com/jsp/jstl/core” prefix=“c” %>
<jsp:useBean id=“getCategorias” class=“java.util.ArrayList” scope=“request” />
Galeria de Fotos da
${nomeCamara}
Selecione o Grupo ${categoria.titulo} <div id="galerias">
</div>
<div id="carregandoGalerias" align="center">
<img src="images/carregando.gif" id="carregando" />
</div>
<div id="fotos">
Fotos
</div>
<div id="rodape">
Rodape
</div>
</body>
[/code]