Formularz Opcje

[lik]

Witam. Jak zrobic formularz ktory np.: ma 3 pola
1.pole; wybiera sie z listy np gatunek ksiazki (kryminal...)
2.pole; (po wybraniu gatunku) na liscie dostepni sa tylko autorzy ktorzy pisza w tym gatunku
3.pole; po wybraniu autora na liscie dostepne sa tylko ksiazki tego autora

chodzi glownie o to aby zawartosc kolejnych pol formularza byla zalezna od wczesniej wybranych.

[kicaj]

To zrobic mozna w JS (bedzie lepiej, bez przeladowowania strony)

[lik]

co prawda nabardziej interesowalo by mnie rozwiazanie w php ale kazda propozycja bedzie mile widziana.

[kicaj]

W php nie widze zadnego problemu (po za nieciekawym przeladowywaniem strony).
Wybierasz `gatunek`, potem a `autorach` wyswietlasz wszystkich ktorzy posiadaja `id_gatunku`, no i na koncu wszystkie ksiazki spelniajace `id_autora`.

[lik]

a jak wygladaloby to w js ?

[adism]

zobacz sobie: http://forum.php.pl/index.php?showtopic=20159

mozna to jeszcze polaczyc z php zeby np. ladowalo liste z bazy danych

Ten post edytował adism 25.08.2004, 14:54:33

[lik]

probowalem ten skrypt rozbudowac do 3 list, niestety bez znojomosci js nic z tego nie bedzie...potrzebuje zrobic to dla 3 list i zeby pola w listach byly pobierane z bazy jesli ktos ma jakies sugestie to bede BARDZO wdzieczny.

Ten post edytował lik 25.08.2004, 21:22:24

[adism]

oto kod dla 3 list:

Kod

<form name="menu">
<p><select name="menu1" size="1" onChange="buduj2(document.menu.menu1.options.selectedIndex)">
</select>
<select name="menu2" size="1"  onChange="buduj3(document.menu.menu1.options.selectedIndex, document.menu.menu2.options.selectedIndex)">
</select>
<select name="menu3" size="1">
</select>
</p>
</form>
<script>
<!--

pozycje1 = new Array()
pozycje1[0] = new Option("pozycja 1","value")
pozycje1[1] = new Option("pozycja 2","value")
pozycje1[2] = new Option("pozycja 3","value")


pozycje2 = new Array()
pozycje2[0] = new Array()
pozycje2[0][0] = new Option("pozycja 1 1","value")
pozycje2[0][1] = new Option("pozycja 1 2","value")
pozycje2[0][2] = new Option("pozycja 1 3","value")
pozycje2[1] = new Array()
pozycje2[1][0] = new Option("pozycja 2 1","value")
pozycje2[1][1] = new Option("pozycja 2 2","value")
pozycje2[1][2] = new Option("pozycja 2 3","value")
pozycje2[2] = new Array()
pozycje2[2][0] = new Option("pozycja 3 1","value")
pozycje2[2][1] = new Option("pozycja 3 2","value")
pozycje2[2][2] = new Option("pozycja 3 3","value")


pozycje3 = new Array()

pozycje3[0] = new Array()
pozycje3[0][0] = new Array()
pozycje3[0][0][0] = new Option("pozycja 1 1 1","value")
pozycje3[0][0][1] = new Option("pozycja 1 1 2","value")
pozycje3[0][0][2] = new Option("pozycja 1 1 3","value")
pozycje3[0][1] = new Array()
pozycje3[0][1][0] = new Option("pozycja 1 2 1","value")
pozycje3[0][1][1] = new Option("pozycja 1 2 2","value")
pozycje3[0][1][2] = new Option("pozycja 1 2 3","value")
pozycje3[0][2] = new Array()
pozycje3[0][2][0] = new Option("pozycja 1 3 1","value")
pozycje3[0][2][1] = new Option("pozycja 1 3 2","value")
pozycje3[0][2][2] = new Option("pozycja 1 3 3","value")

pozycje3[1] = new Array()
pozycje3[1][0] = new Array()
pozycje3[1][0][0] = new Option("pozycja 2 1 1","value")
pozycje3[1][0][1] = new Option("pozycja 2 1 2","value")
pozycje3[1][0][2] = new Option("pozycja 2 1 3","value")
pozycje3[1][1] = new Array()
pozycje3[1][1][0] = new Option("pozycja 2 2 1","value")
pozycje3[1][1][1] = new Option("pozycja 2 2 2","value")
pozycje3[1][1][2] = new Option("pozycja 2 2 3","value")
pozycje3[1][2] = new Array()
pozycje3[1][2][0] = new Option("pozycja 2 3 1","value")
pozycje3[1][2][1] = new Option("pozycja 2 3 2","value")
pozycje3[1][2][2] = new Option("pozycja 2 3 3","value")

pozycje3[2] = new Array()
pozycje3[2][0] = new Array()
pozycje3[2][0][0] = new Option("pozycja 3 1 1","value")
pozycje3[2][0][1] = new Option("pozycja 3 1 2","value")
pozycje3[2][0][2] = new Option("pozycja 3 1 3","value")
pozycje3[2][1] = new Array()
pozycje3[2][1][0] = new Option("pozycja 3 2 1","value")
pozycje3[2][1][1] = new Option("pozycja 3 2 2","value")
pozycje3[2][1][2] = new Option("pozycja 3 2 3","value")
pozycje3[2][2] = new Array()
pozycje3[2][2][0] = new Option("pozycja 3 3 1","value")
pozycje3[2][2][1] = new Option("pozycja 3 3 2","value")
pozycje3[2][2][2] = new Option("pozycja 3 3 3","value")

function buduj3(id1, id2) {
for (m = document.menu.menu3.options.length-1; m>0; m--) {
  document.menu.menu3.options[m] = null;
}
for (i = 0; i<pozycje3[id1][id2].length; i++) {
  document.menu.menu3.options[i] = pozycje3[id1][id2][i];
}
document.menu.menu3.options[0].selected=true
}

function buduj2(id1) {
for (m = document.menu.menu2.options.length-1; m>0; m--) {
  document.menu.menu2.options[m] = null;
}
for (i = 0; i<pozycje2[id1].length; i++) {
  document.menu.menu2.options[i] = pozycje2[id1][i];
}
document.menu.menu2.options[0].selected=true
buduj3(document.menu.menu1.options.selectedIndex, 0)
}

function buduj1() {
for (m = document.menu.menu1.options.length-1; m>0; m--) {
  document.menu.menu1.options[m] = null;
}
for (i = 0; i<pozycje1.length; i++) {
  document.menu.menu1.options[i] = pozycje1[i];
}
document.menu.menu1.options[0].selected=true
buduj2(0)
}


buduj1();
//-->
</script>

troche tego duzo, ale czy nie oto ci chodzilo

na wersje php musisz troche poczekac bo z glowy ci tego nie napisze

p.s. jutro powinna byc gotowa wersja php z mysql

Ten post edytował adism 26.08.2004, 14:17:33

[FiDO]

Skrypty -> php

[adism]

juz pracuje nad tym skryptem

p.s. a w php->skrypty php to jest kod dla jednego menu jakby co

EDIT
------------------------------------------------------------------------------
ok juz gotowy

[PHP] pobierz, plaintext 
<?
function dbConnect() {
$dbHost = &#092;"localhost\";
$dbUser = &#092;"root\";
$dbPass = &#092;"\";
$dbName = &#092;"menusy\";
 
    $link = @mysql_pconnect($dbHost, $dbUser, $dbPass);
 
    if (!$link) {
        fail(&#092;"Nie można ustanowić połączenia z serwerem bazy danych\");
    }
 
    if (!@mysql_select_db($dbName)) {
        fail(&#092;"Nie można znaleźć bazy danych $dbName\");
    }
    
    return $link;
}
$link = dbConnect();
$tablice = &#092;"\";
 
// pierwsze menu
$query1 = &#092;"SELECT * FROM menu1\";
$result1 = mysql_query($query1);
$count1 = mysql_num_rows($result1);
$tablice .= &#092;"pozycje1 = new Array();\";
for ($i1=0; $i1<$count1; $i1++) {
 $wiersz1 = mysql_fetch_array($result1);
 $tablice .= &#092;"pozycje1[$i1] = new Option('\".$wiersz1[\"text\"].\"','\".$wiersz1[\"value\"].\"');\";
}
// end
 
// drugie menu
$tablice .= &#092;"pozycje2 = new Array();\";
for ($i1=0; $i1<$count1; $i1++) {
 $tablice .= &#092;"pozycje2[$i1] = new Array();\";
 $parent = &#092;"$i1+1\";
 $query2 = &#092;"SELECT * FROM menu2 WHERE parent_id = $parent\";
 $result2 = mysql_query($query2);
 $count2 = mysql_num_rows($result2);
 for ($i2=0; $i2<$count2; $i2++) {
  $wiersz2 = mysql_fetch_array($result2);
  $tablice .= &#092;"pozycje2[$i1][$i2] = new Option('\".$wiersz2[\"text\"].\"','\".$wiersz2[\"value\"].\"');\";
 }
}
// end
 
// trzecie menu
$tablice .= &#092;"pozycje3 = new Array();\";
for ($i1=0; $i1<$count1; $i1++) {
 $tablice .= &#092;"pozycje3[$i1] = new Array();\";
 $parent2 = &#092;"$i1+1\";
 $query2 = &#092;"SELECT * FROM menu2 WHERE parent_id = $parent2\";
 $result2 = mysql_query($query2);
 $count2 = mysql_num_rows($result2);
 for ($i2=0; $i2<$count2; $i2++) {
  $wiersz2 = mysql_fetch_array($result2);
  $tablice .= &#092;"pozycje3[$i1][$i2] = new Array();\";
  $parent3 = $wiersz2['id'];
  $query3 = &#092;"SELECT * FROM menu3 WHERE parent_id = $parent3\";
  $result3 = mysql_query($query3);
  $count3 = mysql_num_rows($result3);
  for ($i3=0; $i3<$count3; $i3++) {
   $wiersz3 = mysql_fetch_array($result3);
   $tablice .= &#092;"pozycje3[$i1][$i2][$i3] = new Option('\".$wiersz3[\"text\"].\"','\".$wiersz3[\"value\"].\"');\";
  }
 }
}
// end
 
?>
<html>
<body>
<form name=\"menu\">
<p><select name=\"menu1\" size=\"1\" onChange=\"buduj2(document.menu.menu1.options.selectedIndex)\">
</select>
<select name=\"menu2\" size=\"1\"  onChange=\"buduj3(document.menu.menu1.options.selectedIndex, document.menu.menu2.options.sele
c
edIndex)\">
</select>
<select name=\"menu3\" size=\"1\">
</select>
</p>
</form>
<script>
<!--
<?
echo $tablice;
?>
 
function buduj3(id1, id2) {
 for (m = document.menu.menu3.options.length-1; m>0; m--) {
  document.menu.menu3.options[m] = null;
 }
 for (i = 0; i<pozycje3[id1][id2].length; i++) {
  document.menu.menu3.options[i] = pozycje3[id1][id2][i];
 }
 document.menu.menu3.options[0].selected=true;
}
 
function buduj2(id1) {
 for (m = document.menu.menu2.options.length-1; m>0; m--) {
  document.menu.menu2.options[m] = null;
 }
 for (i = 0; i<pozycje2[id1].length; i++) {
  document.menu.menu2.options[i] = pozycje2[id1][i];
 }
 document.menu.menu2.options[0].selected=true;
 buduj3(document.menu.menu1.options.selectedIndex, 0);
}
 
function buduj1() {
 for (m = document.menu.menu1.options.length-1; m>0; m--) {
  document.menu.menu1.options[m] = null;
 }
 for (i = 0; i<pozycje1.length; i++) {
  document.menu.menu1.options[i] = pozycje1[i];
 }
 document.menu.menu1.options[0].selected=true;
 buduj2(0);
}
 
 
buduj1();
//-->
</script>
</body>
</html>
[PHP] pobierz, plaintext 

a oto plik sql bazy danych (przyklad):

[SQL] pobierz, plaintext 
USE menusy;
 
 
#
# Table structure for table 'menu1'
#
 
CREATE TABLE menu1 (
  id int(3) UNSIGNED NOT NULL AUTO_INCREMENT,
  text char(255) DEFAULT '0',
  value char(255) DEFAULT 'value',
  PRIMARY KEY  (id)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
 
 
 
#
# Dumping data for table 'menu1'
#
 
INSERT INTO menu1 VALUES("1", "Ksiazki", "value");
INSERT INTO menu1 VALUES("2", "CD / DVD", "cd");
INSERT INTO menu1 VALUES("3", "Znaczki", "znaczki");
 
 
#
# Table structure for table 'menu2'
#
 
CREATE TABLE menu2 (
  id int(3) UNSIGNED NOT NULL AUTO_INCREMENT,
  text char(255) DEFAULT '0',
  value char(255) DEFAULT 'value',
  parent_id int(3) DEFAULT '0',
  PRIMARY KEY  (id)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
 
 
 
#
# Dumping data for table 'menu2'
#
 
INSERT INTO menu2 VALUES("1", "ksiazki 1", "value", "1");
INSERT INTO menu2 VALUES("2", "ksiazki 2", "value", "1");
INSERT INTO menu2 VALUES("3", "ksiazki 3", "value", "1");
INSERT INTO menu2 VALUES("4", "ksiazki 4", "value", "1");
INSERT INTO menu2 VALUES("5", "cd 1", "value", "2");
INSERT INTO menu2 VALUES("6", "cd 2", "value", "2");
INSERT INTO menu2 VALUES("7", "cd 3", "value", "2");
INSERT INTO menu2 VALUES("8", "znaczki 1", "value", "3");
INSERT INTO menu2 VALUES("9", "znaczki 2", "value", "3");
 
 
#
# Table structure for table 'menu3'
#
 
CREATE TABLE menu3 (
  id int(3) UNSIGNED NOT NULL AUTO_INCREMENT,
  text char(255) DEFAULT '0',
  value char(255) DEFAULT 'value',
  parent_id int(3) DEFAULT '0',
  PRIMARY KEY  (id)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
 
 
 
#
# Dumping data for table 'menu3'
#
 
INSERT INTO menu3 VALUES("1", "ksiazki 1 1", "value", "1");
INSERT INTO menu3 VALUES("2", "ksiazki 1 2", "value", "1");
INSERT INTO menu3 VALUES("3", "ksiazki 1 3", "value", "1");
INSERT INTO menu3 VALUES("4", "ksiazki 2 1", "value", "2");
INSERT INTO menu3 VALUES("5", "ksiazki 2 2", "value", "2");
INSERT INTO menu3 VALUES("6", "ksiazki 3 1", "value", "3");
INSERT INTO menu3 VALUES("7", "ksiazki 3 2", "value", "3");
INSERT INTO menu3 VALUES("8", "ksiazki 4 1", "value", "4");
INSERT INTO menu3 VALUES("9", "ksiazki 4 2", "value", "4");
INSERT INTO menu3 VALUES("10", "cd 1 1", "value", "5");
INSERT INTO menu3 VALUES("11", "cd 1 2", "value", "5");
INSERT INTO menu3 VALUES("12", "cd 2 1", "value", "6");
INSERT INTO menu3 VALUES("13", "cd 2 2", "value", "6");
INSERT INTO menu3 VALUES("14", "cd 3 1", "value", "7");
INSERT INTO menu3 VALUES("15", "cd 3 2", "value", "7");
INSERT INTO menu3 VALUES("16", "znaczki 1 1", "value", "8");
INSERT INTO menu3 VALUES("17", "znaczki 1 2", "value", "8");
INSERT INTO menu3 VALUES("18", "znaczki 2 1", "value", "9");
INSERT INTO menu3 VALUES("19", "znaczki 2 2", "value", "9");
[SQL] pobierz, plaintext 

oczywiscie aby uzyc tego przykladowego pliku musisz najpierw stworzyc baze "menusy"
uffff
troche sie nameczylem
ale efekt jest... efektowny
p.s. polecam program MySQL Front

Ten post edytował adism 26.08.2004, 20:18:02

[lik]

BARDZO dziekuje za pomoc. oby jak najwiecej takich ludzi odwiedzalo to forum.