Avatar billede steven Nybegynder
08. august 2000 - 17:44 Der er 15 kommentarer og
1 løsning

Placering af menu

Jeg kan ikke få min menubar (hentet på www.brainjar.com) til at ligge det sted som jeg ønsker.

Her er et udklip af koden:


              function init() {

                    // Create the navigation bars.

                    myNavBar.create();
                  myNavBar.moveTo(0,124)
                     
              }

          </script>
      </head>
    <body onload=\"init()\">
        <center>
        <table border=\"0\" cellspacing=\"0\" width=\"100%\" cellpadding=\"0\">
        <tr>
            <td bgcolor=\"#003100\">&nbsp;</td>

            <td bgcolor=\"#003100\" colspan=\"5\" align=\"center\">
                <img src=\"img/rpvandret.jpg\" border=\"0\">
            </td>

            <td bgcolor=\"#003100\">&nbsp;</td>
        </tr>
        <tr height=\"4\">
            <td bgcolor=\"#003100\" width=\"*\"></td>
            <td bgcolor=\"#003100\" width=\"3\"></td>
            <td bgcolor=\"#003100\" width=\"10\"></td>
            <td bgcolor=\"#003100\" width=\"720\"></td>
            <td bgcolor=\"#003100\" width=\"10\"></td>
            <td bgcolor=\"#003100\" width=\"3\"></td>
            <td bgcolor=\"#003100\" width=\"*\"></td>
        </tr>
        <tr>
            <td bgcolor=\"#003100\"></td>
            <td bgcolor=\"#000000\"></td>
            <td bgcolor=\"#000000\"></td>

            <td bgcolor=\"#000000\">
                <img src=\"img/prik.bmp\" name=\"prik\">
            </td>

            <td bgcolor=\"#000000\"></td>
            <td bgcolor=\"#000000\"></td>
            <td bgcolor=\"#003100\"></td>
        </tr>

I linien \"myNavBar.moveTo(0,124)\" ønsker jeg at sætte (x,y) til koordinaterne på det billede der nævnes i linien \"<img src=\"img/prik.bmp\" name=\"prik\">
\".

Hvordan gør jeg dette?

/Steven
Avatar billede steven Nybegynder
08. august 2000 - 17:45 #1
I kan se hele siden på www.test.as/roland

/Steven
Avatar billede olebole Juniormester
08. august 2000 - 18:26 #2
<ole>
Tjahh...NS er jo ikke noget problem, men IE er lidt bitchy, hvad dette angår. Måske det her eksempel kan hjælpe dig:

<html>
<head>
<script language=\"JavaScript\">
<!--
var ns4 = document.layers;
var ie4 = document.all;
var x = 0;
var y = 0;
function getImagePos(pic) {
    pic = document.images[pic];
    if (ns4) {
        x = pic.x;
        y = pic.y;
    }
    if (ie4) {
        obj = pic;
        while (obj.offsetParent != null) {
            x += obj.offsetLeft;
            y += obj.offsetTop;
            obj = obj.offsetParent;
        }
        x += obj.offsetLeft;
        x += obj.offsetTop;
    }
    alert(x+\" - \"+y);
}
//-->
</script>
</head>
<body marginheight=0 topmargin=0 marginwidth=0 leftmargin=0 onload=\"getImagePos(\'myPic\');\">
<img src=\"klarSpacer.gif\" width=40 height=40><br>&nbsp;&nbsp;&nbsp;&nbsp;<img src=\"DitBillede.gif\" name=\"myPic\">
</body>
</html>

Skriver du bare \'pic.offsetLeft\', får du x-positionen i forhold til den <td>, billedet ligger i. Har du sat cellpadding=0 i dit <table> tag, returneres derfor \'0\'  :oP

Med eksemplet ovenfor, lægger du derimod de \'relative\' positioner sammen og får tilsidst positionen i forhold til vinduet.
/Vh
</bole>
Avatar billede olebole Juniormester
08. august 2000 - 18:29 #3
y += obj.offsetTop;
...skulle der have stået, lige inden alert\'en.
Avatar billede steven Nybegynder
08. august 2000 - 20:47 #4
Hej Ole

Jeg har til din kodestump, men den rammer lidt ved side af, hva kan det skyldes?

/Steven
Avatar billede steven Nybegynder
08. august 2000 - 20:48 #5
Avatar billede steven Nybegynder
08. august 2000 - 21:04 #6
Kan jeg tillade mig at trække lidt fra, så den rammer rigtigt?

/Steven
Avatar billede olebole Juniormester
08. august 2000 - 21:30 #7
Ja, det kan du roligt gøre. På den anden side rammer den meget præcist hos mig (MacG3 / NS4.08 og IE5.0).

Det kan hænge sammen med, at menuerne ikke er placeret med \'px\' i deres styles (?)

Til gengæld virker den ikke ordentligt i IE! Det eneste sted - hvor du kan aktivere udfoldningen af menuen - er mellem 1-tallet i \'Header 1\' og højre kant af det gule område (og det samme område i \'Header 2\').

Jeg har på den anden side aldrig set en menu - der bygger på BrainJar\'s \'dhtmllib.js\' - som fungerer. Han kan ikke kode X-browser + X-platform.

Brug hellere noget fra:
    http://www.dansteinman.com
...eller til nød:
    http://www.bratta.com

/Vh
Avatar billede steven Nybegynder
08. august 2000 - 22:54 #8
Ole> jeg har skiftet menuen ud med en fra dansteinman, men jeg kan ikke få den til at virke, gider du tage et kig?

Der er en fejl i menulist.js, som jeg har downloaded - surf forbi www.test.as/roland og tag et kig.

/steven
Avatar billede olebole Juniormester
09. august 2000 - 10:18 #9
1. Giv mig den nøjagtige URL til det eksempel hos Steinman, du har den fra...orker ikke at pløje det igennem selv  ;o)

2. Er du sikker på du har sat de forskellige \'.js\' filer ind i den rigtige rækkefølge i din <head>? Det kan være meget vigtigt! Check, hvad \'DannyBoy\' gør.

Det er nok ikke i \'menulist.js\' fejlen ligger, selvom NS fortæller dig, der opstår en fejl i linie 19. Den kan opstå af mange andre grunde.
Kan først kikke på det iaften.
/Vh
Avatar billede steven Nybegynder
09. august 2000 - 20:48 #10
1.
http://www.dansteinman.com/dynduo/en/menubar.html

2. har tilføjet lige som i hans eksempel, hvilket heller ikke virker (se side: http://www.dansteinman.com/dynapi/docs/examples/menubar1.html ).

Steven
Avatar billede olebole Juniormester
09. august 2000 - 21:06 #11
Sikke noget SKOD...!!!

SKAL den være hierakisk? Jeg mener at have en liggende, jeg selv har skrevet, men den er kun i ét niveau - er det noget, jeg skal kikke efter?
/Vh
Avatar billede steven Nybegynder
10. august 2000 - 11:34 #12
Hej Ole,

Menuen behøver ikke at være heirakisk, så hvis du har en menu, som jeg kan tilpasse til mit brug, må du gerne finde den frem til mig, og sende den til:
steven@mountfield.dk

Så skal jeg nok smide nogle ekstra points oveni hatten, nu da du har brugt så meget tid!

På forhånd tak!

/Steven
Avatar billede steven Nybegynder
12. august 2000 - 11:05 #13
Olebole>>

Halloooooooooooo, er du der?

Hvis du ikke kan finde scriptet, så skriv det lige, så jeg kan finde et andet!

/Steven
Avatar billede olebole Juniormester
12. august 2000 - 19:46 #14
Undskyld...!  ;o))

Du kan tage denne her:
    http://www.webtile.dk/eksperten/frames_menu/
...den er ikke synderligt \'sexy\' skrevet, men fungerer. Kan du bruge den, er den din.

/Vh
Avatar billede steven Nybegynder
13. august 2000 - 23:13 #15
Hej Ole,

Tak for din store indsats, men det du har lagt op til mig kræver frames, og det ønsker jeg ikke at benytte. Derfor får du kun de 30 points, som jeg startede med at udlode for dit script til at flytte menuen (Dit første svar). Hvis du føler dig uretfærdigt behandlet må du lige sige til, så må vi finde ud af noget!

Tak for støtten under spørgsmålet: \"Simpel menu\", jeg kunne godt lide din kommentar (den med de mentale pampers *ROTFLMAO* B-))).

Mange hilsner

/Steven
Avatar billede olebole Juniormester
13. august 2000 - 23:41 #16
Anytime...!  ;oD
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