Форум PHP программистов

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Навигация

nugle

25.01.2011 - 13:14

Вот написал скрипт и навигацию

<td width="20%" class="box" align="left" valign="top">


<img src="../images/title.jpg" width="196" height="37" />
<?php 		
		
		$sql = "select * from menu";
		$result = mysql_query($sql) or die(mysql_error() ."<br/>". $sql);
		
		
		while ($row = mysql_fetch_assoc($result))
		{
			echo '<li class = "box li"><a class = "box li a" href = "#" onClick="otkr()">'.$row['name'].'</a></li><br />
					<div id="text" style="display:none">
						
					</div>';
		
		}
		
?>


</td>

JS:

	function otkr(){

		var text = document.getElementById('text');

		if(text.style.display == 'none')

		{

			text.style.display = 'block';

		}

		else

		{

			text.style.display = 'none';

		}

	}

Вопрос такой при клике открываются подпункты, а как сделать так чтобы подпункты брались и3 БД?

Спустя 14 минут, 28 секунд (25.01.2011 - 12:28) Snus написал(а):

Подключаешь библиотеку jQuery

<script type="text/javascript">

$(document).ready(function(){
   // При клике на div с классом box выполняем
   $('div.box').click(function(){
       // Находим твой div с классом text
       var txt = $(this).find('div.text');
       // Показываем его.
       txt.show();
   });
});

</script>

<?php 		
		
		$sql = "select * from menu";
		$result = mysql_query($sql) or die(mysql_error() ."<br/>". $sql);
		
		
		while ($row = mysql_fetch_assoc($result))
		{
			echo '<div class="box">';
                            echo $row['name'];
			         echo '<div class="text" style="display:none">';
						
			          echo '</div>';
                        echo '</div>';
		
		}
		
?>

Спустя 3 минуты (25.01.2011 - 12:31) nugle написал(а):

Немогли бы вы комментарии написать рядом со скриптом, а то чёт я не въе3жаю...

И и3 таблицы меню выбираются основные пункты, а и3 таблицы menu_section выбираются подпункты

Спустя 3 минуты, 17 секунд (25.01.2011 - 12:34) Snus написал(а):

nugle
Каменты в предыдущем посте написал и ссылку на библиотеку добавил.

Спустя 2 минуты, 50 секунд (25.01.2011 - 12:37) nugle написал(а):

Snus
Ваш код не работает(

И что мне с этой библиотекой делать?))

Спустя 3 минуты, 25 секунд (25.01.2011 - 12:41) Snus написал(а):

nugle
Показывай свой код )

Спустя 1 минута, 22 секунды (25.01.2011 - 12:42) nugle написал(а):

$(document).ready(function(){
   // При клике на div с классом box выполняем
   $('div.box').click(function(){
       // Находим твой div с классом text
       var txt = $(this).find('div.text');
       // Показываем его.
       txt.show();
   });
});

<td width="20%" class="box" align="left" valign="top">


<img src="../images/title.jpg" width="196" height="37" />
<?php 		
		
			$sql = "select * from menu";
		$result = mysql_query($sql) or die(mysql_error() ."<br/>". $sql);
		
		
		while ($row = mysql_fetch_assoc($result))
		{
			echo '<div class="box">';
                            echo $row['name'];
			         echo '<div class="text" style="display:none">';
						
			          echo '</div>';
                        echo '</div>';
		
		}
		
?>


</td>

Все они подключены к главному файлу

Спустя 1 минута, 27 секунд (25.01.2011 - 12:43) Snus написал(а):

nugle
Ну вот я так и знал. А почему ты забыл библиотеку подключить?

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
   // При клике на div с классом box выполняем
   $('div.box').click(function(){
       // Находим твой div с классом text
       var txt = $(this).find('div.text');
       // Показываем его.
       txt.show();
   });
});
</script>

Спустя 7 минут, 10 секунд (25.01.2011 - 12:51) nugle написал(а):

не работает всё равно...

Спустя 2 минуты, 5 секунд (25.01.2011 - 12:53) nugle написал(а):

А чем не устраивал мои и3ночальный код?меня он вроде устраивал, суть вопроса та, в подпунктах!

Спустя 59 секунд (25.01.2011 - 12:54) Snus написал(а):

nugle
Теста ради создал такую страничку


<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
   // При клике на div с классом box выполняем
   $('div.box').click(function(){
       // Находим твой div с классом text
       var txt = $(this).find('div.text');
       // Показываем его.
       txt.show();
   });
});

</script>
</head>
<body>

<div class="box" style="background: #e9e9e9; padding: 3px;">
  TEST
  <div class="text" style="display: none; background: #fff; border: 1px solid #666;">TEXT</div>
</div>

</body>
</html>

И у меня все работает

Спустя 16 минут, 56 секунд (25.01.2011 - 13:11) nugle написал(а):

а с под пунктами чё делать, как мне их и3 ба3ы вывадить
я нажимаю допустим Журналы и быстренько выводится всё по журнальчикам, нажимаю каталоги и подпункты каталагов выводятся.Вот что мне нужно...Прошу вашей форумчане помощи

Спустя 2 минуты, 5 секунд (25.01.2011 - 13:13) Snus написал(а):

nugle
У тебя же уже написано...


		$sql = "select * from menu";
		$result = mysql_query($sql) or die(mysql_error() ."<br/>". $sql);
		
		
		while ($row = mysql_fetch_assoc($result))
		{
		    ....
		}

Спустя 15 минут, 17 секунд (25.01.2011 - 13:28) nugle написал(а):

это вывод пунктов, а мне нужно,чтобы при клике выводились подпункты и3 menu_section

Спустя 4 минуты, 21 секунда (25.01.2011 - 13:32) Snus написал(а):

nugle
Я тебе дал ответ на основании твоего кода.

Спустя 14 минут, 22 секунды (25.01.2011 - 13:47) nugle написал(а):

тогда я ничего не понял..можно как нибудь по другому объяснить?

Быстрый ответ:

Здесь расположена полная версия этой страницы.