Notifikationer

Markér alle som læst Log ud

2903jb Nybegynder

25. marts 2003 - 15:42 Der er 9 kommentarer og
2 løsninger

gradvist vise border om <td>

ja nu sidde jeg her med et lille problem
jeg ville gerne have lavet en tabel-menu hvor at hvis man holder musen over et af linkene vil den gradvist tegne en border rundt om linket, denne må gerne gå fra venstre mod højre, jeg har virkelig ikk det mindste forstand på javascript, men kan næsten gætte mig til at hvis dette skal kunne lade sig gøre, må det være med javascripts.
håber i forstår spørgsmålet..

Jonas

Synes godt om

Slettet bruger

25. marts 2003 - 15:44 #1

Du kan få kantens farve til gradvist at skifte, men du kan ikke tegne den fra venstre mod højre. Så bliver det i hvert fald med et billede.

Synes godt om

hsg Nybegynder

25. marts 2003 - 15:48 #2

phoenixv> har du et kodeeksempel ?

Synes godt om

2903jb Nybegynder

25. marts 2003 - 15:59 #3

hmm...
det lyder ikk så godt.. men har her en kode der tegner en firkant ved at højreklikke.. er det ikk muligt at få denne til at komme frem ved en onMouseOver effekt istedet for ved at højre klikke

<HTML>
<HEAD>
<script language="javaScript">

menuItems = new Array();
menuItemNum = 0;

menuWidth = 200; //menu width
menuHeight = 300; //menu height
menuDelay = 50; //delay before menu appears
menuSpeed = 50; //speed which menu appears (lower=faster)
menuOffset = 2; //offset of menu from mouse pointer

if(window.navigator.appName == "Microsoft Internet Explorer" && window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, window.navigator.appVersion.indexOf("MSIE") + 8) >= 5.5)
isIe = 1;
else
isIe = 0;

if(isIe){
menuContent = '<table id="rightMenu" width="200" height="300" cellspacing="0" cellpadding="0" STYLE="border : 1px solid black;"><tr><td></td></tr></table>';

menuPopup = window.createPopup();
menuPopup.document.body.innerHTML = menuContent;
}

function showMenu(){
menuXPos = 0;
menuYPos = 0;

menuXIncrement = menuWidth / menuSpeed;
menuYIncrement = menuHeight;

menuTimer = setTimeout("openMenu(0,0)", menuDelay);

return false;
}

function openMenu(height, width){
iHeight = height;
iWidth = width;

menuPopup.show(menuXPos, menuYPos, iWidth, iHeight, document.body);

if(iWidth < menuWidth)
menuTimer = setTimeout("openMenu(menuYIncrement, iWidth + menuXIncrement)", 1);
else
clearTimeout(menuTimer);
}

if(isIe) document.oncontextmenu = showMenu;

//-->
</script>
</HEAD>
<BODY>

</BODY>
</HTML>

Synes godt om

olebole Juniormester

25. marts 2003 - 20:30 #4

Synes godt om

olebole Juniormester

25. marts 2003 - 20:32 #5

Og så slet denne linie:
if(isIe) document.oncontextmenu = showMenu;

Og du kan også rette hele denne klump:

if(window.navigator.appName == "Microsoft Internet Explorer" && window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, window.navigator.appVersion.indexOf("MSIE") + 8) >= 5.5)
isIe = 1;
else
isIe = 0;

til:

isIe = (window.createPopup)? 1 : 0;

/mvh

Synes godt om

Slettet bruger

26. marts 2003 - 16:09 #6

hsg>> Skal du bruge et?

Synes godt om

Slettet bruger

26. marts 2003 - 17:22 #7

hsg>> http://www.phoenixv.dk/exp/fade_border.html

Synes godt om

2903jb Nybegynder

26. marts 2003 - 21:24 #8

hmm.. kan meget got lide den der fade effekt... men er der nogen måde man kan få den til at fade langsomere??? er ikk en haj til javascripts

Synes godt om

2903jb Nybegynder

26. marts 2003 - 21:43 #9

lige et andet spørgsmål til den med fade.. er det muligt at lave den sådan at når man har haf curseren over det obeject, at den så, når man tager curseren væk igen, fader ud fra den farve den var nået til.. og ikk bare fra den sidst angivede farve i det array??? håber du forstår

Synes godt om

Slettet bruger

27. marts 2003 - 16:39 #10

Begge ting er rettet nu. Se det samme link.
Hvis du vil have effekten til at gå endnu langsommere, skal du ændre 100 til et større tal.

Synes godt om

Slettet bruger

27. marts 2003 - 16:40 #11

Og svar.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS