+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: pasek szukania (/thread-pasek-szukania)
Strony:
1
2
pasek szukania - _mlody_ - 09-11-2010
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?
RE: pasek szukania - ixtab - 09-11-2010
Kod:
<input class="gray" type="text" name="search[text]" value="Szukaj..." onclick="if(value=='Szukaj...'){value=''}"/>RE: pasek szukania - Pedro84 - 09-11-2010
Takie rzeczy to js załatwia.
RE: pasek szukania - ixtab - 10-11-2010
Tia... znowu za szybko chciałem^^ Już poprawiłem
RE: pasek szukania - Pedro84 - 10-11-2010
(10-11-2010, 01:06)ixtab napisał(a): Tia... znowu za szybko chciałem^^ Już poprawiłem
Czasem bywa
RE: pasek szukania - _mlody_ - 10-11-2010
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..
RE: pasek szukania - ixtab - 10-11-2010
Kod:
<input class="gray" type="text" name="search[text]" value="Szukaj..." onfocus="if(value=='Szukaj...'){value=''}" onblur="if(value==''){value='Szukaj...'}" />RE: pasek szukania - _mlody_ - 10-11-2010
Super, dzięki
a da sie zrobić jeszcze żeby to bylo innego koloru niz wpisywany później tekst? np szary
RE: pasek szukania - ixtab - 10-11-2010
... 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
RE: pasek szukania - _mlody_ - 10-11-2010
no ok, dzieki.. Podejrzalem to tu pl.szerlok probowalem firebugiem zbadac jak to jest zrobione ale nie udalo mnie sie..