Как перезагрузить изображение Zend Captcha при нажатии кнопки обновления? - PullRequest
Новая
       5

Как перезагрузить изображение Zend Captcha при нажатии кнопки обновления?

12 голосов
/ 21 апреля 2011

Я применяю Zend Captcha на своей странице PHP теперь мне нужно добавить кнопку перезагрузки капчи.Пожалуйста, дайте ответ в соответствии с Zend.

Ответы [ 4 ]

17 голосов
/ 05 мая 2011

Всего два быстрых фрагмента, но я думаю, вы поймете идею. Настройте имя элемента и селекторы для своих нужд.

В вашем контроллере добавьте метод для генерации новой капчи 

public function refreshAction()
{
    $form = new Form_Contact();
    $captcha = $form->getElement('captcha')->getCaptcha();

    $data = array();

    $data['id']  = $captcha->generate();
    $data['src'] = $captcha->getImgUrl() .
                   $captcha->getId() .
                   $captcha->getSuffix();

   $this->_helper->json($data);
}

В вашем скрипте вида (я использую mootools для ajax-запроса) 

document.addEvent('domready', function() {
     $$('#contactForm img').addEvent('click', function() {
        var jsonRequest = new Request.JSON({
            url: "<?= $this->url(array('controller' => 'contact', 'action' => 'refresh'), 'default', false) ?>",
            onSuccess: function(captcha) {
                $('captcha-id').set('value', captcha.id);
                $$('#contactForm img').set('src', captcha.src);
            }
        }).get();
    });
});

Редактировать: Добавлено JQuery Пахана 

$(document).ready(function() {
    $('#refreshcaptcha').click(function() { 
        $.ajax({ 
            url: '/contact/refresh', 
            dataType:'json', 
            success: function(data) { 
                $('#contactForm img').attr('src', data.src); 
                $('#captcha-id').attr('value', data.id); 
            }
        }); 
    }); 
});
2 голосов
/ 28 июня 2011

@ user236501 На самом деле это может быть любой тип элемента формы Zend (например, Button). Вы даже можете добавить кликабельную ссылку обновления в качестве опции описания Zend_Form_Element_Captcha, например так: 

        $captcha = new Zend_Form_Element_Captcha('captcha', array(
            'label' => 'Some text...',
            'captcha' => array(
                'captcha' => 'Image',
                'wordLen' => 6,
                'timeout' => 300,
                'font' => './fonts/Arial.ttf',
                'imgDir' => './captcha/',
                'imgUrl' => 'http://some_host/captcha/'
            ),
            'description' => '<div id="refreshcaptcha">Refresh Captcha Image</div>'
        ));

но в этом случае Description параметры декоратора должны быть изменены, например: 

        $this->getElement('captcha')->getDecorator('Description')->setOptions(array(
            'escape'        => false,
            'style'         => 'cursor: pointer; color: #ED1C24',
            'tag'           => 'div'
        ));

Это можно сделать методом init() формы. Извините за мой английский. Кстати, я не уверен, правильно ли я разместил свой комментарий;)

1 голос
/ 08 июня 2011

@ Бенджамин Кремер, спасибо за код, работает как шарм :) после прочтения я сделал это с помощью jquery.

$(document).ready(function() {
    $('#refreshcaptcha').click(function() {
        $.ajax({
            url: '/contact/refresh',
            dataType:'json',
            success: function(data) {
                $('#contactForm img').attr('src',data.src);
                $('#captcha-id').attr('value',data.id);
            }
        });
    });
});
0 голосов
/ 01 апреля 2015

  1. В config/autoload/global.php добавить следующие 

    'view_manager' => array(
    'strategies' => array(
        'ViewJsonStrategy','Zend\View\Strategy\PhpRendererStrategy'
    ),
),
  2. в YourModule/src/YourModule создать новую папку Ajax

  3. Внутри Yourmodule/Ajax создать файл AjaxController.php

    namespace YourModule\Ajax;

use Zend\Mvc\Controller\AbstractActionController;
use Zend\View\Model\JsonModel;
use YourModule\Forms\SignupForm;

class AjaxController extends AbstractActionController
{          
    public function refreshSignupCaptchaAction(){
        $form = new SignupForm();
        $captcha = $form->get('captcha')->getCaptcha();             
        $data = array();                
        $data['id']  = $captcha->generate();
        $data['src'] = $captcha->getImgUrl().$captcha->getId().$captcha->getSuffix();
        return new JsonModel($data);
    }
}

  4. Добавить маршрут внутрь module.config.php 

    'yourmodule-ajax' =>array(
        'type' => 'segment',
        'options' => array(
        'route' => '/yourmodule/ajax/:action',
            'constraints' => array(    
                'action' => '\w+',
            ),
            'defaults' => array(
                'controller' => 'YourModule\Ajax\AjaxController',
            )                  
        ),
    ),

  5. последний в вашем шаблоне, яПредположим, вы используете jquery 

    <div class="form-group">
    <div id="captcha" class="control-group <?php echo count($form->get('captcha')->getMessages()) > 0 ? 'has-error' : '' ?>">
        <?php echo $this->formLabel($form->get('captcha')); ?>
        <div class="col-xs-12 col-sm-6">
            <a id="refreshcaptcha" class="btn btn-default pull-right">Refresh</a>
            <?php echo $this->formElement($form->get('captcha')); ?>
            <?php echo $this->formElementErrors($form->get('captcha')); ?>
        </div>
    </div>
</div>

<script type="text/javascript">
$(function(){

    $('#refreshcaptcha').click(function() { 
        $.ajax({ 
            url: '<?php echo $this->url('yourmodule-ajax', array('action'=>'refreshSignupCaptcha')) ?>', 
            dataType:'json', 
            success: function(data) { 
                $('#captcha img').attr('src', data.src); 
                $('#captcha input[type="hidden"]').attr('value', data.id); 
                $('#captcha input[type="text"]').focus(); 
            }
        }); 
        return false;
    });
});
</script>
...