Avatar billede lordhead Nybegynder
03. juni 2003 - 12:03 Der er 19 kommentarer og
1 løsning

indkluder css i javascript genereret menu

Hej alle eksperter.

Jeg er igang med en hjemmeside hvor det er uundværligt at have en javascript genereret menu!

Det jeg bare var i tvivl om var, om jeg måske kunne bruge class metoden, så jeg kunne linke til et stylesheet, og derved spare mig for en masse tid?!


Hvis man kan det; Hvordan gør man så dette?
Avatar billede roenving Novice
03. juni 2003 - 12:16 #1
-- alle html-elementer har en property, som hedder className -- den kan du sætte ,-)

Jeg kan ikke helt gennemskue, hvad du mener ?-)
Avatar billede lordhead Nybegynder
03. juni 2003 - 12:23 #2
Okay... så prøver jeg at forklare det lidt bedre.

1: jeg har et eksternt stylesheet, som jeg vil bruge i et eksternt javascript (i dette tilfælde til en menu)

2: Kan man lave noget i stil med dette i et eksternt javascript?:

docoment.write("<div class='menu-class'><a href='xxx.htm'>Menutekst 1</a>")
docoment.write("<div class='menu-class'><a href='xxx.htm'>Menutekst 2</a>")
docoment.write("<div class='menu-class'><a href='xxx.htm'>Menutekst 3</a>")
Avatar billede lordhead Nybegynder
03. juni 2003 - 12:25 #3
rettelse:

document.write("<div class='menu-class'><a href='xxx.htm'>Menutekst 1</a><br>")
document.write("<div class='menu-class'><a href='xxx.htm'>Menutekst 2</a><br>")
document.write("<div class='menu-class'><a href='xxx.htm'>Menutekst 3</a><br></div>")
Avatar billede roenving Novice
03. juni 2003 - 12:30 #4
Ja, det kan du sagtens ;O)

-- og afslut-</div>'en skal vel med på alle linjer ...
Avatar billede lordhead Nybegynder
03. juni 2003 - 12:31 #5
Ok, tak...

Prøver det lige, inden jeg giver points *SS*
Avatar billede roenving Novice
03. juni 2003 - 12:32 #6
,-)
Avatar billede roenving Novice
03. juni 2003 - 12:33 #7
-- og det er ihvertfald ikke lige et svar til 100 p. !-]
Avatar billede lordhead Nybegynder
03. juni 2003 - 12:35 #8
Hmm... Syntes selv det lød meget svært - er jo også newbie til javascript ;~D
Avatar billede lordhead Nybegynder
03. juni 2003 - 12:57 #9
Det virker... !

Har bare lige et til spm:

Ved du hvordan jeg f.eks. for dette med i mit link, i selve javascript menuen?:
onmouseover="window.status='Til forsiden';return true;"
Avatar billede roenving Novice
03. juni 2003 - 13:06 #10
så begynder det at blive svært fordi vi så har 3 lag af "", men så må vi jo snyde lidt

document.write("<div class='menu-class'><a href='xxx.htm' onmouseover=\42window.status='Til forsiden';return true;\42>Menutekst 3</a><br></div>")

altså den der \42 sættes ind !-)
Avatar billede lordhead Nybegynder
03. juni 2003 - 13:08 #11
Det ser spændende ud... !

Det prøver jeg lige!
Avatar billede lordhead Nybegynder
03. juni 2003 - 13:17 #12
Det virker(desværre) ikke!
Avatar billede skovenborg Nybegynder
04. juni 2003 - 19:31 #13
Prøv det her:
document.write("<div class='menu-class'><a href='xxx.htm' onmouseover=\"window.status='Til forsiden';return true;\">Menutekst 3</a><br></div>");

roenving's virkede ellers på min computer.
Avatar billede roenving Novice
04. juni 2003 - 19:35 #14
Det virker -- ifølge olebole -- på ALLE computere som kan javascript !-)
Avatar billede lordhead Nybegynder
04. juni 2003 - 20:40 #15
Det er da mystisk... roenvings virker ikke på min computer.

Har dog ikke prøvet skovenborgs endnu!
Avatar billede lordhead Nybegynder
04. juni 2003 - 20:46 #16
Jeg må i sandhed indrømme at jeg har dummet mig...

Roengving lig lige et svar, så vi kan få det overstået :)

grunden til at det ikke virkede var - selvfølgelig fordi jeg havde trykket /42, og altså ikke \42 8)

Jeg undskylder endnu en gang !
Avatar billede roenving Novice
04. juni 2003 - 20:47 #17
Årh '-)

-- men så er du kørende ?-)
Avatar billede lordhead Nybegynder
04. juni 2003 - 22:09 #18
Yep, og du er rigere ^^
Avatar billede roenving Novice
04. juni 2003 - 22:11 #19
Takker for points ;~}
Avatar billede lordhead Nybegynder
05. juni 2003 - 08:29 #20
-taker for et svar!

-det var så lidt
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