• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по CSS » Окошечко поиска из макета в фотошоп, как сделать рабочим?
Окошечко поиска из макета в фотошоп, как сделать рабочим?
bred
Дата: Понедельник, 24.08.2009, 19:34 | Сообщение # 1
Группа: Удаленные
Вот я нарисовал в своем макете для блога(горю желанием чтобы его поставить, конечно не твои супер работы, но моя...) эту крень для поиска, и кнопочку рядом, так как делать так чтобы оно функционировалло?
Поиск вконтакте

И еще чтобы когда его не использовали в нем было напиманно : "поиск по блогу"
Aleko, я тебя прошу помоги...

Сообщение отредактировал bred - Понедельник, 24.08.2009, 19:36
  
phantom
Дата: Четверг, 27.08.2009, 20:16 | Сообщение # 2
Группа: Удаленные
Quote (bred)
Aleko, я тебя прошу помоги...

Такое ощущение, что кроме Алеко тут никто ничего не знает...
  
tomas686
Дата: Четверг, 27.08.2009, 21:16 | Сообщение # 3
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1

html-код, вставлять после bоdy:

Code
<form>
     <input type="text" id="search-query" />
     <input type="submit" id="search-form-submit" value="Найти" />
</form>

<script type="text/javascript">
var field = document.getElementById('search-query');
searchFieldDefault();
setEventHandler(field, 'focus', searchFieldActive);
setEventHandler(field, 'blur', searchFieldDefault);
document.getElementById('search-form-submit').style.display = 'none';

function setEventHandler(item, event, handler) {
   if (typeof(item.addEventListener) != 'undefined') {
    item.addEventListener(event, handler, false);
   }else if (typeof(item.attachEvent) != 'undefined') {
    item.attachEvent('on' + event, handler);
   }
}
function searchFieldDefault() {
   if (field.value == '') {
    field.value = 'Найти';
   }
   field.style.color = '#B9B9B9';
}
function searchFieldActive() {
   if (field.value == 'Найти') {
    field.value = '';
   }
   field.style.color = '#333333';
}
</script>
  
n1ght(o_O)
Дата: Четверг, 27.08.2009, 21:27 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
tomas686, Ты хоть скрипт проверял? lol
  
tomas686
Дата: Четверг, 27.08.2009, 21:30 | Сообщение # 5
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1
n1ght(o_O), фиг его знает, с форума взял ;)
  
n1ght(o_O)
Дата: Четверг, 27.08.2009, 21:33 | Сообщение # 6
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
tomas686, А там случайно не вырвали код с исходника? lol
  
tomas686
Дата: Четверг, 27.08.2009, 21:35 | Сообщение # 7
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1
n1ght(o_O), вот я тож так думаю..., взял не глядя у Данцелота ;)
  
n1ght(o_O)
Дата: Четверг, 27.08.2009, 21:52 | Сообщение # 8
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
Quote (tomas686)
html-код, вставлять после bоdy:

А где он отображаться будет? lol
  
tomas686
Дата: Четверг, 27.08.2009, 21:59 | Сообщение # 9
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1
n1ght(o_O), Поиск
  
n1ght(o_O)
Дата: Четверг, 27.08.2009, 22:00 | Сообщение # 10
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
Quote (tomas686)
Поиск

Страна , а где он должен отображаться до меня не доперло O_o
  
tomas686
Дата: Четверг, 27.08.2009, 22:03 | Сообщение # 11
шептун
Группа: Проверенные
Пользователь №: 18
Сообщений: 90
Получено оценок: 1
n1ght(o_O), sleep после <body> :D
  
-=FoX=-
Дата: Четверг, 27.08.2009, 22:40 | Сообщение # 12
молчун
Группа: Проверенные
Пользователь №: 31
Сообщений: 18
Получено оценок: 3
специяльно для тебя сделал поиск, ТУТ смотри. Надеюсь сможежь изменить под себя

Сообщение отредактировал -=FoX=- - Четверг, 27.08.2009, 22:41
  
bred
Дата: Пятница, 28.08.2009, 16:26 | Сообщение # 13
Группа: Удаленные
ой спс!!! :D :D :D
  
Форум Studio AD » Сайтостроение » Общий форум по CSS » Окошечко поиска из макета в фотошоп, как сделать рабочим?
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.