Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   при клике по ссылке проголосовать всплывает окно с формой (https://javascript.ru/forum/events/56566-pri-klike-po-ssylke-progolosovat-vsplyvaet-okno-s-formojj.html)

koyot777 23.06.2015 05:33

при клике по ссылке проголосовать всплывает окно с формой
 
Доброго времени суток, столкнулся с такой задачей: есть сайт на Джумла 2.5 и компонент галереи на котором организован фотоконкурс,
требуется повесить всплывающую форму, которая появляется после нажатия по кнопке "голосовать" и перезагрузки страницы

т.е. должно сработать два события 1- отправка голоса и вызов всплывающей формы. :write:

Подскажите как мне лучше это сделать и вообще возможно ли такое на JS? :help:

Может есть готовые примеры реализации данной возможности?

пример страницы где это планируется сделать: лучшая-кровля.орг

Спасибо за помощь.

koyot777 26.06.2015 05:27

Немного поясню:

есть ссылка которая формируется PHP
echo '<li><a href="'.$this->tmpl['action'].$amp.'controller=category&task=rate&rating=5&tab= '.$this->tmpl['currenttab']['rating'].$this->tmpl['limitstarturl'].'" title="Проголосовать" class="stars5">5</a></li>';

в конечном итоге имеет такой вид: http://лучшая-кровля.о...ting=5& tab=0

(при клике по которой происходит голосование за категорию и выводится сообщение об успехе или же что вы проголосовали, с перезагрузкой страницы.)

поставил форму которая всплывает по клику (onclick) по данной ссылке но пропадает, т.к. страница перезагружается
код: echo '<li><a href="'.$this->tmpl['action'].$amp.'controller=category&task=rate&rating=5&tab= '.$this->tmpl['currenttab']['rating'].$this->tmpl['limitstarturl'].'" title="Проголосовать" class="stars5" onclick="pwebContact182.toggleForm();">5</a></li>';


вопрос как мне реализовать чтобы всплывающая форма не закрывалась (оставалась активной после голосования)?

что приходит на ум так это:
- сделать ссылку на ajax (не представляю что для этого нужно и как реализовать)
- сделать спомощью js блокировку голосования пока всплывающая форма не будет закрыта (так же не знаю как правильно это прописать)
- как то сделать что форма всплывает только после перехода по этой ссылке и загрузке страницы с сообщением об успехе или что вы уже проголосовали

возможно ли вообще такое реализовать? или может есть какие другие варианты решения данной задачи?

не особо силен в js поэтому прошу помочь :help: советом или ссылкой может кто уже реализовывал подобный функционал.


Часовой пояс GMT +3, время: 14:34.