Yii: Оформление CAPTCHA. Наводим красоту на капчу в Yii.

Yii: Оформление CAPTCHA. Наводим красоту на капчу в Yii. Делаем красивенькую капчу для проверки формы перед отправкой.

Код в виде формы:

<?php if (Yii::app()->user->isGuest && extension_loaded('gd')): ?>
        <div class="row">
            <?php echo CHtml::activeLabelEx($model, 'verifyCode') ?>
        <div>
        <?php $this->widget('CCaptcha', array('clickableImage'=>true, 'showRefreshButton'=>true, 'buttonLabel' => CHtml::image(Yii::app()->baseUrl
                                        . '/css/icon_refresh.png'),'imageOptions'=>array('style'=>'/*display:block;*/border:none;', /*'height'=>'40px',*/ 'alt'=>'Картинка с кодом валидации', 'title'=>'Чтобы обновить картинку, нажмите по ней'))); ?>
        <br /><?php echo CHtml::activeTextField($model,'verifyCode'); ?>
        </div>
        <div class="hint">Пожалуйста введите символы с картинки. Регистр букв неважен.
        <br />При желании вы всегда сможете отписаться от нашей рассылки.
        </div>
        </div>
   <?php endif; ?>

У виджета CCaptcha несколько свойств.

  • 'clickableImage'=>true - делает картинку капчи кликабельной;
  • 'showRefreshButton'=>true - показывает ссылку "обновить капчу", которую мы делает картинкой;
  • 'imageOptions' - массив свойств для картинки капчи.

Другие свойства ищите в офф. документации.

А в контроллере можно настроить вид картинки (в actions):

public function actions()
	{
		return array(
			// captcha action renders the CAPTCHA image displayed on the contact page
			'captcha'=>array(
				'class'=>'CCaptchaAction',
				'backColor'=>0xFFFFFF, //цвет фона капчи
				'testLimit'=>2, //сколько раз капча не меняется
				'transparent'=>false,
				'foreColor'=>0xE16020, //цвет символов
			),
		);
	}


Источник: loco.ru

almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Вы можете почитать все статьи от almix'а.



Другие статьи по этой теме:

Комментарии (4)     Подпишитесь на RSS комментариев к этой статье.

4 комментариев

#872
Евгений говорит:
May 16, 2013 at 11:13 am
Добрый день! Подскажите есть ли у Вас материал как установить такие комментарии и капчу на сайте. Дело в том, что я новичок в Yii мне достался сайт для работы от других создателей, а от них ничего не добиться.
#897
Евгений говорит:
June 12, 2013 at 12:38 am
Доброго времени суток! Хочу сразу заметить на iPad форма ввода теста просто не реальная. У меня вопрос я знаю что мой сайт работает на framework yii но смотрю ваши примеры и понимаю что все у меня намного сложнее например капчу я так и не смог установить. Помогите если можете и есть время.
#935
Денис говорит:
August 13, 2013 at 12:51 pm
Хорошая статья
#936
Денис говорит:
August 13, 2013 at 12:53 pm
Хорошая статья