Forum PHP.pl

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.

Mozesz dac link w sumie to to samo tylko ze dziala get'em sam sie zastanawialem jak kombinujac z value nic nie otrzymywalem

Ale on przecież napisał, że przycisk ma być typu submit.

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

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.

Ten post edytował grzesiek_g 10.05.2008, 18:33:30

po co stowowac css'a skro można to zrobić sposobem jaki podał webdicepl?

To jest normalny submit tylko graficzny.



To są rzeczy na tyle oczywiste że ich chyba podawać nie muszę. Poza tym od myślenia jeszcze nikt nie umarł.

No tak - do tej pory myślałem, że submit może być zadeklarowany tylko poprzez type="submit"

Zwracam honor

Kurde @Webdicepl jestes geniuszem nie wiedzialem o tym przyda sie napewno

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):

[HTML] pobierz, plaintext 
<form name="kezi" method="post" action="index.php">";
     <input type="submit" name="step_to_go" value="previous" src="gif_steps/available_(.gif">
     <input type="submit" name="step_to_go" value="1" src="gif_steps/available_1.gif">
     <input type="submit" name="step_to_go" value="2" src="gif_steps/available_2.gif">
     <input type="image" name="step_to_go" value="3" src="gif_steps/available_3.gif">
     <input type="image" name="step_to_go" value="4" src="gif_steps/available_4.gif">
</form>
[HTML] pobierz, plaintext 

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ć?

Nie poprawnie to znaczy jak?

Ostylować zwykły submit przy pomocy CSS, np. tak:

Dobrze wiedzieć

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
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

Ten post edytował drPayton 16.09.2008, 14:36:06

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

Ten post edytował bulimaxiu 16.09.2008, 17:43:47

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ć

Ten post edytował drPayton 17.09.2008, 11:38:22

Przecież możesz dodać do każdego formularza odpowiedni:

[HTML] pobierz, plaintext 
<input type="hidden" name="blabla" value="form1" />
[HTML] pobierz, plaintext 

Tak, rzeczywiście mogę i już z tego kiedyś korzystałem. Niestety, nie mogę założyć tylko Firefox'a 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

[HTML] pobierz, plaintext 
<button type="submit" name="goTo" value="123"><img src="..." alt="..." width="..." height="..." /></button>
[HTML] pobierz, plaintext 

Niestety to nie działa w IE: Nie są wysyłane wartości (przypadek ten sam jak w typie IMAGE). W FF jest OK.

Ten post edytował bulimaxiu 20.09.2008, 20:41:58