php, простой каталог товаров с фильтрами в виде выпадающих списков - Помощь студентам

Karandyshev · 21.03.2013, 23:12

Я новичок, хочу своими руками сделать следующий каталог товаров:

Есть 10 страниц, к примеру, названные:
1, 2, 3, 4, 5, 6, 7, 8, 9, 10
... и есть 3 категории:
x, y, z,

к категории X относятся 1, 2 и 3 страницы;
к категории Y: 4, 5, 6, 7
z: 8, 9, 10

Я хочу сделать фильтр, который будет представлять собой 2 выпадающих списка.
1й предлагает выбрать категорию (X, Y или Z), а второй в зависимости от категории, установленной в 1 списке, предлагает выбрать страницы.

Т.е. если в 1 списке я выбираю Х, то во 2м списке мне доступны только 1-3 страницы.

Будет масштабирование. Количество категорий вырастет не значительно, количество страниц будет расти.

Мне подсказали, что это следует делать через JS (я в нем "О"). Дали ссылки:

http://www.tigir.com/javascript_select.htm

http://htmlweb.ru/ajax/example/automarka.php

но в виду хе.. хреновых знаний я не могу заставить это работать.

Есть предположение, что у меня не хватает ПО (использую alaborn istyle и ДЕНВЕР), может руки из жопы. Мне нужен наставник или советчик.

Просьба, не путайте. Если не можете дать серьезный ответ, лучше не отвечайте вообще.

Karandyshev · 21.03.2013, 23:16

Наверное вы сочтете это вакханалией, но между тем:

header.php

PHP код:


			
<HTML>

<HEAD>

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">

<META http-equiv="Content-Language" content="ru">

<TITLE>Каталог</TITLE>

<STYLE>

#tbl {width: 100%; border-top: 0px #C0C0C0 solid}

#tdl {width: 17%; height: 350px; vertical-align: top; padding-top: 24px; border-right: 0px #C0C0C0 solid}

#tdr {width: 83%; vertical-align: top}

H1 {font-size: 130%; font-weight: 100; text-align: center}

H2 {font-size: 120%; font-weight: 100; text-align: center}



 #menu_body li ul {display:none}  /* Убираем подменю */ 

 #menu_body li:hover ul, #menu_body li.over ul 

    { display: block }  /* Делаем подменю видимым при наведении мыши */ 

 #menu_body{ 

    background:#81A192; 

    width:200px 

    } 

 /*#menu_body li 

    { display: block;} */ 

#menu_body a 

    { display: block; width:100%; } 

     

#menu_body ul li { 

    list-style-type:none; 

    border-bottom:1px solid #fff; 

    margin-left:-40px; 

    padding-left:7px 

    } 



#menu_body ul li a { 

    color:#fff; 

    font-family:verdana,arial,sans-serif; 

    text-decoration:none 

    } 

     

#menu_body ul li ul li { 

    border:0; 

    list-style-type:square; 

    color:#fff; 

    list-style-position:inside 

    } 

     

#menu_body ul li ul{ 

    border-top:1px solid #fff; 

    margin-left:-7px; 

    padding-left:50px 

    } 



</STYLE>

</HEAD>



<BODY>







<FONT SIZE="+2">Каталог</FONT>

<P>

<TABLE id="tbl"><TR>

<TD id="tdl">

<div id="menu_body"> 

   <ul id="ul1"> 

          <li><a href="#">menu 1</a> 

                <ul> 

                    <li><a href="section2.php">1 раздел</a></li> 

                    <li><a href="section3.php">2 раздел</a></li> 

                    <li><a href="section4.php">3 раздел</a></li> 

                </ul> 

         </li> 

         <li><a href="#">menu 2</a> 

                <ul> 

                    <li><a href="section5.php">1 раздел</a></li> 

                    <li><a href="section6.php">2 раздел</a></li> 

                    <li><a href="section7.php">3 раздел</a></li>                   

                </ul> 

         </li> 

         <li><a href="#">menu 3</a> 

                <ul> 

                    <li><a href="section8.php">1 раздел</a></li> 

                    <li><a href="section9.php">2 раздел</a></li> 

                    <li><a href="section10.php">3 раздел</a></li> 

                </ul> 

         </li> 





   </ul> 

</div> 

   

 



<!-- Это вертикально меню, я его скрыл пока, чтоб не мешалось

<P><a href="index.php">Главная</a>

<P><a href="section2.php">Раздел 2</a>

<P><a href="section3.php">Раздел 3</a>

<P><a href="section4.php">Раздел 4</a>    -->

</TD>

Тут я хочу вместо этого меню сделать выпадающие списки, потому что товаров может много и пользователю не будет удобно таким образом изучать ассортимент. Открываться страницы каталога должны будут в страницах вместо индекс.пхп

footer.php

PHP код:


			
<HR width="98%" size="0px" color="#D9D9D9">



</BODY>

</HTML>

index.php

PHP код:


			
<?

// Включить в страницу header.php

include("header.php");

?>

<TD id="tdr">

<!------- Здесь вводятся текст и ссылки рисунков -------->

<H2>Главная страница</H2>





</TD>

</TR>

</TABLE>

<?

// Включить в страницу footer.php

include("footer.php");

?>

21.03.2013, 23:12	#1
Karandyshev Ищу нейронщика Регистрация: 09.03.2013 Сообщений: 5	php, простой каталог товаров с фильтрами в виде выпадающих списков Я новичок, хочу своими руками сделать следующий каталог товаров: Есть 10 страниц, к примеру, названные: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ... и есть 3 категории: x, y, z, к категории X относятся 1, 2 и 3 страницы; к категории Y: 4, 5, 6, 7 z: 8, 9, 10 Я хочу сделать фильтр, который будет представлять собой 2 выпадающих списка. 1й предлагает выбрать категорию (X, Y или Z), а второй в зависимости от категории, установленной в 1 списке, предлагает выбрать страницы. Т.е. если в 1 списке я выбираю Х, то во 2м списке мне доступны только 1-3 страницы. Будет масштабирование. Количество категорий вырастет не значительно, количество страниц будет расти. Мне подсказали, что это следует делать через JS (я в нем "О"). Дали ссылки: http://www.tigir.com/javascript_select.htm http://htmlweb.ru/ajax/example/automarka.php но в виду хе.. хреновых знаний я не могу заставить это работать. Есть предположение, что у меня не хватает ПО (использую alaborn istyle и ДЕНВЕР), может руки из жопы. Мне нужен наставник или советчик. Просьба, не путайте. Если не можете дать серьезный ответ, лучше не отвечайте вообще. Telegram @karandyshev

21.03.2013, 23:16	#2
Karandyshev Ищу нейронщика Регистрация: 09.03.2013 Сообщений: 5	Наверное вы сочтете это вакханалией, но между тем: header.php PHP код: <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <META http-equiv="Content-Language" content="ru"> <TITLE>Каталог</TITLE> <STYLE> #tbl {width: 100%; border-top: 0px #C0C0C0 solid} #tdl {width: 17%; height: 350px; vertical-align: top; padding-top: 24px; border-right: 0px #C0C0C0 solid} #tdr {width: 83%; vertical-align: top} H1 {font-size: 130%; font-weight: 100; text-align: center} H2 {font-size: 120%; font-weight: 100; text-align: center} #menu_body li ul {display:none} /* Убираем подменю / #menu_body li:hover ul, #menu_body li.over ul { display: block } / Делаем подменю видимым при наведении мыши / #menu_body{ background:#81A192; width:200px } /#menu_body li { display: block;} / #menu_body a { display: block; width:100%; } #menu_body ul li { list-style-type:none; border-bottom:1px solid #fff; margin-left:-40px; padding-left:7px } #menu_body ul li a { color:#fff; font-family:verdana,arial,sans-serif; text-decoration:none } #menu_body ul li ul li { border:0; list-style-type:square; color:#fff; list-style-position:inside } #menu_body ul li ul{ border-top:1px solid #fff; margin-left:-7px; padding-left:50px } </STYLE> </HEAD> <BODY> <FONT SIZE="+2">Каталог</FONT> <P> <TABLE id="tbl"><TR> <TD id="tdl"> <div id="menu_body"> <ul id="ul1"> <li><a href="#">menu 1</a> <ul> <li><a href="section2.php">1 раздел</a></li> <li><a href="section3.php">2 раздел</a></li> <li><a href="section4.php">3 раздел</a></li> </ul> </li> <li><a href="#">menu 2</a> <ul> <li><a href="section5.php">1 раздел</a></li> <li><a href="section6.php">2 раздел</a></li> <li><a href="section7.php">3 раздел</a></li> </ul> </li> <li><a href="#">menu 3</a> <ul> <li><a href="section8.php">1 раздел</a></li> <li><a href="section9.php">2 раздел</a></li> <li><a href="section10.php">3 раздел</a></li> </ul> </li> </ul> </div> <!-- Это вертикально меню, я его скрыл пока, чтоб не мешалось <P><a href="index.php">Главная</a> <P><a href="section2.php">Раздел 2</a> <P><a href="section3.php">Раздел 3</a> <P><a href="section4.php">Раздел 4</a> --> </TD> Тут я хочу вместо этого меню сделать выпадающие списки, потому что товаров может много и пользователю не будет удобно таким образом изучать ассортимент. Открываться страницы каталога должны будут в страницах вместо индекс.пхп footer.php PHP код: `<HR width="98%" size="0px" color="#D9D9D9"> </BODY> </HTML>` index.php PHP код: `<? // Включить в страницу header.php include("header.php"); ?> <TD id="tdr"> <!------- Здесь вводятся текст и ссылки рисунков --------> <H2>Главная страница</H2> </TD> </TR> </TABLE> <? // Включить в страницу footer.php include("footer.php"); ?>` Telegram @karandyshev Последний раз редактировалось Karandyshev; 21.03.2013 в 23:22.*

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Несколько выпадающих списков в Access	Phoenix_S	Microsoft Office Access	29	16.04.2014 09:21
Каталог товаров. Из бд на сайт	booty	Помощь студентам	4	19.12.2011 09:56
Фильтр выпадающих списков типа ComboBox	delphicoding	Общие вопросы Delphi	4	28.09.2011 15:46
Генерация выпадающих списков	Geddar	PHP	29	03.03.2009 20:48
Создание выпадающих списков в Word	Dux	Microsoft Office Word	12	25.08.2008 09:50