Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: grafika jako input type="submit"
Forum PHP.pl > Forum > Po stronie przeglądarki
piotrd
czy
  1. <img align="top" src="images/lupa.gif" alt="" width="26" height="20" border="0" />
moze zastąpić
  1. <input type="submit" value="szukaj" accesskey="s">


grafikę mozna wkomponowac w javascript
  1. <script language="javascript">
  2. <!--
  3. function go()
  4. {
  5. location=document.mycombo.example.options[document.mycombo.example.selectedIndex
    ].value
  6. }
  7. //-->
  8. <a href="java script:go()"><img src="207.gif" border=0></a>
a czy do <form> jako submit tez mozna?
Cysiaczek
Nie bardzo rozumiem, co chcesz osiągnąć - po co chceszz zmaieniać IMG na SUBMIT ? Przeciez one służą do czegoś innego. Jeśli natomiast chcesz mieć grafikę zamiast przycisku, to zrób INPUT TYPE IMAGE
piotrd
dalem
  1. <form name="form1" onSubmit="search(document.form1, frametosearch); return false">
  2. <input align="middle" size="25" type="text" name="findthis" onfocus="this.value=''" value="znajdź na stronie">
  3. <input align="middle" type="image" src="images/lupa.gif" value="szukaj" accesskey="s">
  4. </form>
ale input type="text" oraz input type="image" sa na roznych wysokosciach
Cysiaczek
Od tego masz html i css, żeby tak ustawić jak Ci się podoba. Musza być na różnych wysokościach, chyba, że twój obrazek ma dokładnie tą samą wysokość, co input. Ewentualnie sprawdź przeglądarkę, DOCTYPE twojej strony etc.
Nosfi
INPUT typu IMAGE jest troche wyzej od TEXT, do wyrownania wystarczy ze nadasz dodatkowa klase dla IMAGE:

<input type="image" src="..." class="JAKASKLASA" />

w tej klasie uzyj "vertical-align: bottom;"
teraz TEXT powinien sie wyrownac z IMAGE ...

U mnie to dziala we wszystkich przegladarkach ...
shpyo
Nie lepiej zrobić zwykły input i jemu dać jakieś tło? Wtedy masz przecież większą kontrolę nad nim.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.