Forum PHP.pl > [php] pola aktywne i nieaktywne w formularzu zależne od opcji

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [php] pola aktywne i nieaktywne w formularzu zależne od opcji

kulbi

16.06.2007, 10:23:15

witam wszystkich

adres formularza: www.test.kulbi.pl
spakowany plik index.php: www.pliki.kulbi.pl/finalizacja_test.zip

mam takie pytanko:

Jak zrobić aby polu "miejsce dostarczenia przesyłki:"
po wybraniu "na adres z Allegro" poniższe pola były nieaktywne,
po wybraniu "na poniższe dane" poniższe pola były aktywne,

oraz tak samo w danych do faktury
po wybraniu paragon poniższe pola były nieaktywne,
po wybraniu faktura poniższe pola były aktywne.

pozdrawiam

mike

16.06.2007, 10:33:00

Proszę przedytoać posta i pokazać kod tu na forum.
Mało komu będzie się chcialo ściagać i rozpakowywać.

Przenoszę z PHP na Przeszkole

kulbi

16.06.2007, 15:06:50

[PHP] pobierz, plaintext 
<?php
if (count($_POST))
{
	////////// USTAWIENIA //////////
	$email = 'moj_mail@wp.pl';	// Adres e-mail adresata
	$subject = 'formularz potwierdzenia';	// Temat listu
	$message = '<center><h2>Dziękujemy za wysłanie formularza</h2</center>';	// Komunikat
	$error = 'Wystąpił błąd podczas wysyłania formularza';	// Komunikat błędu
	$charset = 'iso-8859-2';	// Strona kodowa
	//////////////////////////////
 
	$head =
		"MIME-Version: 1.0rn" .
		"Content-Type: text/plain; charset=$charsetrn" .
		"Content-Transfer-Encoding: 8bit";
	$body = '';
	foreach ($_POST as $name => $value)
	{
		if (is_array($value))
		{
			for ($i = 0; $i < count($value); $i++)
			{
				$body .= "$name = " . (get_magic_quotes_gpc() ? stripslashes($value[$i]) : $value[$i]) . "rn";
			}
		}
		else $body .= "$name=" . (get_magic_quotes_gpc() ? stripslashes($value) : $value) . "rn";
	}
	echo mail($email, "=?$charset?B?" . base64_encode($subject) . "?=", $body, $head) ? $message : $error;
}
else
{
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//PL">
<html>
 
<head><title>zamówienie sklep42</title>
 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="content-language" content="pl">
<meta http-equiv="Pragma" content="NoCache">
 
</head>
 
<body text="#555555" background="background.gif">
 
<form action="?" method="post">
<center>
 
 
<table border="0" width="700" bgcolor="#EEEEEE">
 
<tr>
 <td colspan=2 bgcolor="#555555">
  <b><center><font face="Verdana" size="4" color="#FFFFFF">DANE DO WYSYŁKI</font></b></center>
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">login z Allegro:</font></b>
 </td>
 <td>
  <input type="text" name="login Allegro[]" maxlength="50" size="20"> 
 </td>
</tr>
 
<tr>
 <td align="right" valign="top">
  <b><font face="Verdana" size="2">miejsce dostarczenia przesyłki:</font></b>
 </td>
 <td>
  <input type="radio" name="adres docelowy[]" value="na adres z Allegro" checked="checked"> 
  <font face="Verdana" size="2">na adres z Allegro</font><br>
  <input type="radio" name="adres docelowy[]" value="na ponizsze dane"> 
  <font face="Verdana" size="2">na poniższe dane</font>
  <hr size="1" color="#AAAAAA">
  </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">Firma</font></b>
 </td>
 <td>
  <input type="text" name="Firma[]" maxlength="60" size="30">
  <font face="Verdana" size="2">(opcjonalnie)</font> 
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">Nazwisko i Imię</font></b>
 </td>
 <td>
  <input type="text" name="Nazwisko i imie[]" maxlength="80" size="50"> 
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">ulica, dom, lokal:</font></b>
 </td>
 <td>
  <input type="text" name="ulica[]" maxlength="50" size="20"> 
  <input type="text" name="dom[]" maxlength="20" size="3"> / 
  <input type="text" name="lokal[]" maxlength="20" size="3">
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">kod, miasto, poczta:</font></b>
 </td>
 <td>
  <input type="text" name="kod[]" maxlength="6" size="5"> 
  <input type="text" name="miasto[]" maxlength="50" size="15">
  <input type="text" name="poczta[]" maxlength="50" size="15">
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">tel. stacjonarny / tel. komórkowy:</font></b>
 </td>
 <td>
  <input type="text" name="tel.stacjonarny[]" maxlength="30" size="15">
  <input type="text" name="tel.komórkowy[]" maxlength="30" size="15">
  <font color="red" face="Verdana" size="2"><b>*</b></font>
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">adres e-mail:</font></b>
 </td>
 <td>
  <input type="text" name="e-mail[]" maxlength="50" size="20">
 </td>
</tr>
 
<tr>
 <td align="right" valign="top">
  <b><font face="Verdana" size="2">uwagi:</font></b>
 </td>
 <td>
  <textarea name="uwagi[]" cols="40" rows="2"></textarea>
 </td>
</tr>
 
<tr>
 <td colspan=2>
  <div align="right" valign="top">
  <font color="red" face="Verdana" size="2"><b>*</b></font>
  <font face="Verdana" size="2"> - proszę podać przynajmniej jeden numer kontaktowy</font>
  </div>
 </td>
</tr>
 
 
 
 
<tr><td colspan=2> </td></tr>
<tr><td colspan=2> </td></tr>
 
 
 
 
<tr>
 <td colspan=2 bgcolor="#555555">
  <b><center><font face="Verdana" size="4" color="#FFFFFF">DANE DO FAKTURY</font></b>
  <br><font face="Verdana" size="2" color="#FFFFFF">
  jeżeli chca Państwo otrzymać fakturę VAT proszę wypełnić poniższe pola</font></center>
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">dowód sprzedaży:</font></b></td>
 <td>
  <select name="dokument sprzedaży[]">
   <option>paragon</option>
   <option>faktura</option>
  </select>
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">FIRMA / Imię i Nazwisko:</font></b></td>
 <td>
  <input type="hidden" name="   " value=""><input type="hidden" name="	" value="">
  <input type="hidden" name="...........................DANE DO FAKTURY..............................." value="">
  <input type="text" name="faktura NAZWA[]" maxlength="50" size="30">
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">ulica, dom, lokal:</font></b>
 </td>
 <td>
  <input type="text" name="faktura ulica[]" maxlength="50" size="20"> 
  <input type="text" name="faktura dom[]" maxlength="20" size="3"> / 
  <input type="text" name="faktura lokal[]" maxlength="20" size="3">
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">kod, miasto:</font></b>
 </td>
 <td>
  <input type="text" name="faktura kod[]" maxlength="6" size="5"> 
  <input type="text" name="faktura miasto[]" maxlength="50" size="15">
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">NIP:</font></b>
 </td>
 <td>
  <input type="text" name="faktura NIP[]" maxlength="13" size="20">
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">numer rejestracyjny pojazdu:</font></b>
 </td>
 <td>
  <input type="text" name="faktura blachy[]" maxlength="15" size="20"> 
  <font face="Verdana" size="2">(opcjonalnie)</font>
 </td>
</tr>
 
<tr>
 <td align="right" valign="top">
  <b><font face="Verdana" size="2">uwagi:</font></b>
 </td>
 <td>
  <textarea name="faktura uwagi[]" cols="40" rows="2"></textarea>
 </td>
</tr>
 
 
 
 
<tr><td colspan=2> </td></tr>
<tr><td colspan=2> </td></tr>
 
 
 
 
 
 
<tr>
 <td colspan=2>
  <center>
   <input type="submit" value="WYSLIJ  FORMULARZ">
  </center>
 </td>
</tr>
 
<tr><td colspan=2> </td></tr>
 
</table>
</center>
</form>
</BODY>
</HTML>
<?php
}
?>
[PHP] pobierz, plaintext

w powyższym kodzie umieściłem tylko potrzebne rzeczy czyli "DANE DO WYSYŁKI" oraz "DANE DO FAKTURY" ponieważ zabrakło znaków
pozdrawiam

-------------------------
zabrakło Ci jeszcze odpowiedniego
wykorzystania BBCode
poprawiłem ale na przyszłość
pamiętaj o tym
~Cienki1980

Cienki1980

17.06.2007, 08:50:55

Możesz zrobić to na dwa sposoby.
Albo umieścić pola formularza w divie, który będziesz pokazywał lub ukrywał w zależności od wybranej opcji, lub podczas zmiany w polu RADIO będziesz blokował poszczególne pola formularza.

To drugie będzie miało więcej kodu ja daje Ci przykład na rozwiązanie numer 1.

[HTML] pobierz, plaintext 
<script language="javascript">
function blokuj(co)
{
 if(co=='on')
  document.getElementById('adres').style.display='inline';
 else
  document.getElementById('adres').style.display='none';
}
</script>
<body bgcolor="#FFFFFF">
 
<input type="radio" name="adres" value="0" checked onClick="blokuj('off')">wysylka na adres podany<br>
<input type="radio" name="adres" value="1" onClick="blokuj('on')">wysylka na inny adres<br>
<div id="adres" style="display:none">
<input type="text">
</div>
[HTML] pobierz, plaintext

abc667

17.06.2007, 09:34:45

albo ten drugi sposób

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//PL">
<html>
 
<head><title>zamówienie sklep42</title>
 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="content-language" content="pl">
<meta http-equiv="Pragma" content="NoCache">
<script type="text/javascript">
 
 
var val;
var dis;
 
window.onload = function() {
var radio = document.forms['form'].elements['adres docelowy[]'];
 
	for(var i = 0; i < radio.length; i++) {
		if(radio[i].checked) {
			val = radio[i].value;
		}
	}
//pola formularza do wyłączania 
	pola = new Array('Firma[]', 'Nazwisko i imie[]', 'dom[]', 'ulica[]', 'lokal[]');
 
	if(val = "na adres z Allegro") 
	{ dis = true; setDis(true); } else { dis = false; setDis(false); }
 
 
}
 
function setDis(b)
{
var dis2;
if(b) { dis2 = 'disabled'; } else { dis2 = ''; }
 
	for(var j=0;j<pola.length;j++)
	{
	document.forms['form'].elements[pola[j]].disabled=dis2;
	}
 
dis = !dis;
}
 
</script>
</head>
 
<body text="#555555" background="background.gif">
 
<form action="?" method="post" name="form">
<center>
 
 
<table border="0" width="700" bgcolor="#EEEEEE">
 
<tr>
 <td colspan=2 bgcolor="#555555">
  <b><center><font face="Verdana" size="4" color="#FFFFFF">DANE DO WYSYŁKI</font></b></center>
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">login z Allegro:</font></b>
 </td>
 <td>
  <input type="text" name="login Allegro[]" maxlength="50" size="20"> 
 </td>
</tr>
 
<tr>
 <td align="right" valign="top">
  <b><font face="Verdana" size="2">miejsce dostarczenia przesyłki:</font></b>
 </td>
 <td>
  <input type="radio" name="adres docelowy[]" onchange="setDis(dis);" value="na adres z Allegro" checked="checked"> 
  <font face="Verdana" size="2">na adres z Allegro</font><br>
  <input type="radio" name="adres docelowy[]" onchange="setDis(dis);" value="na ponizsze dane"> 
  <font face="Verdana" size="2">na poniższe dane</font>
  <hr size="1" color="#AAAAAA">
  </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">Firma</font></b>
 </td>
 <td>
  <input type="text" name="Firma[]" maxlength="60" size="30">
  <font face="Verdana" size="2">(opcjonalnie)</font> 
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">Nazwisko i Imię</font></b>
 </td>
 <td>
  <input type="text" name="Nazwisko i imie[]" maxlength="80" size="50"> 
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">ulica, dom, lokal:</font></b>
 </td>
 <td>
  <input type="text" name="ulica[]" maxlength="50" size="20"> 
  <input type="text" name="dom[]" maxlength="20" size="3"> / 
  <input type="text" name="lokal[]" maxlength="20" size="3">
 </td>
</tr>
 
.............
[HTML] pobierz, plaintext

kulbi

17.06.2007, 09:54:37

dzięki działa masz u mnie piwo, ale jak np. chcę zrobić dwie takie reguły w tym jednym formularzu (jeszcze tak samo żeby było w PARAGON / FAKTURA) to muszę coś przerabiać w java script?

abc667

17.06.2007, 11:50:46

przerobiłem tak żeby nie trzeba już było edytować za bardzo js, żeby dodać kolejne "bloki" wystarczy do tablicy odpowiednie wartości podopisywać, to już można na zasadzie analogii więc nie powinno być problemu

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//PL">
<html>
 
<head><title>zamówienie sklep42</title>
 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta http-equiv="content-language" content="pl">
<meta http-equiv="Pragma" content="NoCache">
<script type="text/javascript">
 
 
val = new Array();
dis = new Array();
 
window.onload = function() {
var radio = document.forms['form'].elements['adres docelowy[]'];
 
	for(var i = 0; i < radio.length; i++) {
		if(radio[i].checked) {
			val[1] = radio[i].value;
		}
	}
 
	val[2] = document.forms['form'].elements['dokument sprzedaży[]'].value;
 
	pola = new Array();
 
	pola[1] = new Array('Firma[]', 'Nazwisko i imie[]', 'dom[]', 'ulica[]', 'lokal[]');
	pola[2] = new Array('faktura NAZWA[]', 'faktura ulica[]', 'faktura dom[]', 'faktura lokal[]');
 
	if(val[1] = "na adres z Allegro") 
	{ dis[1] = true; setDis(true, 1); } else { dis[1] = false; setDis(false, 1); }
 
	if(val[2] = "paragon") { dis[2] = true; setDis(true, 2); } else { dis[2] = false; setDis(true, 2); }
 
}
 
function setDis(b, x)
{
var status;
if(b) { status = 'disabled'; } else { status = ''; }
 
	for(var j=0;j<(pola[x]).length;j++)
	{
	document.forms['form'].elements[pola[x][j]].disabled=status;
	}
 
dis[x] = !dis[x];
}
 
</script>
</head>
 
<body text="#555555" background="background.gif">
 
<form action="?" method="post" name="form">
<center>
 
 
<table border="0" width="700" bgcolor="#EEEEEE">
 
<tr>
 <td colspan=2 bgcolor="#555555">
  <b><center><font face="Verdana" size="4" color="#FFFFFF">DANE DO WYSYŁKI</font></b></center>
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">login z Allegro:</font></b>
 </td>
 <td>
  <input type="text" name="login Allegro[]" maxlength="50" size="20"> 
 </td>
</tr>
 
<tr>
 <td align="right" valign="top">
  <b><font face="Verdana" size="2">miejsce dostarczenia przesyłki:</font></b>
 </td>
 <td>
  <input type="radio" name="adres docelowy[]" onchange="setDis(dis[1], 1);" value="na adres z Allegro" checked="checked"> 
  <font face="Verdana" size="2">na adres z Allegro</font><br>
  <input type="radio" name="adres docelowy[]" onchange="setDis(dis[1], 1);" value="na ponizsze dane"> 
  <font face="Verdana" size="2">na poniższe dane</font>
  <hr size="1" color="#AAAAAA">
  </td>
</tr>
 
[...]
 
 
<tr>
 <td colspan=2 bgcolor="#555555">
  <b><center><font face="Verdana" size="4" color="#FFFFFF">DANE DO FAKTURY</font></b>
  <br><font face="Verdana" size="2" color="#FFFFFF">
  jeżeli chca Państwo otrzymać fakturę VAT proszę wypełnić poniższe pola</font></center>
 </td>
</tr>
 
<tr>
 <td align="right">
  <b><font face="Verdana" size="2">dowód sprzedaży:</font></b></td>
 <td>
  <select name="dokument sprzedaży[]" onchange="setDis(dis[2], 2);">
   <option>paragon</option>
   <option>faktura</option>
  </select>
 </td>
</tr>
 
[...]
[HTML] pobierz, plaintext

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.