Avatar billede martin_sj Nybegynder
07. august 2008 - 21:24 Der er 1 kommentar og
2 løsninger

Lave menu om til en dynamisk menu

Jeg har lavet en simpel menu i html, og kunne godt tænke mig at gøre menuen dynamisk.
Kan det lade sig gøre at få alle indrykne til at slå sig sammen, så når alt var slået sammen kan man kun se de 8 hovedpunkter, hvis man så klikkede på første hovedpunkt så kunne man se underpunkterne osv.

Kan det laves simpelt med eks. javascript eller andet.
Hvis ja, kan i så vise mig det i nedenstående kode?

<BODY bgcolor="#FFFFFF" text="#000000" link="#0E1676" vlink="#597786" alink="#0E1676">
<img src="Images\Bramme_med_5415Logo.gif" align="right" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<font size="6" color="#597786" font face="Verdana, Arial"><b>
CHAI/MISSIONPHARMA</font></b>


<font size="5" color="black" font face="Verdana, Arial"><b>
<p>Technical Proposal </p>
</b>




<font size="3" color="black" font face="Verdana, Arial">
<p>Table of contents</strong></b> </p>

<ol>
  <font color="black" size="2" face="Verdana, Arial" font="font">
 
 
 
 
  Addendum <br>
  </font><ul>
    <li><font color="black" size="2" face="Verdana, Arial" font="font"><a href="Reports/Addendum/Addendum.pdf">Addendum</a></font></li>
    </ul>
 
<font color="black" size="2" face="Verdana, Arial" font="font">1. Statement and Evidence </font>
<ul>
    <li><font color="black" size="2" face="Verdana, Arial" font="font"><a href="Reports/1 Statements and Evidence/Balance sheets.pdf">Balance sheets</a></font></li>
    <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/1 Statements and Evidence/Statement 1.pdf">Statement 1</a></font></li>
    <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/1 Statements and Evidence/Statement 2.pdf">Statement 2</a></font></li>
    <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/1 Statements and Evidence/Statement 3.pdf">Statement 3</a> </font> </li>
</ul>
 
<font color="black" size="2" face="Verdana, Arial">2. Missionpharma Presentation </font><font color="black" size="2" face="Verdana, Arial" font="font"><br>
  </font><ul>
    <li><font color="black" size="2" face="Verdana, Arial" font="font">Et eller andet PDF</font></li>
    <li>Annexes
      <ul>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/2 Missionpharma Presentation/Annexes/Annex 1.pdf">Annex 1</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/2 Missionpharma Presentation/Annexes/Annex 2.pdf">Annex 2</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/2 Missionpharma Presentation/Annexes/Annex 3.pdf">Annex 3</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/2 Missionpharma Presentation/Annexes/Annex 4.pdf">Annex 4</a></font></li>
      </ul>
    </li>
  </ul>
  <font color="black" size="2" face="Verdana, Arial" font="font">3</font><font color="black" size="2" face="Verdana, Arial" font="font">.UNITAID-CHAI Project Management Approach <br>
  </font><ul>
    <li><font color="black" size="2" face="Verdana, Arial" font="font">Et eller andet PDF</font></li>
    <li><font color="black" size="2" face="Verdana, Arial">Annexes</font>
      <ul>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/3 UNITAID-CHAI Project Management Approach/Annexes/Annex 1.pdf">Annex 1</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/3 UNITAID-CHAI Project Management Approach/Annexes/Annex 2.pdf">Annex 2</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/3 UNITAID-CHAI Project Management Approach/Annexes/Annex 3.pdf">Annex 3</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/3 UNITAID-CHAI Project Management Approach/Annexes/Annex 4.pdf">Annex 4</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/3 UNITAID-CHAI Project Management Approach/Annexes/Annex 5.pdf">Annex 5</a> </font></li>
      </ul>
    </li>
  </ul>
  <font color="black" size="2" face="Verdana, Arial">4</font><font color="black" size="2" face="Verdana, Arial" font="font">. UNITAID-CHAI Reporting <br>
  </font>
  <ul>
      <li><font color="black" size="2" face="Verdana, Arial" font="font">Et eller andet PDF</font></li>
      <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif">Financial Reports<br>
  </font>      </li>
    <ul>
      <li><font color="black" size="2" face="Verdana, Arial" font="font"><a href="Reports/4 UNITAID-CHAI Reporting/Financial Reports/Bank account.pdf"target="_blank">Bank Account</a></font></li>
      <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/4 UNITAID-CHAI Reporting/Financial Reports/Master Invoice JANUARY 2008.pdf">Master Invoice JANUARY 2008</a></font></li>
      <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/4 UNITAID-CHAI Reporting/Financial Reports/statement of account.pdf">Statement of Account</a> </font></li>
    </ul>
    <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif">Performance Reports</font>
      <ul>
        <li><font color="Black" size="2"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/Average leadtime country.pdf"><font face="Verdana, Arial, Helvetica, sans-serif">Average leadtime country</font></a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/Average leadtime in SC.pdf">Average leadtime in SC</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/Average leadtime per manufacturer.pdf">Average leadtime per manufacturer</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/Average production time.pdf">Average production time</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/Freight Cost.pdf">Freight Cost</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/General Figures.pdf">General Figures</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/Linear trends of all steps in the SC.pdf">Linear trends of all steps in the SC</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/SC breakdown.pdf">SC breakdown</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/Total USD value per manufacturer.pdf">Total USD value per manufacturer</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/Total USD value per product.pdf">Total USD value per product</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Perfomance Reports/Total value per country.pdf">Total value per Country</a></font></li>
      </ul>
    </li>
    <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif">Quality Reports</font>
      <ul>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Quality Reports/Dossier evaluation.pdf">Dossier evaluation</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Quality Reports/Pre-Shipment Inspection.pdf">Pre-Shipment Inspection</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Quality Reports/Product re-testing.pdf">Product re-testing</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Quality Reports/Product specifications.pdf">Product specifications</a></font></li>
        <li><font color="Black" size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="Reports/4 UNITAID-CHAI Reporting/Quality Reports/Registration status.pdf">Registration status</a> </font>          </li>
      </ul>
    </li>
  </ul>
  <font color="black" size="2" face="Verdana, Arial, Helvetica, sans-serif" font="font">5.</font><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
  QA / QC and Registration</font>
  <ul>
    <li><font color="black" size="2" face="Verdana, Arial" font="font">Et eller andet PDF</font></li>
    <li><font color="black" size="2" face="Verdana, Arial">Annexes</font>
      <ul>
        <li><font color="black" size="2" face="Verdana, Arial" font="font"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 1.pdf">Annex 1</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 2.pdf">Annex 2</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 3.pdf">Annex 3</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 4.pdf">Annex 4</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 5.pdf">Annex 5</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 6.pdf">Annex 6</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 7.pdf">Annex 7</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 8.pdf">Annex 8</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 9.pdf">Annex 9</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 10.pdf">Annex 10</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 11.pdf">Annex 11</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 12.pdf">Annex 12</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 13.pdf">Annex 13</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 14.pdf">Annex 14</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 15.pdf">Annex 15</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 16.pdf">Annex 16</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 17.pdf">Annex 17</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 18.pdf">Annex 18</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 19.pdf">Annex 19</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 20.pdf">Annex 20</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/5 QA_QC and Registration/Annexes/Annex 21.pdf">Annex 21</a> </font></li>
      </ul>
    </li>
  </ul>
  <font color="black" size="2" face="Verdana, Arial">6</font><font color="black" size="2" face="Verdana, Arial" font="font">. Supply Chain Management - Purchasing and Registration <br>
  </font>
  <ul>
    <li><font color="black" size="2" face="Verdana, Arial" font="font">Et eller andet PDF</font></li>
    <li><font color="black" size="2" face="Verdana, Arial">Annexes</font>
      <ul>
        <li><font color="black" size="2" face="Verdana, Arial" font="font"><a href="Reports/6 SCM purchasing and logistics/Annexes/Annex 1.pdf">Annex 1</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/6 SCM purchasing and logistics/Annexes/Annex 2.pdf">Annex 2</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/6 SCM purchasing and logistics/Annexes/Annex 3.pdf">Annex 3</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/6 SCM purchasing and logistics/Annexes/Annex 4.pdf">Annex 4</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/6 SCM purchasing and logistics/Annexes/Annex 5.pdf">Annex 5</a></font></li>
        <li><font color="black" size="2" face="Verdana, Arial"><a href="Reports/6 SCM purchasing and logistics/Annexes/Annex 6.pdf">Annex 6</a> </font></li>
      </ul>
    </li>
  </ul>
  <font color="black" size="2" face="Verdana, Arial">7</font><font color="black" size="2" face="Verdana, Arial" font="font">. Improvement Opportunities <br>
  </font>
  <ul>
    <li><font color="black" size="2" face="Verdana, Arial" font="font">Et eller andet PDF </font></li>
  </ul>
  </ul> 
</ol>
Avatar billede w13 Novice
08. august 2008 - 09:39 #1
Du kan jo prøve at se, om du kan få noget ud af dette eksempel:

<script type="text/javascript">
function toggleDisplay(o){
  o=document.getElementById(o);
  o.style.display=o.style.display!="block"?"block":"none";
}
</script>

<span onclick="toggleDisplay('hovedpunkt1')">Hovedpunkt 1</span>
<span onclick="toggleDisplay('hovedpunkt2')">Hovedpunkt 2</span>

<div id="hovedpunkt1" style="display:none">
  Punkt 1_1<br>
  Punkt 1_2<br>
  Punkt 1_3
</div>

<div id="hovedpunkt2" style="display:none">
  Punkt 2_1<br>
  Punkt 2_2<br>
  Punkt 2_3
</div>
Avatar billede martin_sj Nybegynder
11. august 2008 - 12:51 #2
Hej W13 tak for svaret, det er da et stykke af vejen.
Jeg har selv fundet et genialt program som bare spiller 100%, her kan du nemt og hurtigt lave dynamiske menuer. http://www.opencube.com/index.asp
W13 du får halvdelen af pointne for hjælpen, prøv lige at kører programmet QuickMenu det er virkeligt godt.
Avatar billede w13 Novice
11. august 2008 - 13:11 #3
Tak for point. =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester