Avatar billede maniacdog Nybegynder
09. april 2001 - 11:36 Der er 10 kommentarer og
2 løsninger

En menu til en hjemmeside.

Hejsa

Okay, lad mig prøve og begynde fra en ende af.
I firmaet hvor jeg arbejder står jeg (sammen med en anden) for en intranet webserver med html snask og hvad vi nu ellers kan finde på :)
Til denne hjemmeside er der også en menu, men den vil ikke virke i NetCrap. Det er i og for sig heller ikke vores problem ;)

Anyway jeg har tænkt mig og prøve og gøre noget ved det og til dette formål efterlyser jeg en menu som jeg selv nemt og hurtige kan ændre i (helst uden brug af andre programmer end notesblok).

Jeg havde forstillet mig noget ligende det her;

+ Menupunkt1 (sammenfoldet)
+ Menupunkt2 (sammenfoldet)
- Menupunkt3 (udfoldet)
+ Undermenupunkt1 (sammenfoldet)
- Undermenupunkt2 (udfoldet)
  + Undermenupunkt3 (sammenfoldet)
+ Menupunk4 (sammenfoldet)

O.s.v.
Altså så jeg hurtigt og nemt kan tilføje/fjerne et menu punkt.
De må, rettere SKAL kunne linke videre ud på WWW og også interne filer som word, excel etc. Den skal være hurtig og loade ind, vi har tidligere prøvet med noget java men den tog 4 hundrede år og loade ind og det duede ikke :)
En anden ting er at den skal være højrestillet. Vi bruger 3 frames,

|--------
| 1|    |
|__|  3 |
|_2|____|

Sårn cirka. Menuen skal være der hvor der står 1, det vi viser står i nr. 3 og nr. 2 bruger vi til sårn lidt af hvert.

Vores mål med denne side er bl.a. at den skal være nem, hurtigt og overskuelig og bruge.
På denne måde kan vi samle flere nyttige ting som vores firma bruger.

Det er nok muligt jeg har glemt og nævne noget men så kommer det når jeg husker det ;)
Avatar billede engrob Nybegynder
09. april 2001 - 11:42 #1
Kig på www.bratta.com under scriptomania. Der er mange. De hedder noget med collaps menu.
Avatar billede nute Nybegynder
09. april 2001 - 11:44 #2
du har et hav av sånne menyer her:

http://www.dynamicdrive.com/dynamicindex1/index.html

her er også en oversikt noen andre fine:

http://www.bratta.com/dhtml/scripts/list.asp

under begge linkene er det en demo av menyene så du kan selv teste dem før du laster ned koden

/nute
Avatar billede maniacdog Nybegynder
09. april 2001 - 15:37 #3
Vender lige tilbage når jeg har tjekket nogen af dem. Umiddelbart ved \"first eye-look\" så ser nute\'s nr. 2 link ret godt ud.
Men som sagt så vender jeg lige tilbage.
Forslag modtages stadig gerne.
Avatar billede engrob Nybegynder
09. april 2001 - 21:58 #4
Nutes link nr2 er sådan set det samme jeg har beskrevet. Han har bare skrevet hele linket :)
Avatar billede maniacdog Nybegynder
11. april 2001 - 08:35 #5
Det ved jeg godt.
Men lad mig spørge dig, vil du helst have et direkte link eller bare en site som du så selv kan rode igennem?
;)
Avatar billede maniacdog Nybegynder
11. april 2001 - 10:00 #6
Syntes bare de er alt for indviklede for mig...
Okay jeg er også nybegynder mén der må da findes nogen til folk som mig?
Avatar billede nute Nybegynder
11. april 2001 - 11:16 #7
man kan ikke forvente å kaste seg ut i noe og bare håpe på at det er enkelt. Det å lage noe sånt krever forståelse av endel ting. Hva med å sette ditt ambisjonsnivå til et litt lavere nivå ?

Jeg vil råde deg til å lese

http://www.dansteinman.com/dynduo

for en innføring og ganske god gjennomgang X-browser DHTML.

Anyway...dette er nok den enkleste menyen man kan komme over:

<html>
<head>
    <title>Untitled</title>
    <style>
<!--
#foldheader{cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language=\"JavaScript1.2\">

var head=\"display:\'\'\"
img1=new Image()
img1.src=\"fold.gif\"
img2=new Image()
img2.src=\"open.gif\"

function change(){
  if(!document.all)
      return
  if (event.srcElement.id==\"foldheader\") {
      var srcIndex = event.srcElement.sourceIndex
      var nested = document.all[srcIndex+1]
      if (nested.style.display==\"none\") {
        nested.style.display=\'\'
        event.srcElement.style.listStyleImage=\"url(open.gif)\"
      }
      else {
        nested.style.display=\"none\"
        event.srcElement.style.listStyleImage=\"url(fold.gif)\"
      }
  }
}

document.onclick=change

//-->
</script>
</head>

<body>
<ul>
  <li id=\"foldheader\">Folder</li>
  <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
    <li><a href=\"\">Punkt 1</a></li>
    <li id=\"foldheader\">Subfolder</li>
    <ul id=\"foldinglist\" style=\"display:none\" style=&{head};>
      <li><a href=\"\">SubPunkt 1</a></li>
    </ul>
  </ul>
</ul>
</body>
</html>

/nute

Avatar billede engrob Nybegynder
11. april 2001 - 11:43 #8
Selvfølgelig vil jeg helst have direkte link, troede vel bare jeg kunne score nogen billige point, hehe.
Avatar billede maniacdog Nybegynder
11. april 2001 - 16:53 #9
Den som vi kører med nu den er enkel den virker bare ikke i netcrap. Internettet er stort så derfor MÅ der findes endnu en enkel menu som også virker i netcrap :)
Avatar billede nute Nybegynder
11. april 2001 - 16:58 #10
har du testet det jeg har postet ? hvis dette er noe du synes er ok, så kan den selvfølgelig skrives om til å fungere på NS... det er bare noe jeg har postet relativt hurtig for å vise deg noe...

kan det brukes (i IE)?
Avatar billede maniacdog Nybegynder
18. april 2001 - 18:05 #11
Det er ikke IE som har været problemet overhovedet, det har været NetScape som der har været bøvl med.

Jeg har ikke glemt dette spørgsmål men jeg har ferie lige pt. og så venter jeg med og teste det til jeg er tilbage fra ferie.

Forslag modtages stadigvæk gerne!
Avatar billede maniacdog Nybegynder
01. maj 2001 - 08:44 #12
Det er ikke lykkes mig og få nogen af de overnænvte til og \"passe\" ind i vores website.
Derfor har jeg besluttet og kigge nærmere på det rundt omkring på nettet (igen).

Jeg kan ikke bruge noget der kan fansy ting så som grafisk fades etc.
Det skal bare \"være ganske normal\" ment på den måde at den kan collapse, være nem og opdatere/vedligeholde, hurtig.

Jeg har besluttet mig og dele disse point mellem jer to. Så er der ingen der er snydt.
Tak for hjælpen og tålmodigheden.
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
Kurser inden for grundlæggende programmering

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