Select option в input поле

niki_noki

Registered
Как мога да направя нещо подобно на търсачката в vbox7.com

Имам предвид в самото инпут поле да има нещо като <option> за да избера какво да търси..

В вбок7.ком е дали субтитри, потребители и т.н :)
 
Код:
<div class="searchInputContainer">
						<a class="options-selector ico-user" onclick="SetAutoHide();return false;" id="inpsearch-click-for-options"><img hspace="20" vspace="10" border="0" src="http://i47.vbox7.com/design/iconci/down-arrow.gif"></a>
						<input type="hidden" value="0" id="completed" name="completed">
						<input type="text" class="searchInput" autocomplete="off" maxlength="100" size="34" value="" tabindex="3" id="inpsearch" name="suser">
					</div>


Ами виж те как са го направили. Правиш си един такъв къстъм селект, като както виждаш има скрит инпут , от който се взима стойноста категорията( клип , потребител т.н.) след това обикновен инпут със текста за търсене

За начало те съветвам да си направиш един селект обикновен и един инпут да ги вържеш да работят както там и след това е въпрос на модификазия на селекта и си готов ;)
 
А как да направя да има КАРТИНКА и до нея ТЕКСТ...

Мъчих се с ЦСС но не стана :(

Ако може да ми дадеш примерен код как ще стане и с селект и с инпут :)
 
За картинка в полето правиш така

Код:
.search1 {
border: 1px #fff solid;
height: 16px;
width: 125px;
color: #fff;
background: url(kartinkata) 2px 2px no-repeat;
padding-left: 20px;
font-weight: bold;
}


и после в началото на html кода
Код:
<input class="search1"
class-а трябва да е в началото на input :?:
 
http://www.marghoobsuleman.com/jquery-image-dropdown?&utm_source=referrer&utm_medium=cpc&utm_term=junior&utm_content=suleman&utm_campaign=raghib
 
shterev каза:
http://www.marghoobsuleman.com/jquery-image-dropdown?&utm_source=referrer&utm_medium=cpc&utm_term=junior&utm_content=suleman&utm_campaign=raghib

Добре ама като имам селект , за да стане така с картинки трябва да натисна инпут-а Convert to image dropdown

Има ли начин като си отворя страницата да си е с картинките :)
 
ами има сигурно, те хората са го описали, просто направи тая функция да е изпълни не при клип , а когато се зареди страницата и готово.
 
shterev каза:
ами има сигурно, те хората са го описали, просто направи тая функция да е изпълни не при клип , а когато се зареди страницата и готово.

А как :(
 
//Show/hide icon on title bar. by default its "true";
2. $("#combo1").msDropDown({showIcon:false});

От това което видях в блога, чрез този код би трябвало да го промени= дова, като поставиш на true .
 
ArchangelS каза:
//Show/hide icon on title bar. by default its "true";
2. $("#combo1").msDropDown({showIcon:false});

От това което видях в блога, чрез този код би трябвало да го промени= дова, като поставиш на true .

Да, стана благодаря :)

Но мисля, че +1 трябва да е за @shterev
 

Back
Горе