JS+PHP - menu drzewiaste proszę o pomoc ! Opcje

[pusti]

Witam
Użyłem skryptu drzewa ze strony http://www.kurshtml.boo.pl/skrypty/menu_drzewiaste.html ,skrypt chodzi pięknie tylko mam jeden problem którego nie mogę rozwiązać ze względu na słabą znajomość JS. W jaki sposób przerobić ten skrypt żeby gałąź po kliknięciu nie tylko rozwijała listę ul ale także była odnośnikiem powiedzmy do opisu gałęzi. Dodam że struktura menu jest generowana przez funkcje rekurencyjną z bazy danych (kod poniżej ) .Bardzo proszę o pomoc

[PHP] pobierz, plaintext 
 function display_menu($parentID, $tab,$i) {
 
		$i++
 
		if (!is_array($tab[$parentID])) return ;
 
		echo '<ul id="tree'.$i.'" class="tree">'."\n";
 
		foreach ($tab[$parentID] as $element) { 
 
			if($element['link']>0){
 
				echo '<li><a href="?id='.$element['link'].'">'.$element['name'].'</a>';
 
			}
 
			else {
 
 
				echo '<li><a href="java script:void(0)">'.$element['name'].'</a>';
 
			}
			display_menu($element['id'], $tab,$i); 
 
			$i++
 
			echo '</li>'."\n";
 
		}
		echo '</ul>';
	}
[PHP] pobierz, plaintext 

Ten post edytował pusti 26.04.2010, 20:05:43

[mortus]

Witam. Po pierwsze dodaj znaczniki BBCode do Twojego pierwszego postu. Odnośnie problemu, to do uzyskania odpowiedniego efektu musiałbyś użyć AJAX-a, w przeciwnym przypadku strona będzie się przeładowywać i żądany efekt nie będzie widoczny. Linijka

[PHP] pobierz, plaintext 
echo '<li><a href="java script:void(0)">'.$element['name'].'</a>';
[PHP] pobierz, plaintext 

odpowiada za wyświetlenie gałęzi rodzica i należałoby ją odpowiednio zmodyfikować np.:

[PHP] pobierz, plaintext 
echo '<li><a href="#'.$element['link'].'" onclick="loadDescription(); return false;">'.$element['name'].'</a>';
[PHP] pobierz, plaintext 

Natomiast funkcja loadDescription() powinna pobierać dane za pomocą AJAX-a i modyfikować zawartość odpowiedniego elementu (tutaj przyda się atrybut innerHTML). Jeżeli jesteś "zielony" w temacie JS i AJAX-a (bo jedno z drugim się łączy), to polecam poczytać choćby na Wikipedii lub poszukać informacji u wujka Google. Najlepiej mimo wszystko zacząć od podstaw. A jak już opanujesz podstawy, to zainteresuj się jakimś frameworkiem JavaScript (większość ma zaimplementowaną obsługę AJAX-a). Ja osobiście polecam jQuery.

[pusti]

witam
ponownie
Ok udało mi się to zrobić z wykorzystaniem jquery ( funkcja load () ) . Linkom nadałem klasę btn oraz atrybut hreff,

Kod

$(document).ready(function(){
  $('.btn').click(function(){
    
    var id = $(this).attr("hreff");
    $('#box').load('data.php', {index: id}
);
    return false;

  });
});

CHciałbym jeszcze aby podczas ładowania treści wyskakiwał gif animujący ładowanie , jak coś takiego wykonać ?


Ten post edytował pusti 3.05.2010, 21:12:10