[ryobi522]

Здравствуйте,

Я почти начинающий в Java и буду очень благодарен если поможте решить одну проблему:

Написал сайт на PHP mysql и в результате выводится в цикле изображении в DIV-ах. Потом скачал свободный код popup окна. Хочу прописать этот код в моем цикле PHP.
Много вариантов пробовал, довел до такой степени, что popup распостраняется на всех DIV-ах по своей функфионалности, но при нажатии на всех DIV-ах открывает один и тот же рисунок (первый в цикле что есть). Догадиваюсь, что проблема в ID идентификаторах, но до конца все таки не смог адаптироват на мой код...

Цель - в каждом popup окне открыть соответствующее изображение.

Думаю для профессионалов не так сложная задача... Заранее Спасибо!

мой код
__________________________________________________ ___________
do{
printf(
"<div class='button'>
<a><img width='200px' height='200px' class='image' src='%s'></a>
</div>

<div id='popupContact'> <p><img src='%s' /></p> </div>
__________________________________________________ ___________

popup.js
var popupStatus = 0;

function loadPopup(){
//loads popup only if it is disabled
if(popupStatus==0){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1; } }

function disablePopup(){
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("slow");
popupStatus = 0; } }

function centerPopup(){
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
$("#popupContact").css({
"position": "absolute",
"top": windowHeight/2-popupHeight/2,
"left": windowWidth/2-popupWidth/2 });

$("#backgroundPopup").css({
"height": windowHeight }); }

$(document).ready(function(){

$(".button").click(function(){
centerPopup();
loadPopup(); });

$("#popupContactClose").click(function(){
disablePopup(); });

$("#backgroundPopup").click(function(){
disablePopup(); });

$(document).keypress(function(e){
if(e.keyCode==32 && popupStatus==1){
disablePopup(); } }); });