За последние 24 часа нас посетили 24357 программистов и 1720 роботов. Сейчас ищут 1935 программистов ...

backgroundImage: проблема с onblur/onfocus

Тема в разделе "JavaScript и AJAX", создана пользователем Insonicum, 30 июл 2009.

  1. Insonicum

    Insonicum Активный пользователь

    С нами с:
    6 июл 2009
    Сообщения:
    12
    Симпатии:
    0
    Вопрос пустяцкий, но замучился. ничего не получается. делаю вроде бы всё правильно.
    Идея простая. http://frolov4.mybsd.ru/
    Есть форма, в ней текстовые поля. логин, пароль и пр. Не получается задать на активное и неактивное поле цвет - фоновую картинку. Т.е. если зхадать просто цвета backgroundСolor, то всё оно работает, и допустим меняется цвет с белого на красный. А мне надо чтоб не просто цвета были белый или красный, а чтобы фоновые картинки внутри поля менялись.

    Активное поле - одна фоновая картинка внутри поля. Неактивное поле - другая фоновая картинка внутри поля.
    Как так сделать?

    вот скрипт: [js]<input type = "text" onblur="this.style.backgroundImage='url(vik3.jpg)';" onfocus="this.style.backgroundImage='url('frolov4.mybsd.ru/www/vik4.jpg')';" name = "login" size="19" MAXLENGHT="20" style="margin-left: 33px;">[/js]


    выручите, а? замучился. [/u]
     
  2. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Что-то не то с адресом картинки. Скорее всего, в обеих случаях адрес указан не полностью (во втором точно).
     
  3. TheShock

    TheShock Активный пользователь

    С нами с:
    30 май 2009
    Сообщения:
    1.255
    Симпатии:
    0
    Адрес:
    Київ
    во втором - неправильно экранированы кавычки.
    ndImage='url(\'http://frolov4.mybsd.ru/www/vik4.jpg\')'
     
  4. Shadow_exe

    Shadow_exe Активный пользователь

    С нами с:
    28 июл 2009
    Сообщения:
    45
    Симпатии:
    0
    Там вообще кавычки не нужны
     
  5. TheShock

    TheShock Активный пользователь

    С нами с:
    30 май 2009
    Сообщения:
    1.255
    Симпатии:
    0
    Адрес:
    Київ
    не "не нужны", а "не обязательны". я всегда ставлю.
     
  6. Shadow_exe

    Shadow_exe Активный пользователь

    С нами с:
    28 июл 2009
    Сообщения:
    45
    Симпатии:
    0
    Пусть будет не обезательны.... Я наоборот никогда их не ставлю...
     
  7. Mat

    Mat Активный пользователь

    С нами с:
    12 дек 2006
    Сообщения:
    391
    Симпатии:
    0
    не обязательны - значит не нужны, ыы =) я по старинке тоже пишу if(a==b){а скобки можно и не ставить, если в одну строку}

    дело читабельности и вкуса на мой взгляд.
     
  8. TheShock

    TheShock Активный пользователь

    С нами с:
    30 май 2009
    Сообщения:
    1.255
    Симпатии:
    0
    Адрес:
    Київ
    достаточно спорное утверждение. вот в шрифтах, где нет пробела, тоже можно в кавычки не брать. Но получается какое-то полное отсутствие стиля:
    Код (Text):
    1. "Linux Libertine", Bodoni, Rockwell, "Times New Roman", serif;
    Потому я предпочитая все названия шрифтов брать в кавычки (ибо это есть порядок, плюс красивее смотрится и в редактор алля KWrite или Notepad++ они подсвечиваются другим цветом - сразу видно, что название, или адрес, а не ключевое слово):
    Код (Text):
    1. "Linux Libertine", "Bodoni", "Rockwell", "Times New Roman", serif;
    В ДжаваСкрипте я всегда в конце строки ставлю точку с запятой, а пример с ифом я всегда пишу так (бывает,первую строку пробелами равняю с Ифом третьей, но редко):
    PHP:
    1. <?php  if ($condition1) {
    2.     action1();
    3. } else if ($condition2) {
    4.     action2();
    5. } else {
    6.     action3();
    7. }
    Оно имеет огромное количество преимуществ в сравнении с короткой записью, как "лучше читаемость", "меньше шанс ошибки", "легче быстро добавить и отнять строку", "следование одному стилю". Бывает, что напишешь в фигурных скобках две строки, потом одну - уберешь, а скобки - останутся. И вот уже - каша. То действие в одну строчку с условием, то на следующей, то вообще - с скобках.
    PHP:
    1. <?php
    2. if ($condition1) action1();
    3. else if ($condition2) action2();
    4. else action3();
     
  9. Mat

    Mat Активный пользователь

    С нами с:
    12 дек 2006
    Сообщения:
    391
    Симпатии:
    0
    =) по сабжу каждый символ имеет значение, тут браузеры делают медвежью услугу.... пытаясь распознать код не обращая внимания на ошибки, но это всё html, другое дело xhtml и вобще всё что связано с XML и строгим позиционированием синтаксиса кода.
     
  10. Kreker

    Kreker Старожил

    С нами с:
    8 апр 2007
    Сообщения:
    5.433
    Симпатии:
    0
    Автор уплыл в неизвестном направлении
     
  11. Insonicum

    Insonicum Активный пользователь

    С нами с:
    6 июл 2009
    Сообщения:
    12
    Симпатии:
    0
    спасибо. помогло. дело в кавычках оказалось.