Finde ny/rette slam-kode menu

det er jo små fejl der er i den,
i css'en er det fordi du angiver color uden at angive en backgorund-color

i html
du mangler at afslutte nogle tables, + nogle links som den ikke kender ( dem går jeg ikke op i de links )

Ja, jeg har lige set at jeg har nogle fejl, men jeg tror ikke at det er dem som er skyld i at det ikke virker i fx mozilla 1.4b.

Jeg har fået valideret den siden hvor den skal være, hvor den kun brokker sig over behavior.

Sådan, nu er det hele valideret og virker - undtaget "Behavior" ...

HTML:
http://validator.w3.org/check?uri=http%3A%2F%2Fanders.adsl.dk%2Fmenu%2F&doctype=HTML+4.01+Strict&charset=iso-8859-1+%28Western+Europe%29

CSS:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fanders.adsl.dk%2Fmenu%2F

-- hvad står der i din link.htc-fil ?-)

-- er det ikke noget du bare kan skrive ind ...

Hov, den havde jeg helt glemt at uploade...
<PUBLIC:COMPONENT>
    <PUBLIC:ATTACH        EVENT="onmouseover"    FOR="element" ONEVENT="DoMouseOver()"    />
    <PUBLIC:ATTACH        EVENT="onmouseout"    FOR="element" ONEVENT="DoMouseOut()"    />
   
    <SCRIPT language="VBscript">
        Dim normalCursor
        Dim normalBorderTopColor
        Dim normalBorderBottomColor
        Dim normalBackgroundColor
       
        function DoMouseOver()
            normalCursor                    = style.cursor
            normalborderTopColor            = style.borderTopColor
            normalBorderBottomColor            = style.borderBottomColor
            normalBackgroundColor            = style.backgroundColor
           
            style.cursor                    = "hand"
            style.borderTopColor            = "#999999"
            style.borderBottomColor            = "#999999"
            style.backgroundColor            = "#D6BE9F"
        end function

        function DoMouseOut()
            style.cursor                    =  normalcursor
            style.borderTopColor            =  normalborderTopColor
            style.borderBottomColor            =  normalBorderBottomColor
            style.backgroundColor            =  normalBackgroundColor
        end function
    </SCRIPT>
</PUBLIC:COMPONENT>


Men menuen virkede aligevel...

Behøver jeg at sige at jeg ikke fatter så meget af den menu (jo, jeg kan læse hvad der sker, men jeg ved ikke helt hvorfor og jeg kan slet ikke skrive noget lignende selv)...... :-)

Efter de normale regler for css ville jeg 'oversætte det til:

.menuUnderPunkt {
    background-color: #F8F3EE;
    font-size: 7pt;
    font-weight: bold;
    height: 22px;
    padding-left: 14px;
    cursor: pointer;
}
.menuUnderPunkt:hover {
            border-top-color: #999999
            border-bottom-color: = #999999
    background-color: #D6BE9F;
    cursor: hand;
}

-- og det skal siges, at jeg ikke har set de der border-top- og bottom-color ting før, så jeg ved ikke hvordan de virker i almindelige styles ,-)

Så er koden helt chekked ... og det virker ... men bare ikke i Mozilla. Hvorfor?

Jeg har fået ryttet op i koden (kan ikke lige huske om jeg har fået opdateret overstående side, tror det ikke) - men jeg mangler stadig at få funktionaliteten til at virke....

Skal jeg så lægge et svar ?-)

<ole>

Der er tale om et helt almindeligt mouseover- and -out script ... lavet som en behavior. Mozilla understøtter faktisk også behaviors, men med en lidt anden syntaks.
Hvis du skriver dine menu-liner som denne:
  <td class="menuOverPunkt" onclick="ToggleNode(td_root_0)">
om til:
  <td class="menuOverPunkt"
    onmouseover="swapOver(this)"
    onmouseout="swapOut(this)"
    onclick="ToggleNode(td_root_0)">
kan du skrive et style-sheet og script, der ser sådan ud:

<style type="text/css">
.menuOverPunkt {
    borderTop: 1px solid;
    borderBottom: 1px solid;
    backgroundColor: #ffff00;
    borderTopColor: #ff0000;
    borderBottomColor: #ff0000;
    cursor: default;
}
</style>
<script type="text/JavaScript">
var normalCursor,normalborderTopColor,normalBorderBottomColor,normalBackgroundColor;
function swapOver(elm) {
    normalCursor = style.cursor;
    normalborderTopColor = elm.style.borderTopColor;
    normalBorderBottomColor = elm.style.borderBottomColor;
    normalBackgroundColor = elm.style.backgroundColor;
    elm.style.cursor = "hand";
    elm.style.cursor = "pointer";
    elm.style.borderTopColor = "#999999";
    elm.style.borderBottomColor = "#999999";
    elm.style.backgroundColor = "#D6BE9F";
}
function swapOut(elm) {
    elm.style.cursor = normalCursor;
    elm.style.borderTopColor = normalborderTopColor;
    elm.style.borderBottomColor = normalBorderBottomColor;
    elm.style.backgroundColor = normalBackgroundColor;
}
</script>

Så sker der præcis det samme, som med din oprindelige behavior  :)

/mvh
</bole>

*SNOOOOOT* ... hvad tænker jeg dog på ...?!!??!!!
Style-sheet'et skal naturligvis se sådan ud:

<style type="text/css">
.menuOverPunkt {
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #ffff00;
    border-top-color: #ff0000;
    border-bottom-color: #ff0000;
    cursor: default;
}
</style>

... sorry  :)

roenving> Jeg skal lige teste ole's kode af - så får vi at se.

Ole> Det vil jeg teste i dag, når jeg kommer til mit projekt.

-- og ole så skylder vi vel spørgeren at fortælle forskellen ;O)

roenving> Jeg kan så sige at efter de modifikationer du forslog, så virker det stadig ikke i Mozilla.... jeg skal lige nu til at teste det af som ole har skrevet.

Hehe ... jeg må her gå udfra, 'vi' i dette tilfælde betyder OleBole  :D

Hvis du mener forskellen på din og min løsning, så er den væsenligste nok, at min virker  ;o)
Du bruger 'hover' på en <td> ... det kan man ikke.
/mvh

:-(

*rofl*

OleBole> Prøv at se min side - hvad har jeg gjort galt? Det virker ikke... :-(

Lad mig udspicificere det lidt: Det virker ikke i Mozilla. Men IE kan "selvfølgelig" godt. :-)

Én af os havde glemt et lille 'elm.' .... schhhhhhh ...  ;oD

function swapOver(elm) {
    normalCursor = elm.style.cursor;
... osv osv osv ...

Du skal endvidere skrive din funktion om til:

function ToggleNode(nodeObject) {
    var elm = document.getElementById(nodeObject);
    if(elm.style.display == "" || elm.style.display == "inline") {
        elm.style.display = "none";
    }
    else {
        elm.style.display = "inline";
    }
}

Og så skal du huske enkelte gåseøjne om dine argumenter i dine onclick-handlers. F.eks:
  onclick="ToggleNode('td_root_0')"

/mvh

Sejt, det virker nu!
Nu vil jeg så prøve at finde ud af hvordan det virker. :-)

Du skal have mange tak for din hjælp... det har du vist prøvet før det her.

Smider du et svar?

Og jeg skal lige debugge siden lidt - så Internet Explorer ikke laver siger at der er fejl i siden. ;-)

Og for at spamme lidt mere - så fandt jeg ud af det. Men det kan jeg også se at det var det du skrev i indlægget 10:23:16

Der viste jeg bare ikke lige helt hvad du ment. :-D

Olebole, smider du et svar eller skal jeg bare sende point til nogle andre?

... et lille svar  :)

Så ville du godt svare, når bare man spørger dig nok gange. :-)
Der falder lidt af til jer andre også ... lidt!

Jamen da -- takker og bukker mange gange ;~}

orv ... næste gang vil jeg prøve med 'et lillebitte svar'  ;oD
Et stort tak  :)