Tak jak w temacie mam wyszukiwarke na stronie:
http://forum.php.pl/index.php?showtopic=150254
Chciałbym, aby zamiast przycisku szukaj w polu tekstowym była najlepiej "klikalna" np lupa, która zastepowała by działanie przycisku, może ktoś wie jak to dało by się zrobić?
Po drugie chciałbym w tym polu umieścić domyślny napis np "Szukaj" który po kliknieciu w okienku znikał by a w jego miejscu urzytkownik mógłby wpisaćszukana fraze. Prosze o jakiekolwiek podpowiedzi;)

1. ostyluj (background: url('obrazek.gif'); ) submita, albo buttona, zalezy z czego korzystasz.
2. onclick="value='';" (z tym ze po value= sa dwa apostrofy, a nie jeden cudzyslow )

Dam przyklady, bo moze malo zrozumiale napisalem:

Co do pyt 1:

[CSS] pobierz, plaintext 
.submit {
border: 0px;
margin: 0px;
padding: 0px;
width: taki jak obrazka tlo.gif w pikselach (px);
height: taj jak wyzej, tyle ze wysokosc;
background: url('tlo.gif') center no-repeat;
}
[CSS] pobierz, plaintext 

a pozniej w html:

[HTML] pobierz, plaintext 
<input type="submit" class="submit">
[HTML] pobierz, plaintext 

co do pyt 2:

[HTML] pobierz, plaintext 
<input type="text" name="szukaj" value="przykladowy tekst" onclick="value='';">
[HTML] pobierz, plaintext 

No i pomoglo?

Hmm co do domyślnego napisu w polu szukaj to działa jak najbardziej i za to dzieki
tylko że.. Zapomniałem dodać, że te pole na początku nie ma żadnej wartości, ale po wpisaniu przez uzytkownika szukanej frazy i wyswietleniu wynikow wyszukiwania, fraza jest nadal wyświetlona w tym polu:

[PHP] pobierz, plaintext 
value="{$smarty.request.search_id|escape:'html'}"
[PHP] pobierz, plaintext 

Wolał bym aby tak pozostało, a wiec czy dało by się tak zrobić, aby poczatkowa watrtość tego pola wynosiła np "Szukaj" po kliknieciu wartość ta znikała by, ale klikniecie we wpisana wczesniej przez uzytkownika fraze nie powodowało by jej usuniecia (usunieciu może tylko ulegać domyślna wartość "Szukaj"). A domyślny napis szukaj powinien pojawiać sie tylko wtedy gdy value nie przyjmuje żadnej wartości np przekazanej z poprzedniego wyszukiwania.





Co do wstawienia obrazka w pole tekstowe chciałbym, aby to wyglądało mniej więcej w tym stylu:


Dodatkowo dobrze było by, gdyby w ten obrazek dało się kliknąć, a jego działanie przypominało by kliknięcie w pszycisk szukaj, który mam w tej chwili, a wygląda to narazie tak:


Czy istnieje jakiś w miare prosty sposób na taka zmiane?


Kod obsługujacy wyszukiwarke wygląda tak i jest w nim zwracana wartość w value z poprzedniego wyszukiwania:

[PHP] pobierz, plaintext 
<input size="40" tabindex="1" maxlength="22" name="search_id" value="{$smarty.request.search_id|escape:'html'}" class="text"  />
<input type="image" src="{$imgurl}/search.gif" tabindex="3"  class="button" />
[PHP] pobierz, plaintext 

Zobacz tu Link

@krzysztof_kf jemu chodzi o coś innego, napisał, że chce to nie jest obrazek w input/text czy w textarea, tylko pole input/text i input/submit , one po prostu mają taką grafikę, że wyglądają na jednolity element i że ten przycisk jest wewnątrz pola, ale to jest zwykłe pole i obok przycisk

@tehaha tak miałeś racje, to musi być jednak tak zrobione, a więc pozostaje mi umieścić pole tekstowe bez ramki obok obrazek, a to wszystko w jakiejś dodatkowej ramce.. najlepiej będzie zrobić to po prostu w tabelce? czy div-ach? tak żeby się nie rozjeżdżało, a obrazek stał zawsze równo obok?

tu na końcu pedro84 dał kilka wskazówek jak osiągnąć ten efekt:
http://forum.php.pl/index.php?showtopic=15...mp;#entry749683