Gå til innhold

Sende variabel til funksjon


Anbefalte innlegg

holder på å lage et JavaScript til hjemmesiden min og harstøtt på et lite problem. Jeg harflere bilder på denne siden som skal komme opp som popups når brukeren klikker på linken til et gitt bilde på siden. Istedenfor å ha ørten linjer med JavaScript prøver jeg å forenkle det hele litt (men får ikke dette til).

 

Funksjonen som skal åpne bildene er som følger:

function liten(bilde){
var popWin = window.open('','','width=500,height=500');
var msg= "<HTML>";
msg += "<HEAD><TITLE>Picture of me</TITLE>";
msg += "<link rel=stylesheet type='text/css' href='../../css/hovedsider.css'</HEAD>";
msg += "<BODY>";
msg += "<P align='center'>Here is a picture of me<br><br>";
if (bilde = "bilde1") {
 msg += "<img src='Meg3.jpg'><br><br><a href='javascript:window.close()'>Close window</a></p>";
}
msg += "</BODY>";
msg += "</HTML>";

popWin.document.write(msg);
} 

 

detertotalt 7 bilder som skal åpnes ved hjelp av overnevnte lin. linken som 'henter' denne funksjonen er:

<a href="javascript:liten(bilde1)">Bilde</A>

 

Planen er at jeg bytter ut bilde1 med hvilkent bilde soam skal vises og funksjonen sjekker hvilkent bilde den skal åpne (om det er bilde1, bilde2, bilde3 ++) ved hjelp av else-if.

 

Er rimelig rusten på JavaScript men jeg har prøvd å 'sende med' en variabel fra linken til funksjonen for å vise hvilkent bilde som skal åpnes uten hell. Kan noen opplyste mennesker si meg hva jeg gjør feil?

Lenke til kommentar
Videoannonse
Annonse
  • 2 uker senere...

Lekte meg litt med koden din (likte den). Skal ha den til å åpnet et bilde basert på url i stedet for å teste på navn som du gjør, men jeg sliter... Noen som kan fortelle meg hvor jeg har bomma? Sett meg blind på koden min

 

<html>
<head><title>bigPicLoader</title>

<script language="Javascript">
<!--
 function popPick(url){
   var popWin = window.open('','','width=10,height=10');
   var msg= "<html>";
   msg += "<hed><title>Bilde</title></head>";
   msg += "<body>";
   msg += "<img src='+url+' name ="bilde" />";
   msg += "</body>";
   msg += "</html>";

   popWin.document.write(msg);
 }
-->
</script>

</head>
<body>

<a href ="#" onclick="popPick('img/linkbilde.gif')">klikk meg</a>

</body>
</html>

Får bare object expected på kinken min :(

Endret av enden
Lenke til kommentar

Her er koden med JavaScript som åpner bildene i nytt vindu. Hvis du vil ha større/mindre vindu kan du stille på dette selv.

 

Hvis du skal ha flere bilder kan du bare slenge på extra if-løkker

 

<script language="Javascript">

function liten(bilde){
var popWin = window.open('','','width=500,height=500');
var msg= "<HTML>";
msg += "<HEAD><TITLE>Picture of me</TITLE>";
msg += "<link rel=stylesheet type='text/css' href='../../css/hovedsider.css'</HEAD>";
msg += "<BODY>";
msg += "<P align='center'>Here is a picture of me<br><br>";

if (bilde == "bilde1") {
msg += "<img src='Meg3.jpg'><br><br><a href='javascript:window.close()'>Close window</a></p>";
}

msg += "</BODY>";
msg += "</HTML>";

popWin.document.write(msg);
}
</SCRIPT>

 

Her er linken som refererer til funksjonen over. det denne linken gjør er å kalle opp funksjonen som åpner bildet (funksjonen har jeg kalt 'lille'). den sender samtidig med variablen bilde3 som 'knyttes' til 'bilde' i funksjonen.

 

<a href="javascript:liten('bilde1')"> bilde</A>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...