Prezados, boa tarde;
Eu faço uma consulta no banco de dados e retorno o número de boletos que um cliente tem que pagar. Nesse caso são 5 boletos.
Faço um LOOP e mostro na tela assim:
<tr> <td> <a id='ConsultaInstTit50'>150,00</a> <div id='dialogInstTit50' style='display:none;'> <iframe id='iConsultaInstTit50' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td> </tr> <tr> <td> <a id='ConsultaInstTit51'>150,00</a> <div id='dialogInstTit51' style='display:none;'> <iframe id='iConsultaInstTit51' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td> </tr> <tr> <td> <a id='ConsultaInstTit52'>150,00</a> <div id='dialogInstTit52' style='display:none;'> <iframe id='iConsultaInstTit52' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td> </tr> <tr> <td> <a id='ConsultaInstTit53'>150,00</a> <div id='dialogInstTit53' style='display:none;'> <iframe id='iConsultaInstTit53' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td> </tr> <tr> <td> <a id='ConsultaInstTit54'>150,00</a> <div id='dialogInstTit54' style='display:none;'> <iframe id='iConsultaInstTit54' frameborder='0' width='300px' height='300px' src=''></iframe> </div> </td> </tr>
Daí faço uma numeração usando a Chave da Tabela pra colocar no ID, evitando a duplicidade de ID.
OK
Acontece que tenho uma função em JQuery, ao clicar sobre o link, eu chamo a função:
jQuery('#ConsultaInstTit').click(function() {
jQuery('#iConsultaInstTit').attr('src', '/produto/frontend/consultas/titulosdetalhes.asp?codTit=??????');
jQuery('#dialogInstTit').dialog('open');
});
jQuery('#dialogInstTit').dialog({
autoOpen: false,
position: 'top' ,
title: 'Consulta Custo Médio',
draggable: false,
width: 615,
height: 400,
resizable: true,
modal: true,
});
Não funciona, pois o ID do <a> não é o mesmo na função JQuery... não sei como fazer isso dinamicamente.
Outro problema é que uma função chama outra. Veja que a função (.click) chama a outra (.dialog).
Alguém tem uma solução ?