[html] input z obrazkiem Opcje

[Polik]

Witam!

Szukalem w sieci jak mozna zrobic przycisk input jako obrazek. Trafilem na takie przyklady
<input type="image" src="ścieżka dostępu do obrazka" alt="informacja alternatywna" />

obrazek owszem pojawia sie ale przycisk ten nie przesyla wartosci value i przez to skrypt w php mi sie sypie. Czy mozna zrobic tak, zeby input byl obrazkiem i do tego przesylal wartosc value?

Pozdrawiam i licze na Wasza pomoc!

[kossa]

tak jak napisałeś jest poprawnie

<input type="image" src="obrazek.gif" name="przycisk">

to wszystko, może masz coś innego sknocone w formie, może znacznik otwierający <form> ma niepoprawne parametry lub źle odbierasz dane (post/get)

Łukasz

[Daimos]

nie lepiej ustalic parametr background w arkuszu styli?
head

[HTML] pobierz, plaintext 
<Style>
.odnosnikdostyli{
background-image: url('adres');
}
</style>
[HTML] pobierz, plaintext 

body

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

[Zeman]

z tego co mi wiadomo wartość poprzez input image niestety nie bardzo się da, jeśli się myle niech mnie ktoś poprawi. Trzeba kołem obchodzić, np w image ustawić onclick który przypisze wartość inputowi typu hidden (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[bogdan89]

nie wiem czy dobrze rozumiem i nie wiem czy o to chodzi...
ale spróbujmy:

jesli chodzi Ci o to, zeby poprzez klikniecie w przycisk przeslac formularz z jakims parametrem dodatkowym to wystarczy dodac ukryty input z tą wartością:

[HTML] pobierz, plaintext 
<form action="index.php" method="get">
<input type="text" name="imie" />
<input type="text" name="nazwisko" />
 
<input type="hidden" name="jakas_nazwa" value="jakas_wartosc" />
 
<input type="image" src="sciezka do obrazka.jpg" onClick="this.form.submit();" />
</form>
[HTML] pobierz, plaintext 

[Łukasz O.]

z tego co mi wiadomo wartość poprzez input image niestety nie bardzo się da, jeśli się mylę niech mnie ktoś poprawi.

da się da - tylko jak zwykle IE daje ciała (jak dobrze pamiętam to Opera też kiedyś miała z tym problem) - parametr value przy type="image" jest opcjonalny nie tylko dla użytkownika, ale także dla przeglądarki - FF przekazuje wartość bezproblemowo, IE tylko współrzędne kliknięcia - rwałem sobie włosy z głowy, kiedy okazało się, że skrypt mi się wykrzacza przez to - ale wracając do tematu: jeśli koniecznie chcesz używać obrazka jako submita to tak jak było powiedziane - ręcznie dodaj hidden z nazwą i wartością jaką podał byś w inpucie (dla dwóch i więcej przycisków typu image możliwych w jednym formularzu podawaj wszystkie wartości w polach ukrytych, następnie sprawdzaj nazwę klikniętego obrazkowego inputa (nazwa przechodzi w każdej przeglądarce) i w zależności od tego co wykryjesz traktujesz niepotrzebne zmienne funkcją unset())

[Zeman]

da się da - tylko jak zwykle IE daje ciała (jak dobrze pamiętam to Opera też kiedyś miała z tym problem)

Wyznaję zasade że "da sie" znaczy działa pod: FF, IE, Operą (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Reszta przeglądarek to znikomy odsetek. Swoją drogą nawet nie wiedziałem ze w FF działa, bo mój edytor jest zintegrowany z IE więc to idzie na pierwszy ogień zawsze.

[Polik]

No coż, jak narazie mi sie nie udalo niestety. Moze dokladniej opisze moja sprawe:

mam formularz z trzema inputami submitami. W zaleznosci ktorego nacisne wywola sie inna czesc skryptu bo kazdy ma inna wartosc value wiec niestety inputy hidden odpadaja bo nie udalo mi sie rowniez odczytac nazwy name przycisku kiedy ustawialem go jako image. uzywalem do tego funkcji isset()

Macie jakies pomysly?

[pbnan]

[HTML] pobierz, plaintext 
<form method="post" action="bla.php">
<input id="hidden_input" type="hidden" value="" name="asd">
<input type="button" value="Kliknij mnie 1" onclick="document.getElementById('hidden_input').value='1';document.forms[0].submit();">
<input type="button" value="Kliknij mnie 2" onclick="document.getElementById('hidden_input').value='2';document.forms[0].submit();">
<input type="button" value="Kliknij mnie 3" onclick="document.getElementById('hidden_input').value='3';document.forms[0].submit();">
</form>
[HTML] pobierz, plaintext 

Powyższe powinno Ci wstawić do ukrytego pola wartość (1, 2 lub 3) i wysłać to do skryptu. Niczego nie obiecuję, bo pisałem z głowy (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
//jeszcze małe poprawki

Ten post edytował pbnan 11.04.2007, 17:39:24

[gekon]

http://riddle.jogger.pl/2006/08/15/graficz...rmularzy-w-css/

[Polik]

Udlao sie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) zadzialal jedynie spodsob pbnan'a. O dziwo ten trick z css'em nie zaskoczyl.

Wielkie dzieki! Pozdrawiam!

[siemakuba]

nie udalo mi sie rowniez odczytac nazwy name przycisku kiedy ustawialem go jako image

"name" nie dostaniesz w tablicy $_POST w IE - fakt. Dostaniesz za to współrzędne kliknięcia, na podtsawie których dowiesz się, który przycisk był kliknięty. (przekazuje je każda przeglądarka).

Przykładowo:

[HTML] pobierz, plaintext 
<input type="image" name="button1" src="">
<!-- dostaniesz w $_POST wartości: button1_x i button1_y -->
 
<input type="image" name="button2" src="">
<!-- dostaniesz w $_POST wartości: button2_x i button2_y -->
[HTML] pobierz, plaintext 

pozdr.

[laureno]

Dokładnie ten sam problem napotkałem i dokładnie tak do rozwiązałem

zamiast

input type="submit" name="costam" & sprawdzania potem czy isset( $_POST['costam']
input type="image" name="costam" & sprawdzania potem czy isset( $_POST['costam_x']

Jak juz masz gotowe skrypty, to najlepiej tak przerobić.


A dlaczego typ IMAGE zamiast SUBMIT i background w CSS?
Ponieważ do submit nie można dodać alt'a i jak ktos ma wylaczone obrazki,
jest niewidomy, albo obrazka nie wykryje, to po zabawie - forma ni da rady wysłać.

---

Odpisy z KRS • Wizytówki Pieczątki • Wizytówki Pieczątki