Замена стандартной кнопки Поиск на изображение

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем segun77, 11.07.2008.

  1. segun77
    Offline

    segun77 Недавно здесь

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Нашел на одном форуме один из вариантов замены путем изменения Java скрипта, но написано таким "умным" языком, что я вообще не въехал. :[
    Да и ковырять скрипты javaвские душа не лежит.
    Подскажите, как заменить стандартную кнопку на свое изображение.
     
  2.  
  3. Offline

    Be'live Недавно здесь

    Регистрация:
    13.04.2006
    Сообщения:
    135
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Замена стандартной кнопки Поиск на изображение

    <input type="image" src="путь до рисунка" width="высота" height="ширина" alt="Найти">
     
  4. infoman
    Offline

    infoman Недавно здесь

    Регистрация:
    28.08.2007
    Сообщения:
    575
    Симпатии:
    12
    Пол:
    Мужской
    Ответ: Замена стандартной кнопки Поиск на изображение

    alt="search"
    onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';"
    надо наверно

    Добавлено через 1 минуту
    ой этож на поле :)
     
    Последнее редактирование: 11.07.2008
  5. segun77
    Offline

    segun77 Недавно здесь

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Ответ: Замена стандартной кнопки Поиск на изображение

    Это в модуле в самом править надо?
     
  6. infoman
    Offline

    infoman Недавно здесь

    Регистрация:
    28.08.2007
    Сообщения:
    575
    Симпатии:
    12
    Пол:
    Мужской
    Ответ: Замена стандартной кнопки Поиск на изображение

    ну если у тебя в модуль то да
    если в шаблон вшито то в шаблоне
    а если ещё и в компоненте нада то в компоненте
     
  7. segun77
    Offline

    segun77 Недавно здесь

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Ответ: Замена стандартной кнопки Поиск на изображение

    Сапасиба!
    Ща пробовать буду.

    Добавлено через 2 часа 50 минут
    не получается сделать путем описанным во втором посте. Картинка не отображается, а на ее месте отображается только надпись "Найти", которая под Alt-ом прописана, а в случае если я убираю Alt вообще, то выскакивает надпись "Отправить запрос", а картинка так и не появляется.
     
    Последнее редактирование: 11.07.2008
  8. Offline

    Be'live Недавно здесь

    Регистрация:
    13.04.2006
    Сообщения:
    135
    Симпатии:
    7
    Пол:
    Мужской
    Ответ: Замена стандартной кнопки Поиск на изображение

    прописывай правильно путь до рисунка
    у меня работает на recomendovano[точка]ru
     
  9. segun77
    Offline

    segun77 Недавно здесь

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Ответ: Замена стандартной кнопки Поиск на изображение

    может я что-то не то пытаюсь править?
    Я залез в модуль поиска mod_search
    на 30-й строке начало вот этого
    if ( $button ) {
    $button = '<input type="submit" value="'. $button_text .' " class="button'. $moduleclass_sfx .' "/>';
    }

    я меняю на предложенную версию вот так:
    if ( $button ) {
    $button = <input type="image" src="images/style/go.png" width="22px" height="22px" alt="Найти"/>';
    }
    но кроме надписи "Найти" ничего нет.:(

    Добавлено через 1 час 11 минут
    Видимо, эта комбинация для вставки изображения непосредственно на существующую кнопку, а мне надо изменить и саму форму кнопки. Сделать ее круглой. Т.е. она квадратная, но с фоном под цвет шапки и когда будет на фоне, то виден будет только круг.
     
    Последнее редактирование: 12.07.2008
  10. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: Замена стандартной кнопки Поиск на изображение

    segun77, Недавно делал:
    <input type="image" style="background:url(/путь до картинки)" width="30px" height="30px" alt="" value="">
    alt="" value="" - важно, должно быть пустым!
    А сделаю кнопку круглой нет никаких проблем. Просто написуй в фотошопе эту самую кнопку заполни все пустое пространство цветом бекгроунда из шаблона и вставь по размерам... я себе делал кнопку ввиде ромба вообще :)
     
  11. segun77
    Offline

    segun77 Недавно здесь

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Ответ: Замена стандартной кнопки Поиск на изображение

    Который день пытаюсь сделать эту кнопку...
    Как писал уже постом выше правлю непосредственно в модуле mod_search
    if ( $button ) {
    $button = '<input type="image" style="background:url(/images/style/go.png)" width="22px" height="22px" alt="" value="">';
    }

    но ничего не появляется. Пробовал и так
    if ( $button ) {
    $button = '<input type="image" style="background:url(../images/style/go.png)" width="22px" height="22px" alt="" value="">';
    }

    и вот так

    if ( $button ) {
    $button = '<input type="image" style="background:url(images/style/go.png)" width="22px" height="22px" alt="" value="">';
    }
    Не фунциклирует. Хотя надпись, о которой я раньше писал исчезла.
     
  12. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    Ответ: Замена стандартной кнопки Поиск на изображение

    segun77, а если не png подставлять?
     
  13. segun77
    Offline

    segun77 Недавно здесь

    Регистрация:
    25.06.2008
    Сообщения:
    28
    Симпатии:
    0
    Ответ: Замена стандартной кнопки Поиск на изображение

    работает с любыми типами, но при указании абсолютного пути, что уже не есть хорошо. Плюс отображается коряво в опере и эксплорере, а в мозилле вообще отсутствует изображение...

    Добавлено через 3 минуты
    все заработало, я использовал "конструкцию", которую выше предлагали, но опять же работает только с указанием полного пути...
     
    Последнее редактирование: 13.07.2008
  14. Vanyok
    Offline

    Vanyok Недавно здесь

    Регистрация:
    20.11.2007
    Сообщения:
    40
    Симпатии:
    1
    Пол:
    Мужской
    В Joomla 1.5 в настройках модуля поиска есть пункт "Кнопка поиска в виде изображения". Как настроить изображение, которое будет отображаться в этой кнопке?
     
  15. Offline

    AlexMC Недавно здесь

    Регистрация:
    02.09.2009
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Елы палы, у меня изображение вместо стандартной кнопки отображается, но почему то при отображении даже самая мелка png иконка растягивается до состояния когда каждый пиксел виден. Кто-нибудь сталкивался с такой проблемой?
    Меняю изображение в helper.php, что в папке mod_search. Просто тупо вписываю в код название нужного изображения.
     
  16. Offline

    terr Недавно здесь

    Регистрация:
    11.03.2009
    Сообщения:
    52
    Симпатии:
    0
    Пол:
    Мужской
    Код (CODE):
    1. if ( $button ) {
    2. $button = '<input type="image" style="background:url(Полный путь к файлу)" width="22px" height="22px" alt="Тут написать Поиск или найти" value="">';
    3. }


    И все работает
     
  17. Offline

    terr Недавно здесь

    Регистрация:
    11.03.2009
    Сообщения:
    52
    Симпатии:
    0
    Пол:
    Мужской
    Код (CODE):
    1. if ( $button ) {
    2. $button = '<input type="image" style="background:url(http://url.ru//images/search/search.jpg)" width="38px" height="18px" alt=" Найти" value="">';
    3. }//кнопка поиска mod_search


    В осле отображаетсчя только кнопка найти

    И где править положение самой кнопки а то она коряво стоит?
     
  18. Radost_
    Offline

    Radost_ Недавно здесь

    Регистрация:
    29.07.2010
    Сообщения:
    24
    Симпатии:
    0
    Пол:
    Женский
    мне нужно было чтоб не было поля поиска а кнопка была моей картинкой.
    поле поиска в css я убрала обнулив высоту и ширину в .search .inputbox

    а для того чтоб кнопка стала моей картинкой. сделала див с заданными параметрами, включая нужное мне положение, этому диву прописала модуль, в который потом определила модуль поиска.
    далее в default.php модуля поиска (предварительно скопировав в свою папку html) прописала следующее

    $button = '<input type="image" value="'.$button_text.'" class="button'.$moduleclass_sfx.'" src="templates/мой шаблон/images/мои рисунок.png" onclick="this.form.searchword.focus();"/>';

    пока на денвере все замечательно работает
     

Поделиться этой страницей

Загрузка...