popup окно в PHP цикле
Здравствуйте,
Я почти начинающий в 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(); } }); });
|