Добавление в тег "input" class
Простите за вопрос, я новичок в этом.
Скажите пожалуйста почему не работает этот код? Как сделать, чтобы работал?
$(document).ready(function() {
$('input[type=text]').click(function() {
$(this).addClass('on');
});
});
Полный пример: http://learn.javascript.ru/play/stJZ3 Спасибо за внимание! |
XFlame,все работает, у вас только один лишний закрывающий див , так все работает
|
Цитата:
Я писал пока только для Chrome. Подозреваю, что ошибка где-то здесь [type=text], если это убрать и из скрипта и из CSS, то тогда работает. |
XFlame,да нет с ним вроде все норм, а как должно работать?
|
XFlame,
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Input Test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$('input[type=text]').click(function() {
$(this).addClass('on');
alert(this.className);
});
});
</script>
</head>
<body>
<div id="container">
<form>
<input type="text">
</form>
</div>
</body>
</html>
|
cyber, при клике на input вокруг него должно появиться белое свечение и задний фон смениться на белый.
|
cyber, видимо в CSS ошибка
|
да, в цсс ошибка
http://learn.javascript.ru/play/R52hT |
Цитата:
|
Еще один вопрос: как теперь сделать, чтобы при клике в любое место страницы (но не в input) все вернулось обратно?
|
обрабатывать клик на body и по нему уберать класс.
|
вобще для такого js не нужен
http://learn.javascript.ru/play/tdJM2 |
Как все оказывается просто! ))
cyber и animhotep, спасибо вам огромное! |
| Часовой пояс GMT +3, время: 15:49. |