Модальное окно и catcha (капча)

7 февраля 2010 г.

#

Модальное окно и catcha (капча)

Поставил PrettyPhoto - модальное окно, поправил XSL шаблон и сделал добавление коммента через это окошко, но появилась проблемка, капча (картинка) теперь не обновляется при нажатии на ссылку "Показать другое число", смена картинки происходит только если перезагрузить окно (закрыть и открыть), либо если в браузере кликнуть в пункт меню "показать изображение". Подскажите в каком направлении искать ошибку ? Еще не совсем понятно, в ссылке javascript:void(0); для чего это ? В макете я отключил путь к шаблону hostcms.js.

7 февраля 2010 г.

#

Re: Модальное окно и catcha (капча)

Кстати вот код сразу приложу =)

<div id="ShowAddComment">
         <a href="#AddRecord" rel="prettyPhoto" onclick="javascript:cr('AddRecord')">Добавить запись</a>
      </div>

      <div id="AddRecord" style="display: none">
         <div class="comment">
            <div class="tl"></div>
            <div class="tr"></div>
            <div class="bl"></div>
            <div class="br"></div>

            
            <form action="./" method="post">

                                                           

               <div id="AddRecMiniforumFullText"><span style="padding-left:3px;">Текст сообщения:</span><br/>
               <textarea type="text" name="text_item" cols="26" rows="12">
                  <xsl:value-of select="/document/text_item"/>
               </textarea></div>

               <xsl:if test="/document/site_user_id = 0">

                                                             
               <div id="AddRecMiniforumText"><span style="padding-left:3px;">Ваше имя: </span><br/><input type="text" name="autor" size="20" value="{/document/autor}"/></div>

                                                            
               <div id="AddRecMiniforumText"><span style="padding-left:3px;">E-mail: </span><br/><input type="text" name="email" size="20" value="{/document/email}"/></div>

               </xsl:if>

                                                            

               <div id="AddRecMiniforumText"> <span style="padding-left:3px;">Заголовок:</span><br/><input type="text" name="subject" size="20" value="{/document/subject}"/></div>

               

               
               <xsl:if test="/document/captcha_key != 0 and /document/site_user_id = 0">

                  <div id="AddRecMiniforumText">
                                                                                      <span style="padding-left:3px;">Введите числа с картинки:</span><br/>
                     <input type="hidden" name="captcha_key" value="{/document/captcha_key}"/>
                     <input type="text" name="captcha_keystring" size="20"/>
                  </div>

                           <div id="AddRecCaptchaGif">
                     <a href="javascript:void(0);" onclick="ReNewCaptcha({/document/captcha_key}, 30);return false;">
                    <img style="border: 1px solid #000000" src="/captcha.php?get_captcha={/document/captcha_key}&height=30&width=100" title="Нажмите если нужно другое число" name="captcha"/>
                                                                                    </a>
                  </div>

               </xsl:if>

                                                            <div id="AddCommentButton"><button type="submit" name="submit_question"><img src="/skin/wedding/images/addcomment.jpg" alt="" title="" /></button></div>

            </form>
</div>

      </div>

Модератор 7 февраля 2010 г.

#

Re: Модальное окно и catcha (капча)

WorkStudio,
Поставьте Firebug и посмотрите ошибки, вероятно внесенный JS-скрипт содержит ошибки!

7 февраля 2010 г.

#

Re: Модальное окно и catcha (капча)

Ошибки были из-за того, что не подключены js я их подключил обратно, hostcms.js main.js и т.д. ошибки пропали но картинка все равно не обновляется. Файрбаг показывает что запросы успешно проходят, картинки меняются (в окне СЕТЬ), но в модальном окне все равно как было так и осталось.

7 февраля 2010 г.

#

Re: Модальное окно и catcha (капча)

Вырезал функцию отвечающую за обновление капчи

function ReNewCaptcha(captchaKey, captchaHeight)
{
    if (document.images['captcha'] != undefined)
{
    var antiCache = Math.floor(Math.random()*100000);
    document.images['captcha'].src = "/captcha.php?get_captcha=" + captchaKey + "&height=" + captchaHeight + "&anc=" + antiCache;
}
}

и поместил в js c PrettyPhoto все работает корректно, файрбаг показывает что все отлично - картинки обновляются, но в окне нет

Модератор 8 февраля 2010 г.

#

Re: Модальное окно и catcha (капча)

WorkStudio,
У Вас несколько капч на странице и обновляется первая. Нужно использовать другую функцию:

/**
* Обновление картинки CAPTCHA для картинки по ее ID
* captchaKey - идентификатор CAPTCHA
* captchaHeight - высота картинки с CAPTCHA
*/
function ReNewCaptchaById(imageId, captchaKey, captchaHeight)

8 февраля 2010 г.

#

Re: Модальное окно и catcha (капча)

У меня есть капча на другой странице обратной связи, получается она там обновляется чтоли ?

Хорошо, а как тогда применить функцию ReNewCaptchaById ? Как определить id второй капчи ?

   <a href="#;" onclick="ReNewCaptcha({/document/captcha_key}, 30);return false;">
            <img style="border: 1px solid #000000" src="/captcha.php?get_captcha={/document/captcha_key}&height=30&width=100" title="Нажмите если нужно другое число" name="captcha"/>
            </a>

как мне в этом указать нужный id подскажите пожалуйста.

Модератор 8 февраля 2010 г.

#

Re: Модальное окно и catcha (капча)

WorkStudio,
Посмотрите в DOM-модели, вероятно у Вас есть капчи на других модельных окнах.

8 февраля 2010 г.

#

Re: Модальное окно и catcha (капча)

других окон нет, подскажите как id узнать у второй капчи

Модератор 8 февраля 2010 г.

#

Re: Модальное окно и catcha (капча)

WorkStudio,
я не знаю какие у Вас капчи, поэтому ID сказать не могу. Поспользуйтесь той функцией, которую я Вам привел и передавайте ID капчи

Авторизация