07. marts 2000 - 14:09
Der er
6 kommentarer og 1 løsning
javascript med forbliv ned funktion
Jeg skal bruge et javascript som virker i alle 4.0 browsere. Scriptet skal køre i frames og den nedtrykkede knap skal forblive ned, indtil man trykker på ny knap. altså en mouseOver, OnMouseOut og onMousedown. Det haster
Annonceindlæg fra IFS Danmark A/S
07. marts 2000 - 16:03
#1
Man kan ikke trykke på en knap med javascript, men man kan selvfølgelig submitte
07. marts 2000 - 16:04
#2
Af samme grund kan man ikke holde en knap nede, du kunne jo lave det med billeder.
07. marts 2000 - 16:23
#3
jeg har lavet det med images og koden ser sådan ud, MEN den mangler selvfølgelig den sidste funktion som jeg ikke kan finde ud af at lave. Her er koden: <HTML> <HEAD> <script LANGUAGE="JavaScript"> browserName = navigator.appName; browserVer = parseInt(navigator.appVersion); version="n2"; if (browserName == "Netscape" && browserVer >= 3) version = "n3"; if (browserName == "Microsoft Internet Explorer" && browserVer >=4) version = "n3"; if (version == "n3") { toc1on = new Image; toc1on.src = "images/forside_ned.gif"; toc2on = new Image; toc2on.src = "images/index_ned.gif"; toc3on = new Image; toc3on.src = "images/synsp_ned.gif"; toc4on = new Image; toc4on.src = "images/briller_ned.gif"; toc5on = new Image; toc5on.src = "images/kontakt_ned.gif"; toc6on = new Image; toc6on.src = "images/info_ned.gif"; toc1off = new Image; toc1off.src = "images/forside_op.gif"; toc2off = new Image; toc2off.src = "images/index_op.gif"; toc3off = new Image; toc3off.src = "images/synsp_op.gif"; toc4off = new Image; toc4off.src = "images/briller_op.gif"; toc5off = new Image; toc5off.src = "images/kontakt_op.gif"; toc6off = new Image; toc6off.src = "images/info_op.gif"; } function img_act(imgName) { if (version == "n3") { imgOn = eval(imgName + "on.src"); document [imgName].src = imgOn; } } function img_inact(imgName) { if (version == "n3") { imgOff = eval(imgName + "off.src"); document [imgName].src = imgOff; window.status=('') } } <!-- var Stiedl = null var winCount = 0 var winName = "Stiedl" function openStiedl(winURL, winWidth, winHeight, winFeatures){ winName = "Stiedl" + winCount++ closeStiedl() if (openStiedl.arguments.length == 4) winFeatures = "," + winFeatures else winFeatures = "" Stiedl = window.open(winURL, winName, "width=" + winWidth + ",height=" + winHeight + winFeatures) } function closeStiedl(){ if (navigator.appName != "Microsoft Internet Explorer" || parseInt(navigator.appVersion) >=4) if(Stiedl != null) if(!Stiedl.closed) Stiedl.close() } //--> </script> <title>1HF</title> </head> <BODY> <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" width="652" height="56" align="left"> <TR> <TD ALIGN="left" width="48" height="56"><img border="0" src="images/logo_bue.gif" width="48" height="56"></TD> <TD ALIGN="left" width="100" height="56"><a HREF="forside.htm" onMouseover="img_act('toc1');" onMouseout="img_inact('toc1')" TARGET="bottom"><img src="images/forside_op.gif" name="toc1" border="0" width="100" height="56"></a></TD> <TD ALIGN="left" width="100" height="56"><a HREF="index.htm" onMouseover="img_act('toc2');" onMouseout="img_inact('toc2')" TARGET="bottom"><img src="images/index_op.gif" name="toc2" border="0" width="100" height="56"></a></TD> <TD ALIGN="left" width="100" height="56"><a HREF="synspr.htm" onMouseover="img_act('toc3');" onMouseout="img_inact('toc3')" TARGET="bottom"><img src="images/synsp_op.gif" name="toc3" border="0" width="100" height="56"></a></TD> <TD ALIGN="left" width="100" height="56"><a HREF="briller.htm" onMouseover="img_act('toc4');" onMouseout="img_inact('toc4')" TARGET="bottom"><img src="images/briller_op.gif" name="toc4" border="0" width="100" height="56"></a></TD> <TD ALIGN="left" width="100" height="56"><a HREF="kontakt.htm" onMouseover="img_act('toc5');" onMouseout="img_inact('toc5')" TARGET="bottom"><img src="images/kontakt_op.gif" name="toc5" border="0" width="100" height="56"></a></TD> <TD ALIGN="left" width="100" height="56"><a HREF="info.htm" onMouseover="img_act('toc6');" onMouseout="img_inact('toc6')" TARGET="bottom"><img src="images/info_op.gif" name="toc6" border="0" width="100" height="56"></a></TD> <TD width="100%" height="56" bgcolor="#8EA2AA"><img border="0" src="top_ende.gif" width="500" height="56"></TD> </TR> </TABLE> </BODY> </HTML>
07. marts 2000 - 21:35
#4
i stedet for onmouseover og onmouseout skal du bruge onclick. i den funktion du kalder ved onclick skal du sætte alle knapper i "op" position, derefter sætte den knap du kaldte funktionen med i "ned" position
10. marts 2000 - 12:13
#5
skal "Onclick" ikke defineres. I så fald, hvordan skal denne linje se ud??
10. marts 2000 - 20:07
#6
onClick er en pre-defineret event. du kan gøre noget i retning af dette her <html> <head> <script> <!-- //preload alle images img1op = new Image(); img1op.src = 'min1stknapop.gif'; img1ned = new Image(); img1ned.src = 'min1stknapned.gif'; img2op = new Image(); img2op.src = 'min2ndknapop.gif' o.s.v. function opdater_knap(MyObj,MyPic) { document.knap1.src = img1op.src; document.knap2.src = img1op.src; o.s.v. eval('document.'+MyObj+'.src = '+MyPic+'.src'); } //--> </head> <body> <img src="min1stknapop.gif" name="knap1" onClick="opdater_knap('knap1',img1ned)"><br> <img src="min2ndknapop.gif" name="knap2" onClick="opdater_knap('knap2',img2ned)"><br> </body> </html>
12. marts 2000 - 06:15
#7
<ole> Ville dette ikke være lidt mere 'sexy'? //preload alle images img_op1 = new Image(); img_op1.src = 'min1stknapop.gif'; img_ned1 = new Image(); img_ned1.src = 'min1stknapned.gif'; img_op2 = new Image(); img_op2.src = 'min2ndknapop.gif' o.s.v. function opdater_knap(MyObj,MyPic) { for (i=1;i<=her_skriver_du_antallet_af_knapper;i++) { document.images['knap'+i].src = eval(img_op+i).src; } document.images[MyObj].src = MyPic; } ...og så i body'en: <body> <img src="min1stknapop.gif" name="knap1" onClick="opdater_knap('knap1',img_ned1)"><br> <img src="min2ndknapop.gif" name="knap2" onClick="opdater_knap('knap2',img_ned2)"><br> </body> /VH </bole>
Vi tilbyder markedets bedste kurser inden for webudvikling