Avatar billede ordinary Nybegynder
17. oktober 2001 - 17:14 Der er 9 kommentarer og
1 løsning

skriv en munu til siden

Jeg er næsten færdig med en menu som bliver skrevet til siden, men jeg vil gerne have mouseover/mouseout til at virke.
Jeg har deffineret en variabel i starten med genveje mouseover billeder osv.
jeg er kommet til http://www.ordinary.subnet.dk/menu.html som virker
men vil heller have følgende til at virke
http://www.ordinary.subnet.dk/menu2.html
for at udnytte kun en variabel.

Så hvis nogen har en løsning så skriv endelig.
Avatar billede ordinary Nybegynder
17. oktober 2001 - 17:23 #1
ARH pokkers der skulle selvfølgelig stå MENU i overskriften
Avatar billede jakoba Nybegynder
17. oktober 2001 - 17:50 #2
menu2. de mouseover strenge du genererer ser sådanher ud:
  onmouseover=\"ChangeImg(foto.gif,bb)\"
  onmouseout=\"ChangeImg(grafik/dot.gif,bb)\"
og det er ikke godt. der burde være citattegn omkring både første og anden parameter:
  onmouseover=\"ChangeImg(\'foto.gif\',\'bb\')\"
  onmouseout=\"ChangeImg(\'grafik/dot.gif\',\'bb\')\"

skriv din forløkke om til:

for (m in indhold) {
    opdel = indhold[m].split(\"*\");
    skriv(\'<a href=\"#\" onmouseover=\"ChangeImg(\'+\"\'\"+opdel[4]+\"\',\'\"+opdel[2]+\"\'\"
        +\')\"  onmouseout=\"ChangeImg(\'+\"\'\"+mappe[0]+\"dot.gif\',\'\"+opdel[2]+\"\'\"
        +\')\"  >\'+opdel[0]+\'<img border=\"0\" width=\"20\" height=\"9\" name=\"\'
        +opdel[2]+\'\" src=\"grafik/dot.gif\"                    ></a>\'  );
}   

mvh JakobA

Avatar billede ordinary Nybegynder
17. oktober 2001 - 22:52 #3

Det må være noget med en parentes inde i en parentes. Du må gerne gå et skridt tilbage og skrive din mellemregning.

Men du er alle pointsene værd.

Hilsen Jesper


Med lidt fyld blev det til:
<html>
<head>
<style type=\"text/css\">
A:link {    FONT-WEIGHT: bold; COLOR: #004000; TEXT-DECORATION: none}
A:visited {    FONT-WEIGHT: bold; COLOR: #004000; TEXT-DECORATION: none}
A:hover {    FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline}     

BODY {    FONT-SIZE: 10pt; COLOR: #000000; BACKGROUND-COLOR: #ffffff}
TD {    FONT-SIZE: 10pt; COLOR: #c0c0c0 ; BACKGROUND-COLOR: #677b87}
</STYLE>



</head>

<body>
<table width=75 border=\"0\" cellspacing=\"3\" >
<tr><td><h3>Menu</h3></tr></td>

<SCRIPT language=javascript>
/**
* Menu Made by <jesper@ordinary.subnet.dk>
* Use it, but credit me by leaving these 4 lines. part 1/2
**/

/**
* indhold: \"linkname*page*each picture much have a unik letter or two in order to chance*picture
* pictures is in a folder called grafik/ if you don\'t want one delete grafik/. Pages is in sider/
**/


indhold = new Array(    \"første*side01.html*a*home.gif*\",
                        \"anden*side02.html*b*foto.gif*\",
                        \"tredje*side03.html*c*links.gif*update\",
                        \"fjerde*side04.html*d*profile.gif*\",
                        \"femte*side05.html*e*poesi.gif*ny\"    )
mappe = new Array()
mappe[0]= \"grafik/\"
mappe[1]= \"sider/\"

/**leave the rest **/

function ChangeImg(imgName,Target) {
img = new Image;
img.src = imgName;
document[Target].src = img.src;
}

function skriv(tekst){
    document.write(tekst)
}

for (m in indhold) {
opdel = indhold[m].split(\"*\");
skriv(\'<tr><td><a href=\" \'+mappe[1]+\'\'+opdel[1]+\' \" onmouseover=\"ChangeImg(\'+\"\'\"+mappe[0]+\"\"+opdel[3]+\" \',\'\"+opdel[2]+\"\'\"+\')\" onmouseout=\"ChangeImg(\'+\"\'\"+mappe[0]+\"dot.gif\',\'\"+opdel[2]+\"\'\"
+\')\" >\'+opdel[0]+\'<img border=\"0\" width=\"20\" height=\"9\" name=\"\'+opdel[2]+\'\" src=\"\'+mappe[0]+\'dot.gif\" ></a>\');

if (opdel[4]==\"ny\") skriv(\'<img border=\"0\" src=\" \'+mappe[0]+\'ny.gif\" width=\"12\" height=\"12\" alt=\"ny\">\');
if (opdel[4]==\"update\") skriv(\'<img border=\"0\" src=\" \'+mappe[0]+\'update.gif\" width=\"12\" height=\"12\" alt=\"update\">\');
skriv(\'</tr></td>\');
}
</SCRIPT>

</table>
</body>
</html>


Scriptet bliver smidt i en selvstændig fil det samme med css.
så har jeg en god side skabelon.




Avatar billede ordinary Nybegynder
17. oktober 2001 - 22:54 #4
Vil du have credit må du lige skrive et sted på et banner
Avatar billede jakoba Nybegynder
17. oktober 2001 - 23:04 #5
tak for points.
Avatar billede ordinary Nybegynder
18. oktober 2001 - 00:07 #6
jakoba:  hvad med den mellemregning det var 60 points!!!
Avatar billede jakoba Nybegynder
18. oktober 2001 - 00:33 #7
jeg vil gerne, men jeg forstår ikke ganske hvad du mener med \'mellemregning\'

det der med at bygge strengen af skiftevis \"-omkransede og \'-omkransede strenge der lægges sammen er et gammelt og meget simpelt trick til at lave en streng med begge slags plinger i. Det kan også gøres på andre måder (fx med \\ foran en pling så den bliver set som tegn og ikke terminator)

er det noget andet end det?

mvh JakobA
Avatar billede ordinary Nybegynder
18. oktober 2001 - 12:01 #8
JakobA:
Som du skriver på hjemmesiden kan man lave meget i java script som nybegynder.
Jeg har rettet og bygget lidt videre på din ide, jeg kan se at når det skal være der må det også skulle være der (gætter), men den grundlæggende forståelse mangler. Du er inde på det rigtige.
Jeg kigger på onmouseover jeg skrev
(\'+opdel[4]+\',\'+opdel[2]+\')
og du ændrede det til
(\'+\"\'\"+opdel[4]+\"\',\'\"+opdel[2]+\"\'\"+\')
er det rigtigt at +erne i hver ende af linjen omkrandser et valg? Hvorfor \'\"+opdel[4]+\"\'
og ikke bare \'+opdel[4]+\'.
VH Jesper
Avatar billede jakoba Nybegynder
18. oktober 2001 - 17:20 #9
Plusserner er additions plusser
  \"storebælts\" + \"broen\"  giver  \"storebæltsbroen\"

finten er et set er ligemeget om de strenge man bruger er omkramset af \" eller af \' tegn. de er strenge så de bliver lagt sammen til een større streng.

så strengene her:
  \"På Pepe\'s drak vi\" + \' blody \"Andrews\", du ved med Scotch.\'
kan også lægges sammen og bliver så til en streng der indeholde både \' og \" tegn
så ved at tilføje  +\"\'\"  fik jeg lagt nogen \' tegn ind i din streng der de manglede.

mvh JakobA
Avatar billede ordinary Nybegynder
18. oktober 2001 - 22:05 #10
JakobA: Ok; tak for nu.
Jeg må finde en bog for at lære nogle af de grundlæggende regler.
VH Jesper
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