ajax popup, technika tworzenia Opcje

[johny335]

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 (IMG:style_emoticons/default/happy.gif)

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

[Arcioch]

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

Ten post edytował Arcioch 11.05.2013, 10:12:06

[matw]

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 (IMG:style_emoticons/default/wink.gif)

[toaspzoo]

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