Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Obrazek zamiast tekstu na przycisku submit
Forum PHP.pl > Forum > Przedszkole
S_Olewniczak
Mam takie pytanie: Czy w html można zrobić coś takiego, żeby zamiast przycisku typu submit na stronie pojawiał się obrazek działający w ten sam sposób.
marcio
Mozesz dac link w sumie to to samo tylko ze dziala get'em sam sie zastanawialem jak kombinujac z value nic nie otrzymywalem
webdice
  1. <input name="name" type="image" src="image.jpg" />
l0ud
Ale on przecież napisał, że przycisk ma być typu submit.

Ja bym to w stylu zmienił - usunął bordery i nadał background-image.
grzesiek_g
Cytat(webdicepl @ 10.05.2008, 19:27:12 ) *
  1. <input name="name" type="image" src="image.jpg" />

Nie zapomnij tylko o atrybucie alt, bo jak ktoś będzie miał wyłączone obrazki. Nie wspominając już o czytnikach dla niewidomych.

//EDIT
@l0ud - ale takim sposobem nie dasz tekstu inną czcionką niż "bezpieczne", a dawanie w takim wypadku value="" "leży" z w/w powodów.
piotrooo89
Cytat(l0ud @ 10.05.2008, 19:28:41 ) *
Ale on przecież napisał, że przycisk ma być typu submit.

Ja bym to w stylu zmienił - usunął bordery i nadał background-image.


po co stowowac css'a skro można to zrobić sposobem jaki podał webdicepl?
webdice
Cytat(l0ud @ 10.05.2008, 19:28:41 ) *
Ale on przecież napisał, że przycisk ma być typu submit. (...)


To jest normalny submit tylko graficzny.

Cytat(grzesiek_g @ 10.05.2008, 19:30:38 ) *
Nie zapomnij tylko o atrybucie alt, bo jak ktoś będzie miał wyłączone obrazki. Nie wspominając już o czytnikach dla niewidomych.


To są rzeczy na tyle oczywiste że ich chyba podawać nie muszę. Poza tym od myślenia jeszcze nikt nie umarł.
l0ud
No tak - do tej pory myślałem, że submit może być zadeklarowany tylko poprzez type="submit"

Zwracam honor smile.gif
marcio
Kurde @Webdicepl jestes geniuszem nie wiedzialem o tym smile.gif przyda sie napewno
bulimaxiu
Witam.

A mi sie pojawił problem w tej kwestii. INPUT IMG nie chce wysyłać danych formularza, nawet swojej wartości. problem dotyczy IE. Na firefoxie działa OK. Jest taki kod (w skrócie):
  1. <form name="kezi" method="post" action="index.php">";
  2. <input type="submit" name="step_to_go" value="previous" src="gif_steps/available_(.gif">
  3. <input type="submit" name="step_to_go" value="1" src="gif_steps/available_1.gif">
  4. <input type="submit" name="step_to_go" value="2" src="gif_steps/available_2.gif">
  5. <input type="image" name="step_to_go" value="3" src="gif_steps/available_3.gif">
  6. <input type="image" name="step_to_go" value="4" src="gif_steps/available_4.gif">
  7. </form>


submity w IE przesyłają wartość step_to_go poprawnie, ale imagi już nie. Firefox wszystko robi poprawnie. Czy ktoś może wiedzieć jak temu zaradzić?
webdice
Nie poprawnie to znaczy jak?
Pilsener
Ostylować zwykły submit przy pomocy CSS, np. tak:
Kod
.przycisk {
padding: 5px 5px 5px 20px;
font-weight: bold;
background: white url(tick.gif) 10px center no-repeat;
}
drPayton
Cytat(webdicepl @ 10.05.2008, 19:34:47 ) *
To jest normalny submit tylko graficzny.


Dobrze wiedzieć winksmiley.jpg

typ image przesyła koordynaty kliknięcia, bynajmniej nie działa więc jak zwykły submit. Sugeruję poczytać dokładniej tu:
http://www.cs.tut.fi/~jkorpela/forms/imagebutton.html

added: Bo nie napisałem tego co najważniejsze winksmiley.jpg
Jeżeli chcesz tylko wysłac formularz, możesz użyć typu image. Jeśli natomiast zależy Ci na przesłaniu również wartości submita:
a. musi on być typu submit (chcesz obrazek? Zrób jak napisał @Pilsener)
b. submitować formularz może cokolwiek w jakikolwiek sposób, przesyłając jakiekolwiek dane - wtedy zrób to za pomoca JS
bulimaxiu
Założenie dla tej sprawy było następujące. Są kroki: 1, 2, 3. Po kliknięciu na grafikę 1, 2 lub 3 formularz się wysyła do dalszej obróbki (np. Cookies, sesja itd.), w tym również wysyła się info, który krok ma się załadować (id kroku jako wartość step_to_go). Tak więc moim zdaniem typ IMAGE jako tylko wysyłka formularza do dalszej obróbki (reszta na głowie PHPa) jest wystarczająca, zważywszy że F interpretuje należycie i wysyła formularz, a IE owszem podejmuje akcję, ale bez żadnej wartości formularza.

Wiem że IE to amatoszczyzna, ale trzeba się z nią liczyć.

Jeżeli takie zachowanie jest znane, to trudno, chyba ten problem wówczas ominę (zastosuje się do @Pilsener'a).

Łączę pozdrowienia.
Sebastian
drPayton
No więc zależy to od Twojego podejścia. Jeśli zakładasz, iż tylko FF będzie obsługiwany to ok, jeśli jednak ma to byc 'cross-browser' to niestety typ image nie nadaje się w takim zastosowaniu. Ewentualnie można pokombinować z JS'em.
Bo na chwilę obecną co Ci to da, że w IE czy Operze tylko wyślesz formularz, skoro nie będziesz wiedział jaką akcję podjąć?

@down: Zakładamy, że to wszystko jest w jednym formularzu bo tak musi być winksmiley.jpg
grzesiek_g
Przecież możesz dodać do każdego formularza odpowiedni:
  1. <input type="hidden" name="blabla" value="form1" />
bulimaxiu
Tak, rzeczywiście mogę i już z tego kiedyś korzystałem. Niestety, nie mogę założyć tylko Firefox'a sad.gif Na razie sprawuje się dobrze sposób z klasą i nie jest uciążliwa, więc przy niej zostanę.

Dziękuję za pomoc.

Pozdrawiam.
Sebastian
Crozin
  1. <button type="submit" name="goTo" value="123"><img src="..." alt="..." width="..." height="..." /></button>
bulimaxiu
Niestety to nie działa w IE: Nie są wysyłane wartości (przypadek ten sam jak w typie IMAGE). W FF jest OK.
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.