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 (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
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.