hemo Skrevet 12. oktober 2003 Del Skrevet 12. oktober 2003 Eg har tidlegare posta den her: http://forum.hardware.no/viewtopic.php?t=117697 Uten å ha lært meg så masse om Javascript har eg no skrella ned menyen til det her: <HTML><HEAD><TITLE>Meny</TITLE> <STYLE type=text/css> .mtxt { PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 10px; LINE-HEIGHT: 14px; FONT-FAMILY: verdana,arial,sans-serif } .m A:link { COLOR: #000 } .m A:visited { COLOR: #000 } .m { CURSOR: pointer; COLOR: #000 } TR TD.m A:link { TEXT-DECORATION: none } TR TD.m A:visited { TEXT-DECORATION: none } TR.mr TD { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #eee 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #eee 1px solid; BORDER-BOTTOM: #999 1px solid } </STYLE> </HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width=132 align=left border=0> <TBODY> <TR> <TD vAlign=top width=132><!--globalmeny--> <SCRIPT language=javascript> <!-- function h( tableCellRef, hoverFlag, navStyle ) { if ( hoverFlag ) { switch ( navStyle ) { case 1: tableCellRef.style.backgroundColor = '#F2EDE3'; break; } } else { switch ( navStyle ) { case 1: tableCellRef.style.backgroundColor = '#CDC9C0'; break; } } } function hCl( url ) { window.location.href = url; } //--> </SCRIPT> <TABLE cellSpacing=0 cellPadding=0 width=132 bgColor=#cdc9c0 border=0> <TBODY> <TR class=mr> <TD class=m onmouseover=h(this,1,1) onclick="hCl('http://domene')" onmouseout=h(this,0,1)><A href="http://domene"> <FONT class=mtxt>Domene</A></FONT></TD></TR> <TR class=mr> <TD class=m onmouseover=h(this,1,1) onclick="hCl('http://localhost')" onmouseout=h(this,0,1)><A href="http://localhost"> <FONT class=mtxt>Localhost</A></FONT></TD></TR> </TBODY></TABLE> </BODY></HTML> Er det nokon som kan litt Javascript som har tips til ting som kan takast vekk frå dette? Er det noko her som er unødig for å få klikkbare TD'ar med knapp-aktig style? Lenke til kommentar
Torbjørn Skrevet 13. oktober 2003 Del Skrevet 13. oktober 2003 nei. alt av javascript som står på det kode-utsnittet må være med for å få klikkbare <td>'er. Lenke til kommentar
pekle Skrevet 13. oktober 2003 Del Skrevet 13. oktober 2003 Nja, ikkje så mykje poeng i switch med kun ein case. Kan redusere med eit par linjer der. Lenke til kommentar
hemo Skrevet 13. oktober 2003 Forfatter Del Skrevet 13. oktober 2003 Switch? Litt av poenget er å få sånn hover-evvekt då... Kan eg ta vekk switch-biten uten å mista hover? PS! Du har sett menyen som db.no har på startsido? PSS! Eg kan ikkje Java Sript, og må sikkert ha ting forklart litt nøye.. Lenke til kommentar
pekle Skrevet 13. oktober 2003 Del Skrevet 13. oktober 2003 function h( tableCellRef, hoverFlag, navStyle ) { if ( hoverFlag ) { switch ( navStyle ) { case 1: tableCellRef.style.backgroundColor = '#F2EDE3'; break; } } else { switch ( navStyle ) { case 1: tableCellRef.style.backgroundColor = '#CDC9C0'; break; } } } function h( tableCellRef, hoverFlag, navStyle ) { if ( hoverFlag && navStyle) { tableCellRef.style.backgroundColor = '#F2EDE3'; } else if( !hoverFlag && navStyle ){ tableCellRef.style.backgroundColor = '#CDC9C0'; } } Opps. Edit: s/s/S/ Lenke til kommentar
hemo Skrevet 13. oktober 2003 Forfatter Del Skrevet 13. oktober 2003 Njei.. eg er lei for det - når eg skriver om scriptet sånn som du foreslår, så forsvinner hover-funksjonen. Cellene skifter ikkje farge når musa kviler på dei... Lenke til kommentar
Torbjørn Skrevet 14. oktober 2003 Del Skrevet 14. oktober 2003 bytt ut navstyle med navStyle fordelen med switch er at man lett kan utvide til andre bakgrunnsfarger på andre elementer i samme meny. man trenger ikke kunne javascript for å forstå den lille kodesnutten der, har du drevet med annen form for programmering? Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå