AJAX - Abrir popapizinho, como é?

Front-end
#1

:?: :?:

Oi gente, como vai?

Tenho o seguinte cenário: uma lista de nomes; ao levar a seta em cima do nome gostaria de abrir um popapizinho mostrando a foto da pessoa q vem de um campo blob, digamos q o método esteja pronto lá no Java, como ficaria isso na camada AJAX?

Abraço,
André AS

#2

Oi,

  • Faz uma DIV e deixa ela como um pop up (com o botão x e tals), isso usando CSS e HTML só;
  • use a propriedade CSSdisplay para deixar a div oculta;
  • no onMouseOver do elemento Você, através de javascript, move a div para próximo do elemento e mostra a DIV;
  • realize uma chamada assíncrona para carregar o conteúdo da DIV;
  • para isso, crie uma servlet que carrega a foto do banco, ou retorne o path dela. Essa servlet pode ser chamada pelo JS;
  • alternativamente você pode criar um servico usando Jersey que retorna a imagem;

Dicas:

  • Para a parte do Javascript, JQuery UI pode te ajudar;
  • JSF deve ter alguma coisa no sentido servidor do AJAX;

É isso :smiley:

#3

Obrigadão!
Teria alguma dica pra EXTjs? Aqui no serviço estou usando esta biblioteca JavaScript… Como eu faria pra fazer o evento
onMouseOver chamar a servlet/action do Struts2?

#4

Da uma olha nesse site.

http://jqueryfordesigners.com/coda-popup-bubbles/

#5

[quote=Kcoelho]Da uma olha nesse site.

http://jqueryfordesigners.com/coda-popup-bubbles/

[/quote]

Muito dez!

E sobre EXTjs alguém manja tb?

#6

Alguém tem mais exemplos?

#7

Se vc usar jsf 2.0 com primefaces olha esse exemplo.

#8