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
Vi tilbyder markedets bedste kurser inden for webudvikling

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