[HTML] Input submit z value jako obraz Opcje

[kubax33]

Mam problem z przesłaniem danych przez submit z grafiką.

[HTML] pobierz, plaintext 
<form method="post" action="strona.php">';
<input type="image" src="obraz.png" alt="jakis tekst" name="wyslij" value="1">
<input type="image" src="obraz1.png" alt="jakis tekst" name="wyslij" value="2">
<input type="image" src="obraz2.png" alt="jakis tekst" name="wyslij" value="3">
</form>
[HTML] pobierz, plaintext 

Po kliknięciu w obrazek następuje przekierowanie do kolejnej strony metodą POST i niestety nie działa ta metoda we wszystkich przeglądarkach. Na chromie ok na firefox przeładuje stronę, ale nie wysyła danych więc na pozostałych będzie też problem.

Wiem, że idzie zastosować CSS, aby był obraz submit-a jednak w moim przypadku konieczne jest, aby submit miał określoną wartość VALUE ponieważ nie chcę korzystać z przesyłu metodą GET, a formularz, który będzie składał się z kilku etapów będzie wykorzystywał SESJE.

Widziałem również gdzieś rozwiązanie z CSS i submita jako obraz, aby ukryć VALUE ustawia się wielkość czcionki na 0.1px ale to dla mnie trochę dziwne i chyba starocie.

Nie chcę korzystać z ukrytych pól HIDDEN bo wtedy musiałbym dla każdego obrazka submita dawać osobny <form>

Jak to zrobić w sposób należyty? jest wiele informacji w internecie, ale każde wykorzystanie ma jakieś minusy. Chcę, aby każda przeglądarka interpretowała tak samo wysłanie submita z wartością VALUE mającego odrębny obraz.

[nospor]

A poczym stwierdzasz ze nie wysyła danych? Robiles tak banalne sprawdzenie jak
print_r($_POST);
?
Bo zakladam, ze wiesz, iz pola IMAGE nie idą postem jako NAME

[kubax33]

A poczym stwierdzasz ze nie wysyła danych? Robiles tak banalne sprawdzenie jak
print_r($_POST);
?
Bo zakladam, ze wiesz, iz pola IMAGE nie idą postem jako NAME

Nie wysyła danych we wszystkich przeglądarkach. Chcę aby submit miał VALUE ale nie był on widoczny. Mecze sie od wczoraj i na nic poczciwego nie wpadlem

[nospor]

Pytam się po raz kolejny:
zrobiles
print_r($_POST);
?

[kubax33]

CHROME:
Array ( [wyslij_x] => 55 [wyslij_y] => 35 [wyslij] => 1 ) 

i tutaj jest ok a w innych przeglądarkach po kliknięciu w button obrazka przeładowuje stronę na której się znajduje strona.php nie wykonuje żadnej akcji.

[tzm]

[PHP] pobierz, plaintext 
<?php
 
	echo $_POST['tekst'];
 
?>
<form action="self.php" method="post">
	<input type="submit" name="tekst" value="1" style="color:transparent;"/>
	<input type="submit" name="tekst" value="2" style="color:transparent;"/>
	<input type="submit" name="tekst" value="3" style="color:transparent;"/>
</form>
[PHP] pobierz, plaintext 

Ogólnie ratuję Cie color:transparent ale nie wiem jak działa w różnych przeglądarkach. Pewnie IE wywali value na obrazku ale poza tą przeglądarką powinno być spoko.

Ten post edytował mitorski 13.06.2014, 18:36:36

[kubax33]

Rozwiązanie mojego problemu pewnie komuś się kiedyś przyda:

http://xplus3.net/2009/12/10/images-for-fo...tons-using-css/

[HTML] pobierz, plaintext 
<form action="" method="post">
  <div class="form-submit">
    <input type="submit" name="submit" value="Submit" />
  </div>
</form>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
form .form-submit input {
  display: block;
  width: 101px;
  height: 39px;
  background-color: transparent;
  background-image: url(submit.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  text-indent: -9000px;
}
[HTML] pobierz, plaintext 

IE

[HTML] pobierz, plaintext 
 text-indent: 0;
  padding: 39px 0 0 0;
  height: 0;
[HTML] pobierz, plaintext