Avatar billede metal_hansen Nybegynder
12. april 2004 - 16:45 Der er 73 kommentarer og
2 løsninger

Hjælp til dropdown menu script - sikkert nemt

Jeg har endelig fundet mig en dropdownmenu som jeg kan forholde mig til, men når jeg klikker på et link vil den åbne det i en iframe - det er åbenbart en del af scriptet  :/
Er der ikke en der kan fjerne den del, så et link bare åbner normalt?!

her er scriptet:

www.mikeportnoy.dk/menu_script.js

hvis du vil ha det hele kan det hentes her:
http://www.cs.vu.nl/~aedongen/karaoke.html (iframen ER der, den er bare samme farve som resten af siden..)

på forhånd 1000 tak ( jeg har bixet med det her lææænge)
Avatar billede roenving Novice
12. april 2004 - 17:05 #1
Ser ud til at der i js.filen kun eet sted står en location:

function runMenu(strURL){
    frames["iframe"].location.href=strURL;
}

Så kan du prøve:

function runMenu(strURL){
    //frames["iframe"].
        location.href=strURL;
}

Men det er da noget snot, hvis menuen fastlægger et navngivelses-skema ...

Ligesom hvis en skrue-producent fastlagde, at hans skruer kun måtte bruges i produkter, som hed 'emarfi' ...
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:08 #2
linie 74 tegn 9 - tilladelse nægtet - siger den så
Avatar billede roenving Novice
12. april 2004 - 17:12 #3
-- og linje 74 er location-linjen ?-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:14 #4
linie 74 er den linie der kommer lige efter }
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:14 #5
...altså faktisk lige efter det du ændrede
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:15 #6
der står ikke noget i den linie, altså.... :/
Avatar billede roenving Novice
12. april 2004 - 17:22 #7
Manuel debugging:

function runMenu(strURL){
    alert(strURL);
    location.href=strURL;
}
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:26 #8
hmm så kommer den med en alertbox hvor der står navnet på den fil jeg linker til i det menupunkt som jeg klikker på
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:28 #9
altså hvis det er for latterligt at spilde tiden med det her, så kan jeg da prøve om jeg kan hitte en anden dropdown menu!
Avatar billede roenving Novice
12. april 2004 - 17:32 #10
Får du også fejlen med tilladelse nægtet ?-)

-- btw kan det være i html-filen linjenummeret skal findes, fejlmeddelelserne er ikke altid så indlysende !-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:35 #11
ja, men html-filen indeholder stort set ingenting...

men det er næsten åndssvagt at bruge tid på det her, jeg skal bare bruge en dropdownmenu i stil med den her, så det burde da være til at finde
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:37 #12
hmm jeg har fundet en anden nu, men den siger en fejl når jeg prøver at tilføje nogle flere menupunkter - jeg fatter nada..  *G*
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:39 #13
jo fanme nu fandt jeg ud af hvordan.. så jeg tror sq bare jeg bruger den :)

sorry for din tid, men smid et svar og du får nogle point!

er du forresten ikke på icq mere?!
Avatar billede roenving Novice
12. april 2004 - 17:40 #14
Der er en absolut brugbar vejledning til en menu på webdesign101:

http://www.webdesign101.dk/xhtml/navigation/hvmenu/index.php
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:41 #15
jeps, den har jeg kigget på (har været google igennem) men jeg synes ikke jeg faldt over noget jeg kunne gennemskue...

men tak alligevel
Avatar billede roenving Novice
12. april 2004 - 17:42 #16
Ja, men du skal da lige beholde _langt_ de fleste points, for det er for latterligt at give 200 points her !-)

-- og min icq fungerer fint, men jeg kan ikke ændre noget herfra, så kun dem, som jeg i forvejen har på listen kan komme i kontakt med mig !-)
Avatar billede roenving Novice
12. april 2004 - 17:42 #17
;O)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:43 #18
okidoki - du får 60 så er det vist fino ;)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 17:43 #19
et svar
Avatar billede roenving Novice
12. april 2004 - 17:45 #20
-- og tak for points ;~}
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:19 #21
er du der stadig?! jeg ku godt bruge noget hjælp til noget css !

jeg skal ha tildelt menuen noget for sig, så dens atributter ikke indvirker på hele siden! jeg ved lidt om css, men jeg synes jeg bliver forvirret over det her *G*
Avatar billede roenving Novice
12. april 2004 - 18:24 #22
Er det a-tags inde i menuen ?-)

Man kan lave selektorer på denne måde:

.menuClass a{}/*alle a, som er efterkommere*/

-- hvor _alle_ a-tags, som ligger inde i elementer med class menuClass vil blive berørt, men _ingen_ andre a-tags ...

-- og du kan differentiere yderligere, hvis du vil have forskel på primære og sekundære:

.menuClass td a{}/*Kun hvis der er en td rundt om*/

.menuClass td td a{}/*så skal der være to lag af td'er rundt om*/
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:27 #23
problemet er mere at jeg ikke er 100% sikker på hvad der betyder hvad...

jeg har en extern css-fil, hvor en masse er defineret, og så er der så menuen, som der hører dette til (som fucker resten af siden op)

<style>
body{font-family:verdana;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:FFFFFF}
td.menu{background:C2C2C2}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>

specielt den der visibility:hidden -
hvordan får jeg det ordnet, så menutabellen for de atributter, men ikke resten af siden?!
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:29 #24
min css ser sådan her ud:

BODY {
    SCROLLBAR-FACE-COLOR: #494949;
    SCROLLBAR-HIGHLIGHT-COLOR: #494949;
    SCROLLBAR-SHADOW-COLOR: black;
    SCROLLBAR-3DLIGHT-COLOR: white;
    SCROLLBAR-ARROW-COLOR: white;
    SCROLLBAR-TRACK-COLOR: black;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    SCROLLBAR-DARKSHADOW-COLOR: black;
    SCROLLBAR-BASE-COLOR: #50aaba;
    background-attachment : scroll;
    overflow-x : hidden;
    background-color : Black;
    background-image : url(images/baggrund01.jpg);
}
A:active {
    COLOR: Black;
    TEXT-DECORATION: none
}
A:hover {
    COLOR: Black;
    TEXT-DECORATION: none;
    background : White;
}
A:visited {
    TEXT-DECORATION: none;
    color : Black;
}
A:link {
    TEXT-DECORATION: none;
    color : Black;
}
.indhold {
    font-family: "Times New Roman";
    font-size: 15px;
    line-height: 17px;
    color: Black;
    font : bolder;
}
.indhold2 {
    font-family: "Times New Roman";
    font-size: 15px;
    line-height: 17px;
    color: Black;
    font : bolder;
    margin : 2px;
}
.leftbox {
}
.indholdbox {
    color: Black;
    border : solid;
}
Avatar billede roenving Novice
12. april 2004 - 18:32 #25
De burde ikke påvirke resten af din side, hvis du afslutter table-tags korrekt !-)

Husk forøvrigt at sætte #-tegn på farve-angivelser !o]
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:35 #26
burde de ikke?!? vil du se min kode?! der skulle nemlig ikke være noget galt med den, så vidt jeg ved :/
Avatar billede roenving Novice
12. april 2004 - 18:36 #27
Ligger den på den url, du har smidt ?-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:37 #28
siden jeg arbejder på kan ses her: http://www.mikeportnoy.dk/index3.php

som du kan se er siden sort (maintabellen har et baggrundshillede, som så ikke kan ses.... etc...)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:39 #29
og mouseovereffekten, som jeg har sat på sidens links er nu også i menuen - det er ikke meningen
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:51 #30
arbejder du på sagen eller?! ;)
Avatar billede roenving Novice
12. april 2004 - 18:51 #31
Mon ikke det er fordi du har blandet noget html og css sammen ?-)

style="background:url('images/baggrund_template2.jpg')"

-- og ja, effekter, du definerer for _alle_ a-tags på siden vil også virke for specielle a-tags, der skal du forøvrigt være opmærksom på, at rækkefølgen er essentiel, en generel angivelse (altså a alene som selektor) skal komme før en speciel ...

-- og vhis du ikke vil have dem til at virke på de specielle skal de enkelte properties laves anderledes !o]
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:54 #32
ang. baggrundsbilledet, så er det jo kun i tabellen, så hvordan skal jeg så lave det?!?  (baggrundsbilledet i siderne er et andet, som er defineret i css-filen
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:55 #33
hmmm ok - ang. linksne så tror jeg godt jeg kan leve med at ændre topmenuerne sådan så de passer til resten af sidens atributter, men hvordan fixer jeg så resten af det med menuen?! - altså det der med hidden osv
Avatar billede roenving Novice
12. april 2004 - 18:56 #34
-- og så glemte jeg lige:

Det er for latterligt, at bruge document.all til nogetsomhelst, hvis ikke også man bruger document.getElementById ...

For de eneste som ikke forstår .getElementById, men forstår .all er IE4 plus nogle ligeså gamle Opera-versioner, mens alle andre end IE og Opera ikke forstår document.all !-)
Avatar billede roenving Novice
12. april 2004 - 18:57 #35
Sæt den style-attribut ind i stedet for din background-attribut !-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 18:59 #36
øøøh jeg er ikke helt med! min baggrundsattribut er jo iorden - det baggrundsbillede jeg henviser til vha html er jo kun baggrundsbillede i hovedtabellen, som siden består af!
Avatar billede roenving Novice
12. april 2004 - 19:00 #37
-- men jeg kunne ikke finde nogen attribut, som hedder background i html-definitionerne !-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:00 #38
jeg vil altså være dig evig taknemmelig hvis du gider at kigge på det og få det til at virke - jeg kan evt. lige zippe de filer det drejer sig om, og så uploade dem?!
Avatar billede roenving Novice
12. april 2004 - 19:02 #39
Jeg har desværre ikke tid til at koncentrere mig sådan lige nu ...

<table width="85%" cellspacing="10" cellpadding="2" align="center" style="background-image:url('images/baggrund_template2.jpg')"> !-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:04 #40
ok

ja, det hjalp på billedet :)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:05 #41
men der er stadig lige det med de forskellige a.link osv - hvordan klarer jeg den?! jeg er fanme ret lost :(
Avatar billede roenving Novice
12. april 2004 - 19:11 #42
Prøv at lave en lille simpel side, hvor du kan se det:

<style type="text/css">
a{color:red;}
a:hover{color:pink;}
td a{color:green;}
.menu a{color:blue;}
.menu a:hover{color:black;}
</style>

<a href="#">Link udenfor noget</a>
<table><tr>
  <td>
    <a href="#">Link i td</a></td>
  </tr>
  <tr><td class="menu">
    <a href="#">Link i td med class="menu"</a></td>
  </tr>
</table>
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:14 #43
ok - men hvori består forskellen?!

jeg er også mest forvirret over at der her:

table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:FFFFFF}
td.menu{background:C2C2C2}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}

ikke er . før de forskellige classes?! hvis det altså ER classes?!
er td.menu og table.menu classes??! eller hvad er de?!
og hvad med vidibility:hidden - hvordan får jeg den sat på menuen og ikke resten af siden?!
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:16 #44
aaah jeg tror jeg fatter dit eksempel - så nu er det 'kun' resten jeg er lidt lost over
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:16 #45
jeg er heller ikke med på hvad {
font-size:100%;
position:absolute;
visibility:hidden;
} hører med til
Avatar billede roenving Novice
12. april 2004 - 19:18 #46
.menu er en class men td foran er et html-element ...

-- og egentlig vil jeg fraråde, at man bruger samme class-name til forskellige properties, men de laver det vel ikke uden at det virker ?-)

-- og har du prøvet det lille eksempel ?o]
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:20 #47
ja jeg har prøvet dit eksempel - der er jeg helt med :)

det er mest det der visibility:hidden jeg ikke rigtig ved hvad jeg skal gøre med - det er vel det der får menuen til at være skjult indtil mouseover, så jeg kan jo ikke bare fjerne det - hvad gør jeg?!
Avatar billede roenving Novice
12. april 2004 - 19:21 #48
{} bruges til at starte og afslutte en css-definition, ; til at skille forskellige properties ad og så er der /*kommentarer */ Ellers skal _al_ whitespace overses af fortolkeren, så det kunne ligesågodt være skrevet:

table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#fff}
td.menu{background:#C2C2C2}
table.menu{font-size:100%;position:absolute;visibility:hidden;}
Avatar billede roenving Novice
12. april 2004 - 19:24 #49
-- og så vil jeg godt gentage:

roenving @ 12/04-2004 18:56:19

-- det'r zq vigtigt !-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:26 #50
ang. 12/04-2004 18:56:19 så fatter jeg ikke en dyt :(
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:31 #51
..men jeg kan da se at nu har jeg fået det til at virke, så siden ser da fin ud - men det der du forklarer der fatter jeg hat af - men er det en mangel på min side eller hvad?! og er det noget der kan fixes?
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:31 #52
Avatar billede roenving Novice
12. april 2004 - 19:33 #53
Din menu dur kun hos mennesker der bruger Internet Explorer 4+ samt Opera et-eller-andet ...

Det er jo i orden at angive, at man har optimeret til brug med en bestemt browser (selv om jeg ik' li'e kan se formålet med at udgive noget på Internettet, hvis ikke alle kan se det, man vil !-)

-- men det er bestemt for dumt, hvis tilfældige brugere ikke kan bruge de mest grundlæggende funktioner, hvad ville du sige til, at du kun kunne købe trommestikker, som alene virkede, hvis man havde Levis på ?-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:36 #54
dvs. netscape etc virker ikke så  :/
hmmm den må vel kunne kringles på en eller anden måde?!
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:36 #55
men du skal ha 111000000 tak for hjælpen! nu er der vel snart E-træf igen, så gir jeg fanme nogle bajere :))
Avatar billede roenving Novice
12. april 2004 - 19:40 #56
Ja !-)

i menu-filen indsætter du:

var dom = (document.getElementById)?true:false;
var ie4 = (document.all)?true:false;

_Alle_ steder, hvor der nu står document.all ændrer du til at dække begge muligheder, f.eks.:

NU: document.all[variabelnavn].style.visibility = noget

Ændret:

if(dom)document.getElementById(variabelnavn).style.visibility = noget
else if(ie4)document.all[variabelnavn].style.visibility = noget
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:41 #57
ok det kigger jeg på senere :)
tak skal du ha!
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:51 #58
liiige EN ting:

table{font-size:80%;background:black}

den får min venstre tabel til at blive sort i baggrunden - hvad kan jeg gøre ved det?!
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:54 #59
det er den der laver de sorte kanter i tabellen, så jeg kan ikke ændre den.. men jeg kan vel gi den en attribut for sig selv?!
Avatar billede roenving Novice
12. april 2004 - 19:56 #60
Den får _alle_ tables baggrund til at blive sort !-)

Flere muligheder:

1. Fjerner den !-) Dur kun, hvis ikke menuen bruger mange tables
2. Sætter baggrund på den anden tabel med en class eller inline med style eller bgcolor
3. sætter en class på menu-hovedtabellen og ændrer til:

.menuHovedTabel{font-size:80%;background:black}
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:57 #61
jamen menuhovedtabellen skal jo ikke være sort?!
Avatar billede metal_hansen Nybegynder
12. april 2004 - 19:59 #62
aaah nu forstår jeg
Avatar billede roenving Novice
12. april 2004 - 19:59 #63
Det er det den style gør !-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 20:00 #64
meeen jeg er ikke sikker på hvad der er jeg skal ændre?
Avatar billede roenving Novice
12. april 2004 - 20:02 #65
Du skriver bare:

.menutable{font-size:80%;background:black}

i stedet !-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 20:04 #66
done - men kanterne er stadig ikke sorte?!
Avatar billede roenving Novice
12. april 2004 - 20:07 #67
Ok, så:

.menutable,.menutable table{font-size:80%;background:black}
Avatar billede metal_hansen Nybegynder
12. april 2004 - 20:07 #68
altså i menuen?! hvordan kan det være?! der må jo være noget jeg har glemt?
Avatar billede metal_hansen Nybegynder
12. april 2004 - 20:07 #69
skal kommaet være der?
Avatar billede metal_hansen Nybegynder
12. april 2004 - 20:08 #70
ja det skal det vist for nu ser det ud til at virke - men hvad var det du gjorde der? bare så jeg fatter det nogenlunde
Avatar billede roenving Novice
12. april 2004 - 20:09 #71
Det er meget vigtigt, da det er et opremsningskomma, den betyder det samme som:

.menutable{font-size:80%;background:black}
.menutable table{font-size:80%;background:black}

-- men det er lissom lidt lettere at skrive det een gang !-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 20:11 #72
aah ok cool nok!
takker igen! huuuha det blir dyrt i øl for mig det her :D
Avatar billede roenving Novice
12. april 2004 - 20:12 #73
Du har vel en aftale med Odense Bryghus ?-)

-- om at du sponserer dem !-)
Avatar billede metal_hansen Nybegynder
12. april 2004 - 20:15 #74
jeg må vist hellere til at lave en aftale med dem, ser det ud til!  8)
Avatar billede roenving Novice
12. april 2004 - 20:16 #75
Jahhhh ...
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

Seneste spørgsmål Seneste aktivitet
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging