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(); } }); }); |
я тут чет не нашел даже намека на замену изображения в "popupContact"
|
То есть в файле popup.js надо такой же скрипт записать для цикла как в php? Да, в оригинале popup был написан для одной кнопки <input type='submit'> но подумал если вставить в моем php цикле, то сработает...
Если посоветуйте как мне решить эту проблему, буду очень благодарен! Просто очень красивое окно... |
Цитата:
|
пробовал и по классу, но раз и в popup.js надо было заменить код, то совсем ни то что хотел получить...
|
Цитата:
Цитата:
Цитата:
|
Часовой пояс GMT +3, время: 05:18. |