Avatar billede Lasse Novice
19. maj 2000 - 12:51 Der er 3 kommentarer og
1 løsning

Indsæt javascript funktion i IMG taggen

Her er mig problem:
<IMG SRC='billede(1)'>
Browseren tror imidlertid at billedet hedder billede(1). Hvordan kalder man en javascript-funktion istedet for?
Avatar billede phylox2 Nybegynder
19. maj 2000 - 13:00 #1
Det tror jeg ikke man kan på den måde, men se lige på nedenstående eksempel! Det er nok sådan noget du søger ?

<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript" LANGUAGE="javascript">

  if (document.images) {
    billede1 = new Image();
    billede1.src = "forsiden_off.jpg";

    billede2 = new Image();
    billede2.src = "forsiden_on.jpg";

    billede3 = new Image();
    billede3.src = "scripts_off.jpg";

    billede4 = new Image();
    billede4.src = "scripts_on.jpg";

    billede5 = new Image();
    billede5.src = "nyheder_off.jpg";

    billede6 = new Image();
    billede6.src = "nyheder_on.jpg";

    billede7 = new Image();
    billede7.src = "regelsæt_off.jpg";

    billede8 = new Image();
    billede8.src = "regelsæt_on.jpg";

    billede9 = new Image();
    billede9.src = "admin_off.jpg";

    billede10 = new Image();
    billede10.src = "admin_on.jpg";
}

  function skiftBillede(Navn,Endelse) {
    if (document.images) {
      document [Navn].src = eval(Endelse + ".src");
    }
  }

</SCRIPT>
</HEAD>
<BODY BGCOLOR="black" Onload="preload();">
<TABLE WIDTH="185" HEIGHT="215" BACKGROUND="bag.jpg" CELLPADDING="0" CELLSPACING="0">
<TR><TD>
<A HREF="http://www.blaa-bog.dk/eksperten/default.asp"
  onMouseOver = "skiftBillede('forsiden','billede2')"
  onMouseOut = "skiftBillede('forsiden','billede1')"
><CENTER><IMG SRC="forsiden_off.jpg" BORDER=0 NAME="forsiden"></CENTER>
</A>
</TD></TR><TR><TD>
<A HREF="http://www.blaa-bog.dk/eksperten/default.asp?id=scripts"
  onMouseOver = "skiftBillede('scripts','billede4')"
  onMouseOut = "skiftBillede('scripts','billede3')"
><CENTER><IMG SRC="scripts_off.jpg" BORDER=0 NAME="scripts"></CENTER>
</A>
</TD></TR><TR><TD>
<A HREF="http://www.blaa-bog.dk/eksperten/default.asp?id=nyheder"
  onMouseOver = "skiftBillede('nyheder','billede6')"
  onMouseOut = "skiftBillede('nyheder','billede5')"
><CENTER><IMG SRC="nyheder_off.jpg" BORDER=0 NAME="nyheder"></CENTER>
</A>
</TD></TR><TR><TD>
<A HREF="http://www.blaa-bog.dk/eksperten/default.asp?id=regler"
  onMouseOver = "skiftBillede('regler','billede8')"
  onMouseOut = "skiftBillede('regler','billede7')"
><CENTER><IMG SRC="regelsæt_off.jpg" BORDER=0 NAME="regler"></CENTER>
</A>
</TD></TR><TR><TD>
<A HREF="http://www.blaa-bog.dk/eksperten/includes/login.asp"
  onMouseOver = "skiftBillede('admin','billede10')"
  onMouseOut = "skiftBillede('admin','billede9')"
><CENTER><IMG SRC="admin_off.jpg" BORDER=0 NAME="admin"></CENTER>
</A>
</TD></TR></TABLE>

</BODY>
</HTML>
Avatar billede Lasse Novice
19. maj 2000 - 13:25 #2
Tak for svaret. Det var nu ikke helt det jeg ønskede men nu får du lige hele historien.

Jeg har en database SOM JEG IKKE KAN ÆNDRE I. Der ligger ikke billeder i den(eller link) men jeg vil gerne have vist billeder svarende til de enkelte entiteter i databasen. Jeg har et uikt ID der svarer til entiteten. Jeg vil udfra dette tal gerne vise et billede.

Dette er et skoleprojekt så jeg kan hverken skifte/ændre i databasen, ej heller skifte det sprog databasen accesses med. Der bruges Cold Fusion. Det vil sige at man på EN LINIE skal definere hvilke billeder der kommer ud i en tabel. Da det skal være forskellige billeder, og dermed ikke statisk, bliver jeg nødt til at bruge Javascript i IMG taggen eller hvad? Her er et uddrag af det:


function billede(nr) {
billede=new array("pic\fodbold.gif", "pic\håndbold.gif", "pic\golfbold.gif", "pic\tennis.gif", "pic\volley.gif", "pic\basket.gif")

return billede(nr)
}

...

"<IMG SRC='javaspcript\billede(#ID#)'>">

hvor #ID# er en attribut i en af tabellerne i databasen.
Avatar billede Lasse Novice
19. maj 2000 - 13:35 #3
jeg kom vist til at give dig 60 point, men hvad fa'en. Jeg har indsat spørgsmålet igen hvis du er interesseret i 60 point mere
Avatar billede phylox2 Nybegynder
19. maj 2000 - 18:32 #4
*LOL* Jooh tak!
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