Как создать скользящие эффекты для уведомлений об ошибках в формах?

Question

Можно ли создать скользящие эффекты для уведомлений об ошибках в формах yii framework?

Чтобы объяснить, что я имею в виду, зайдите, например, на download.com и выберите пункт меню "Присоединиться к CNET" в правом верхнем углу. Пожалуйста, оставьте форму "Присоединиться к CNET" пустой и нажмите кнопку "Присоединиться к CNET" внизу формы.

Как вы видите, все красные ошибки уведомлений будут элегантно отображаться на экране с очень приятным эффектом "скольжения".

Поэтому мой вопрос - как создать такой скользящий эффект для уведомлений об ошибках в формах фреймворка yii?

Answer 1

1. ХОРОШО. Стандартная форма Yii (CActiveForm) выглядит примерно так

   <div class="row">
   <?php echo $form->labelEx($model,'username'); ?>
   <?php echo $form->textField($model,'username'); ?>
   <?php echo $form->error($model,'username'); ?>  
   

2. С помощью CSS вы заставляете ошибку исчезать с отображением: нет. Вы можете сделать это (относительно) легко с помощью $ htmlOptions:

   $ htmlOptions = array ('style' => 'display: none');
   echo $ form-> error ($ model, 'username', $ htmlOptions);

3. Теперь, если вы запустите свою форму, сообщение об ошибке не появится. Это хорошо.

4. Наконец, приложите некоторый JavaScript к вашей кнопке отправки. Что-то, что выбирает сообщения об ошибках и исчезает в них: $ (. ErrorMessage).fadeIn('slow') Обратите внимание, что Yii уже предоставляет сообщениям об ошибках класс .errorMessage

Это должно сделать это...

PS