PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

эфект стряски

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

kuller	Отправлено: 28 Октября, 2012 - 08:46:58
Частый посетитель Покинул форум Сообщений всего: 561 Дата рег-ции: Нояб. 2009 Помог: 2 раз(а)	никак не могу сделать эффект тряски для поля input. Задача простая проверяю поле на правильность заполнения поля, если ошибка то показываем сообщение об ошибке. Данные код CODE (javascript): скопировать код в буфер обмена $("#logs").change(function(){ logs = $("#logs").val(); var expLogin = /^[a-zA-Z0-9_]+$/g; var resLogin = logs.search(expLogin); if(resLogin == -1) { $("#logs").next().hide().text("Неверный логин").css("color","red").fadeIn(400); $("#logs").removeClass().addClass("inputRed"); loginStat = 0; buttonOnAndOff(); } }); никак не получается к нему приписать эффект shake (стряска). Помогите пожалуйста дописать.... (Отредактировано автором: 28 Октября, 2012 - 12:51:45)

Panoptik	Отправлено: 28 Октября, 2012 - 09:14:57
Постоянный участник Покинул форум Сообщений всего: 2493 Дата рег-ции: Нояб. 2011 Откуда: Одесса, Украина Помог: 131 раз(а)	оно? Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <!DOCTYPE html> <html lang="en" class="devsite"> <head> <title></title> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <meta content=""> <meta charset="utf-8" /> <style> #shakeme { width: 300px; height: 23px; padding: 2px; color: #55f; border: #22a 2px solid; border-radius: 4px; background: #f3f3f3; } div { width: 600px; margin: 0 auto; padding: 60px; } </style> <script type="text/javascript"> $(function(){ $("#clickme").click(function(){ var o = $("#shakeme"); shake(o); }); }); function shake(o) { o.animate({ marginLeft: -20 },100).animate({ marginLeft: 10 },100).animate({ marginLeft: -10 },100).animate({ marginLeft: 5 },100).animate({ marginLeft: 0 },100); } </script> </head> <body> <div> <div> <input id="shakeme" type="text" placeholder="I can shake" /> </div> <div> <button id="clickme">Click me</button> </div> </div> </body> </html> (Отредактировано автором: 28 Октября, 2012 - 09:18:33) ----- Just do it

kuller	Отправлено: 28 Октября, 2012 - 09:30:47
Частый посетитель Покинул форум Сообщений всего: 561 Дата рег-ции: Нояб. 2009 Помог: 2 раз(а)	Panoptik пишет: оно? Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <!DOCTYPE html> <html lang="en" class="devsite"> <head> <title></title> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <meta content=""> <meta charset="utf-8" /> <style> #shakeme { width: 300px; height: 23px; padding: 2px; color: #55f; border: #22a 2px solid; border-radius: 4px; background: #f3f3f3; } div { width: 600px; margin: 0 auto; padding: 60px; } </style> <script type="text/javascript"> $(function(){ $("#clickme").click(function(){ var o = $("#shakeme"); shake(o); }); }); function shake(o) { o.animate({ marginLeft: -20 },100).animate({ marginLeft: 10 },100).animate({ marginLeft: -10 },100).animate({ marginLeft: 5 },100).animate({ marginLeft: 0 },100); } </script> </head> <body> <div> <div> <input id="shakeme" type="text" placeholder="I can shake" /> </div> <div> <button id="clickme">Click me</button> </div> </div> </body> </html> оно самое. Этот способ сделан с animate, почему тогда такое не работает CODE (javascript): скопировать код в буфер обмена logs = $("#logs").val(); var expLogin = /^[a-zA-Z0-9_]+$/g; var resLogin = logs.search(expLogin); var fields = $(' input[type=text], input[type=password]'); if(resLogin == -1) { $("#logs").next().hide().text("Неверный логин").css("color","red").fadeIn(400); $("#logs").removeClass().addClass("inputRed"); // тряска fields.each(function(){ $(this).effect("shake", { times:3 }, 50); }); loginStat = 0; buttonOnAndOff(); } (Отредактировано автором: 28 Октября, 2012 - 09:32:25)

armancho7777777	Отправлено: 28 Октября, 2012 - 09:57:39
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	kuller пишет: почему тогда такое не работает Палагаю, не подключена соответствующая jQ библиотека effects.js kuller пишет: CODE (javascript): скопировать код в буфер обмена $(this).effect("shake"

kuller	Отправлено: 28 Октября, 2012 - 12:57:25
Частый посетитель Покинул форум Сообщений всего: 561 Дата рег-ции: Нояб. 2009 Помог: 2 раз(а)	armancho7777777 пишет: kuller пишет: почему тогда такое не работает Палагаю, не подключена соответствующая jQ библиотека effects.js kuller пишет: CODE (javascript): скопировать код в буфер обмена $(this).effect("shake" в том и дело что бодключено

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.