X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

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

| Вход | Регистрация )

Открыть тему
Тема закрыта
> инлайновый javascript
sikwel_hb
sikwel_hb
Topic Starter сообщение 13.4.2010, 12:24; Ответить: sikwel_hb
Сообщение #1


Здравствуйте, умные люди.

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

джейквери нельзя
нужно только инлайновым яваскриптом

только я не знаю как)

нашел вот такой пример
<html>
<head>
<script type="text/javascript">
function setStyle(x)
{
document.getElementById(x).style.background="yellow"
}
</script>
</head>
<body>

First name: <input type="text"
onfocus="setStyle(this.id)" id="fname">
<br />
Last name: <input type="text"
onfocus="setStyle(this.id)" id="lname">

</body>
</html>


http://www.w3schools.com/jsref/event_onfocus.asp

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

Подскажите пожалуйста, как же всетаки передать в эту фукнцию правильно айдишник другого блока?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 13.4.2010, 13:56; Ответить: Alcorn
Сообщение #2


Не понял сложности вопроса, но код скину -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title></title>
<script type="text/javascript">
function setStyle(x)
{
document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body id="xxx">
<input type="text" onfocus="setStyle('xxx')">
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
Topic Starter сообщение 13.4.2010, 14:28; Ответить: sikwel_hb
Сообщение #3


оо, спасибо, я забыл параметр функции в кавычки заключить) теперь все работает) спасибо! :goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 13.4.2010, 19:36; Ответить: Letmetouchyou
Сообщение #4


sikwel,
#input_id:focus {background:#xxx}

не катит уже ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
Topic Starter сообщение 14.4.2010, 0:44; Ответить: sikwel_hb
Сообщение #5


(Letmetouchyou @ 13.4.2010, 22:36) *
sikwel,
#input_id:focus {background:#xxx}
не катит уже ?

конечно не катит, во-первых мне не один фокус нужен, а во вторых он ие не поддерживается ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 14.4.2010, 1:13; Ответить: Letmetouchyou
Сообщение #6


sikwel, 8 точна хавает, 6.5 + помоему тоже

(sikwel_hb @ 14.4.2010, 03:44) *
во-первых мне не один фокус нужен

а какая разница один или нет?)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
Topic Starter сообщение 14.4.2010, 1:19; Ответить: sikwel_hb
Сообщение #7


[IMG]http://clip2net.com/clip/m17400/1271193632-clip-31kb.png[/IMG]


не один фокус нужен в смысле еще инлайновые ончейндж, онблур и др. ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZhukV
ZhukV
сообщение 14.4.2010, 10:02; Ответить: ZhukV
Сообщение #8


вообще, чтобы CSS-правило воспринималось только IE6 и ниже, надо написать так:

Код:
произвольный тег :hover
{
_произвольное свойство:произвольное значение
}
Тут вся магия в символе подчёркивания перед свойством.


--------------------------------------------------------------
Вот, по форуму полазил, кое что нашел.
Искать тоже иногда полезно: http://www.html.by/showthread.php?t=629
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sikwel_hb
sikwel_hb
Topic Starter сообщение 14.4.2010, 16:49; Ответить: sikwel_hb
Сообщение #9


хм.. это вы батенька к чему вообще написали?))))

мы про псевдокласс :focus вообще-то говорим, при чем здесь CSS хаки?))

внимательнее пожалуйста читайте;)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
 0 alexey 1243 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
 56 qpPeW 44930 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) 1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3
 1 byteeightlab 1471 2.7.2019, 7:37
автор: ychervov
Открытая тема (нет новых ответов) Дополнительный доход по Вашему трафику - JavaScript майнинг
 6 GridCash 2701 22.4.2018, 20:30
автор: -GridCash-
Открытая тема (нет новых ответов) JumPic.ru - новый сервис уникальной тизерной и баннерной рекламы без javascript
Рекламный код без javascript - 100% защита от вирусов
 3 Shoker 3713 1.4.2018, 18:36
автор: Shoker


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 24.4.2024, 14:40

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet