Dynamisk "menu"-struktur baseret på PHP/MySQL

hvis jeg forstår dig ret skal du bare have noget kode der folder ind og ud og tilføjer nye punkter i takt med at de andre bliver udfyldt?

Ja, data til "menu" skal så bare trækkes fra henholdsvis en MySQL DB og en php siden, hvor arrayet til hovedakt og underakt ligger i.

Jeg har søgt lidt på nettet for at finde et eksempel, men dem jeg har fundet, er dynamsike på den måde, at undermenuerne vises når musen er over og forsvinder når de er væk. Her skal det være fast, ligesom Stifinderens mappevisning.

dem du finder virker så ved onMOUSEOVER, det kan ændre til onCLICK, så det sker når du trykker i stedet for hover...

Ja, det kan jeg selvfølgelig, jeg har også fundet en lavet i php/javascript nu. Den roder jeg lige lidt videre med, for den ser rimelig lovede nu.

Men du eller andre skal da være yderste velkomne til at komme med andre forslag.

Hmm, okay det kom jeg så ikke så kangt med. Jeg kan godt få lagt mine egen hoved- og underakter ind, men jeg kan ikke lige gennemskue, hvordan jeg så igen, skal få underaktene til at udfolde sig, og deri have x-antal input felter.

Mit største problem, er at jeg ikke kan se, hvordan ejg skal få den til at lave input felter under sidste niveau.

Den jeg sidder ogroder med er følgende: http://www.dhtmlgoodies.com/index.html?whichScript=folder_tree

Hvordan får jeg tilføjet inputer på nederste niveau enten i ovenstående eller i et andet eksempel. Det må gerne være simpelt ved et event. andet eksempel.

umiddelbart vil jeg tro at det er "nemmere" at lave det fra bunden, du kan jo starte med at lave en alm liste med <ul> og <li> som du kan skjule/vise når der klikkes.

når det spiller kan du tilføje koden der opretter nye punkter

Måske, men hvordan gør jeg så det?

kan du lave en liste med ul og li? (http://www.html.dk/dokumentation/html4/tags/ul/)

så laver du en onclick på de punkter der skal kunne klikkes på som aktiverer en funktion der viser/skjuler underpunkterne (http://www.tjkdesign.com/articles/toggle_elements.asp)

tilføjelse af input-felter gør du ved brug af DOM (http://www.codingforums.com/archive/index.php/t-61293.html)

Det med at vise/skjule underpunkterne kan jeg simpelthen ikke få til at virke i min kode, den melder hele tiden forskellige fejl i selve koden...

Men indtil videre har jeg fået lavet følgende liste

<ul>

<?php
    for ($i=1;$i<=count($UNDERAKT);$i++) {
        $underakt_nr = $UNDERAKT[$i]['nr'];
        $underakt_be = $UNDERAKT[$i]['beskrivelse'];
        $akr = substr($underakt_nr,0,1)."0";
        //print_r($HOVEDAKT);
        for($j=1;$j<=count($HOVEDAKT);$j++) {
            if (in_array($akr, $HOVEDAKT[$j])) {
                //echo $akr;
            }
        }
       
        ?>

<?        $query = "SELECT * FROM kalkulation WHERE ordre_id = '".addslashes($_GET['id'])."' AND underakt = $underakt_nr";   
        $sql = mysql_query($query) or die(mysql_error);
        $tæller = 0;
        if (!mysql_num_rows($sql) || !isset($sql)) { ?>
            <li>
            <?php echo $underakt_nr;?>
                <ul>
                        <input type="text" class="inputextrasmall" name="navn[]">
                        <input type="text" class="inputextrasmall" name="beskrivelse[]"/>
                        <!--<input type="text" class="inputextrasmall" name="kostpris[]">-->
                </ul>
        <? } else {?>
            <li>
            <?php echo $underakt_nr;
            while ($foo = mysql_fetch_assoc($sql)) {?>
                <ul>
                        <input type="text" name="underakt_id[]" value="<?php echo $foo['id']; ?>" />
                        <input type="text" class="inputextrasmall" name="navn[]" value="<?php echo $foo['navn']; ?>" />
                        <input type="text" class="inputextrasmall" name="beskrivelse[]" value="<?php echo $foo['beskrivelse']; ?>" />
                </ul>
            <? }
        } ?>
        </li>
    <? }?>
</ul>

Den er dog ikke helt færdig, for jeg skal have et niveau mere på eller øverst, men da indholdet til dette niveau også kommer fra et array, skal jeg lige have kringlet hvordan jeg får den inden, uden at ødelægge det nuværende.

Men jeg er kommet dertil, hvor jeg skal have bare én vis/skjul til at virke på et punkt. Det har jeg dog endnu ikke fundet af hvordan det skal gøres.

måden at skjule dem på er at sætte en style på dem:



og når de skal vises, sætte du display til 'block'

Ja, det fandt jeg også lige ud af. Jeg fandt et meget simpelt script, der virkede på <div>, så jeg tror det ender med at jeg smide <div> rundt om de aktuelle elementer, og så kalde funtionen.

<script language="javascript">
<!--
var state = 'none';

function showhide(layer_ref) {

    if (state == 'block') {
        state = 'none';
    } else {
        state = 'block';
    }

    if (document.all) { //IS IE 4 or 5 (or 6 beta)
        eval( "document.all." + layer_ref + ".style.display = state");
    }
   
    if (document.layers) { //IS NETSCAPE 4 or below
        document.layers[layer_ref].display = state;
    }
   
    if (document.getElementById &&!document.all) {
        hza = document.getElementById(layer_ref);
        hza.style.display = state;
    }
}

//-->
</script>

<offtopic>
Hvordan laver du egentlig de der rammer om koden?
</offtopic>

hvorfor vil du have en div rundt om? du kan jo bruge display:'none' og display:'block' på dine li-tags...

og til dit spørgsmål om rammer: http://www.eksperten.dk/guide/1325 :)

Den eneste grund til div, var at kildeforfatteren skrev den var lavet til div, så det startede jeg med at prøve. Jeg har ikke nåete at prøve om den kan virke direkte på li-tags, men det vil jeg da lige.

p.s. Fedt med de tags, vidst slet ikke der var så mange, omend jeg kun vil bruge et fåtal af dem.

Hmm, jeg kunne ikke lige få koden til at virke på <li>, så melder den at det ikke er at objekt.

Samtidig har jeg opdaget en lille uhensigtsmæssighed. Nu har jeg jo 3 niveauer i listen, hvor man skal kunne klikke på de 2 øverste. Jeg starter med at de alle skjult, så man kun kan se øverste niveau, men når jeg klikker og folder det ud, og herefter klikke på niveau 2, så sker der ikke noget, før jeg klikker igen. Det samme sker den anden vej.

Det er som om, at den ikke fatter det første klik, når man klikker på en andet niveau, men klikket lige før.

Har du en logisk forklaring på det?

Smid forresten lige et svar, så du kan få point

forstår ikke at det ikke virker på li, det mener jeg det burde...

fik du løst det hele?

Det er sikkert fordi der lige skal tilpasses et eller andet i scriptet, men det har jeg ikke lige tid til at kigge nærmere på.

Men det ser ud til at virke, bort set fra det problem, med at det er som om den ikke alt fatter at man klikker, når man skifter imellem niveauerne.

Jeg kan ikke rigtigt se hvorfor, men tror måske det kan have noget at gøre med at jeg pt. bare bruger tekst som link, og selvom at jeg får "klik-hånd" ikoner frem, så rammer jeg måske lige netop uden for teksten.

Senere skal jeg have lagt pænere styles på dem, så kan jeg teste der om der har noget at sige.

super, tak for point

Velbekomme, og tak for hjælpen

selv :)