Witam,
mam galerie z miniaturkami i pod każda miniaturką kilka opcji do wybrania. Po wybraniu danej opcji wyświetla się popup z formularzem (np. zmiana tytułu, opisu zdjęcia).

Dotychczas robiłem to w ten sposób:
<div class="popup" style="display: none;"> tu formularz </div>
<div class="obrazek"><img src="obrazek.png" /></div>

Generuje to jednak bardzo dużo kodu. Do każdego obrazka musi być utworzony <div class="popup">. A jak do jednego obrazka będą dostępne powiedzmy 4 opcje, to będzie trzeba stworzyć po 4 popupy, czyli wyjdzie 4 razy więcej kodu.
Wierze, że nie jest to najlepszy sposób

Próbowałem stworzyć tylko jednego <div class="popup"> i ajax/php generował do niego formularz, jednak miałem problem z wysyłaniem takiego formularza ajaxem.

Bardzo proszę o jakieś nakierowanie mnie jak powinno się tworzyć takie popupy.

Pozdrawiam

Hej generalnie możesz wykorzystać jakiś plugin w jQuery do okienek Ja zawsze wykorzystuję do tego fancyboxa i opcje iframe Robisz sobie jeden formularz jako osobny plik html i potem przez odpowiedni adres przekazujesz sobie id do jakiego obrazka jest dany formularz

Proponowałbym zrobić funkcję, która po kliknięciu wyświetla ten popup i podmienia odpowiednie parametry w formularzu. Parametry możesz umieścić jako atrybuty obiektu DOM, w który klikasz

jquery -> .load() i jeden div dynamiczny.