pasek szukania

[_mlody_]

Witam,

html:

Kod:

<div class="szukaj">
<form method="get" action="http://www.pl/szukaj/">
  <fieldset>
   <div class="block">
    <input class="gray" type="text" name="search[text]" value="" defaultval="Szukaj...">
   </div>
</div>

css:

Kod:

.szukaj {
        margin: 0;
        overflow: hidden;
        padding-left: 60px;
          height: 77px;    
}
.szukaj form {
        color: #385010;
          height: 77px;    
}
fieldset {
        border: medium none;
          height: 77px;    
}
.block {
        margin-right: 8px;
}
.block {
        clear: none;
        float: left;
        margin: -4px 50px 0 0;
          font-size: 13px;    
}
input.gray {
        color: #000;
          vertical-align: middle;    
}

chodzi o to zeby w okienku do wyszukiwania do momentu klikniecia w nie byl napis "Szukaj..." po kliknieciu znikal.. Co robie nie tak?

[ixtab]

Kod:

<input class="gray" type="text" name="search[text]" value="Szukaj..." onclick="if(value=='Szukaj...'){value=''}"/>

[Pedro84]

Takie rzeczy to js załatwia.

[ixtab]

Tia... znowu za szybko chciałem^^ Już poprawiłem

[Pedro84]

Tia... znowu za szybko chciałem^^ Już poprawiłem

Czasem bywa

[_mlody_]

Wszystko super działa, dzięki a czy jest taka możliwość żeby po kliknieciu na element "szukaj..." a później znowu na inny kawałek strony napis pojawiał się z powrotem? Bo jak on już zniknie po kliknięciu to znika na zawsze..

[ixtab]

Kod:

<input class="gray" type="text" name="search[text]" value="Szukaj..." onfocus="if(value=='Szukaj...'){value=''}" onblur="if(value==''){value='Szukaj...'}" />

[_mlody_]

Super, dzięki a da sie zrobić jeszcze żeby to bylo innego koloru niz wpisywany później tekst? np szary

[ixtab]

... nic o tym nie wiem. Jeśli bardzo się upierasz to stwórz obraz z szarym tekstem "Szukaj..." i ustaw jako wartość (value) elementu input. Zadziała tak samo jak zwykły tekst, tyle, że w obrazie możesz ustawić sobie font jaki zechcesz no i kolor, o który Ci chodzi

[_mlody_]

no ok, dzieki.. Podejrzalem to tu pl.szerlok probowalem firebugiem zbadac jak to jest zrobione ale nie udalo mnie sie..