Avatar billede mrg Nybegynder
21. januar 2001 - 13:11 Der er 9 kommentarer og
1 løsning

DHTML - menu

Hej - spørgsmål : Jeg ville gerne lave menuer som eks. www.atptennis.com ... jeg har klippet lidt af kilden ud:
<tr class=\"naviTRpurple\" id=\"TRnNsSup\" onmouseover=\"if(self.rowID==\'TRnNsSup\'){return;}this.className=\'naviTRred\'\" onmouseout=\"if(self.rowID==\'TRnNsSup\'){return;}this.className=\'naviTRpurple\'\">
            <td width=\"120\" height=\"12\" valign=\"top\" onclick=\"top.location.href=\'/en/newsandscores/\'\"><div class=\"naviTDwhite\" id=\"nNsSup\"><em id=\"bold\">NEWS &amp; SCORES</em></div></td>
        </tr>

Det køres jo så alt sammen af et stylesheet - hvordan ser stylesheet-koden ud?
Avatar billede Slettet bruger
21. januar 2001 - 13:15 #1
Kan ikke lige få forbindelse til atptennis.com....
Men skal nok lige finde stylesheetet til dig!
2 min!
Avatar billede cyfer Nybegynder
21. januar 2001 - 13:16 #2
<link rel=\"stylesheet\" type=\"text/css\" href=\"/en/scripts/atptennis.css\">
        <link rel=\"stylesheet\" type=\"text/css\" href=\"local.css\">
        <link rel=\"stylesheet\" type=\"text/css\" href=\"/en/scripts/atpHome_input_msie.css\">
Avatar billede cyfer Nybegynder
21. januar 2001 - 13:18 #3
<script language=\"JavaScript\">
        <!--
        //    inspiriert durch einen beitrag von  Andreas Zierhut
        //                                        ===============
        //    auf folgender seite von \"SELFHTML Feature-Artikel\":
        //    \"http://www.teamone.de/selfaktuell/artikel/positionierung.htm#a7\"
        //    =================================================================
        //    originalscript        : ebenda
        //    autor des originals    : Andreas Zierhut
        //    e-mail-adresse des autors: Andreas.Zierhut@t-online.de
        //    aenderungen + anpassungen: peter seliger - pseliger@kabel.de
        //
        //    credits to        : Andreas Zierhut    - Andreas.Zierhut@t-online.de
        //    special thanks to    : SELFHTML        - \"Die Energie des Verstehens\"
        //                : Stefan Muenz        - \"http://www.teamone.de/selfaktuell/people/stefan.htm\"
        //                : Astrid Kessler    - \"http://www.teamone.de/selfaktuell/people/kess.htm\"
        //                : vielen Menschen    - \"http://www.teamone.de/selfaktuell/people/dank.htm\"
        //
        var layerBgColor = \"#2c0e36\";
        var layerFont = \"SubWhite\";
        var textProps = \"\";
        var switchLayerID = false;

        var ns = document.layers ? true : false;

        function HoverInit()
            {if (onLoadOld)    {onLoadOld();}
            tmpLayer = new Layer(1);
            }
        var obj = null;
        var tmpLayer = null;
        var onLoadOld = null;
        var layerProps = \"\";

        if (ns)
            {if (window.onload) {onLoadOld = window.onload;}
            window.onload = HoverInit;
            document.captureEvents(Event.MOUSEOVER);
            document.onmouseover = Hover;
            }
        function Hover(evt)
            {document.routeEvent(evt);
            obj = evt.target;
            document.releaseEvents(Event.MOUSEOVER);
            setTimeout(\"self.SwitchLayer()\",10);
            }
        function SwitchLayer()
            {if (!switchLayerID)
                {document.captureEvents(Event.MOUSEOVER);
                document.onmouseover = Hover;
                return;
                }
            self.switchLayerID = false;
            if (tmpLayer && (tmpLayer.visibility == \'hide\') && obj.text)
                {tmpLayer.left = (obj.x)-7;
                tmpLayer.top  = (obj.y);
                tmpLayer.width = 120;
                tmpLayer.height = 10;
            //    tmpLayer.bgColor = self.layerBgColor;
            //    alert(obj)
            //    for (prop in obj)
            //        {alert(\"object.\"+prop+\" = \"+eval(\"obj.\"+prop))}
                self.textProps = \"\";
                switch (self.layerFont)
                    {case \"SupWhite\" : self.textProps = \'<div style=\"color:#ffffff;font-family:verdana,arial,helvetica,sans-serif;font-size:10px;font-weight:bold;margin-bottom:1px;text-decoration:none;margin-left:7px;\">\';break;
                    case \"SubWhite\" : self.textProps = \'<div style=\"color:#ffffff;font-family:verdana,arial,helvetica,sans-serif;font-size:10px;font-weight:normal;margin-bottom:1px;text-decoration:none;margin-left:7px;\">\';break;
                    case \"SupBlack\" : self.textProps = \'<div style=\"color:#000000;font-family:verdana,arial,helvetica,sans-serif;font-size:10px;font-weight:bold;margin-bottom:1px;text-decoration:none;margin-left:7px;\">\';break;
                    case \"SubBlack\" : self.textProps = \'<div style=\"color:#000000;font-family:verdana,arial,helvetica,sans-serif;font-size:10px;font-weight:normal;margin-bottom:1px;text-decoration:none;margin-left:7px;\">\';break;
                    }
                tmpLayer.document.open();
                tmpLayer.document.write(\'<table cols=\"1\" rows=\"1\" width=\"120\" height=\"10\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"\'+(self.layerBgColor)+\'\" border=\"0\"><tr><td width=\"120\" height=\"10\" valign=\"top\">\');
                tmpLayer.document.write(\'<nobr><a href=\"\'+obj.href+\'\"\'+(obj.target ? \' target=\"\'+obj.target+\'\"\' : \'\')+\' onmouseover=\"top.status=\'+\"\'\'\"+\';return true\" onmouseout=\"top.status=\'+\"\'\'\"+\';return true\">\'+(self.textProps)+obj.text+\'</div></a></nobr></td></tr></table>\');
            //    tmpLayer.document.write(\'<nobr><a href=\"\" onclick=\"\'+(obj.target ? obj.target+\'.\' : \'self.\')+\'location.href=\'+\"\'\"+obj.href+\"\'\"+\'\">\'+(self.textProps)+obj.text+\'</div></a></nobr></td></tr></table>\');
                tmpLayer.document.close();

                tmpLayer.visibility = \'show\';
                document.captureEvents(Event.MOUSEMOVE);
                document.onmousemove = Hoveroff;
                }
            document.captureEvents(Event.MOUSEOVER);
            document.onmouseover = Hover;
            }
        function Hoveroff(evt)
            {if (tmpLayer && (evt.target != tmpLayer.document.links[0]) && evt.target != obj)
                {tmpLayer.visibility = \'hide\';
                document.releaseEvents(Event.MOUSEMOVE);
                }
            }
        //-->
        </script>
Avatar billede mrg Nybegynder
21. januar 2001 - 13:20 #4
Tak Cyfer - jeg afviste dit første svar, men i mellemtiden havde du så sendt stylesheet\'et som så blev afvist - men tak - svar lige igen, så skal du få nogle point!
Avatar billede Slettet bruger
21. januar 2001 - 13:21 #5
Jeg kan ikke komme i kontakt med atptennis.com, men cyfer\'s svar ser ud som mit ville gøre...
Avatar billede hoejrup Nybegynder
21. januar 2001 - 13:23 #6
Her er henvisningen i scriptet:

<link rel=\"stylesheet\" type=\"text/css\" href=\"/en/scripts/atptennis.css\">
        <link rel=\"stylesheet\" type=\"text/css\" href=\"local.css\">
        <link rel=\"stylesheet\" type=\"text/css\" href=\"/en/scripts/atpHome_input_msie.css\">

dvs. det første stylesheet ligger i adressen:

http://www.atptennis.com/en/scripts/atptennis.css

/per www.kazoma.dk
Avatar billede mrg Nybegynder
21. januar 2001 - 13:29 #7
Nå ja... så lærte jeg da det - jeg troede at stylesheets var lidt sværere at hive fat i - det bliver lidt nemme point, men cyfer må jo nok hellere få dem efter først til mølle-princippet - tak for hjælpen!
Avatar billede mikkel.jor Nybegynder
21. januar 2001 - 15:47 #8
en sidste kommentar på http://www.builder.dk kan du lave sådan en menu via en guide
Avatar billede cyfer Nybegynder
21. januar 2001 - 16:43 #9
godt fint fint
Avatar billede mrg Nybegynder
22. januar 2001 - 10:17 #10
Til Mikkel.jor ... kunne du specificere - jeg var inde på builder, og jeg kunne ikke finde den guide du nævner...

På forhånd tak!
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