Søg
Avatar billede stiedl Nybegynder
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
Avatar billede dar Nybegynder
07. marts 2000 - 16:03 #1
Man kan ikke trykke på en knap med javascript, men man kan selvfølgelig submitte
Avatar billede dar Nybegynder
07. marts 2000 - 16:04 #2
Af samme grund kan man ikke holde en knap nede, du kunne jo lave det med billeder.
Avatar billede stiedl Nybegynder
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>
Avatar billede hatecaps Nybegynder
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
Avatar billede stiedl Nybegynder
10. marts 2000 - 12:13 #5
skal "Onclick" ikke defineres. I så fald, hvordan skal denne linje se ud??
Avatar billede hatecaps Nybegynder
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>

Avatar billede olebole Juniormester
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>
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
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 03/05/202613:59
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
I går 15:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
20/0714:16 Smartwatch med faldalarm og sos Af hkv i Fitness & Smartwatches
White papers
Flere white papers »