---
title: "Visa en bild med javascript samt document.getElementById, klydd, hjälp tack!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/94318-visa-en-bild-med-javascript-samt-document-getelementbyid-klydd-hjälp-tack"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "jvc_man"
published: "2004-01-09T10:26:01.000Z"
updated: "2004-01-10T22:51:15.000Z"
replies: 7
views: 340
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/94318-visa-en-bild-med-javascript-samt-document-getelementbyid-klydd-hjälp-tack"
---

# Visa en bild med javascript samt document.getElementById, klydd, hjälp tack!

## #1 — jvc_man, 2004-01-09T10:26Z

Hej!

Följande sats använder jag vid visning utav bilder:

function Visa(bildNamn,widt,heig) {
  document.bild.width = widt;
  document.bild.height = heig;

  if (ns3upp \|\| ie4upp) {
    imgOn = ("" + bildNamn);
    document.bild.src = imgOn;
  }

  document.getElementById('stor').href = bildNamn.substr(0, bildNamn.length - 4) + "(big)." + bildNamn.substr(bildNamn.length - bildNamn.indexOf(".") + 1, bildNamn.length) + "gif";

}
\___________________________________________________\_

Lite längre ned i koden där bilden skall visas använder jag följande:

\<a href="#" id="stor" target="\_blank"\>\<img name="bild" src="bild1.jpg" border="0" width="190" height="155" vspace="0" hspace="11"\>\</a\>
\___________________________________________________\_

Dock så är problemet att jag vill antingen (beroende) på vilken kategori som jag är inne i, visa samma bild igen eller en ny med "big" på slutet.

Följande försökte jag:

\<% If Session("seven") = "7" Then %\>

\<a href="#" id="small" target="\_blank"\>\<img name="bild" src="bilder/starbg1.jpg" border="0" width="190" height="155" vspace="0" hspace="11"\>\</a\>

\<% Else %\>

\<a href="#" id="stor" target="\_blank"\>\<img name="bild" src="bilder/starbg1.jpg" border="0" width="190" height="155" vspace="0" hspace="11"\>\</a\>

\<% End If %\>
\___________________________________________________\_

Detta funkar bra (ovanstående), dock är det här som jag inte får till det nu:

function Visa(bildNamn,widt,heig) {
  document.bild.width = widt;
  document.bild.height = heig;

  if (ns3upp \|\| ie4upp) {
    imgOn = ("" + bildNamn);
    document.bild.src = imgOn;
  }

  document.getElementById('stor').href = bildNamn.substr(0, bildNamn.length - 4) + "(big)." + bildNamn.substr(bildNamn.length - bildNamn.indexOf(".") + 1, bildNamn.length) + "gif";

  document.getElementById('small').href = bildNamn;

}
\___________________________________________________\_

Felet är förmodligen att man ej kan ha två stycken document.getElementById i samma sats, dock undrar jag då:

Hur skall jag göra för att jag skall uppfylla målet som ni nu förmodligen förstår, jag är inte så himla bra på javascript och så, mer insatt i asp...
Hoppas någon kan hjälpa mig!

Mvh Björn M     :l

Permalänk: https://www.webforum.nu/p/94318

## #2 — Jojoxx, 2004-01-09T15:57Z

Kan vi spola tillbaks bandet och titta på vad du vill ha så skriver vi en ny kodsnutt? :) Tror det är enklare. Vad vill du ha?

När du gör någonting (kanske klickar på något) skall en bild bytas och en länk ändras, och sedan beroende på Session("seven") skall vad ändras?

Permalänk: https://www.webforum.nu/p/1246245

## #3 — jvc_man, 2004-01-09T17:46Z

Tjena!

Då skall vi se, följande saker skall ske:

Om jag klickar på en länk, skall en bild komma upp (som är specifik för länken). Om jag klickar på bilden skall en ny bild komma upp med samma sökväg som den förra bilden, dock med "(big)" på slutet.

MEN: Om jag är inne i en speciell kategori (7:an) så skall inte den nya bilden ha "(big)" på slutet, dvs den nya bilden skall vara densamma som originalet.

Hoppas ni kan hjälpa mig nu!  =)

Mvh Björn M

Permalänk: https://www.webforum.nu/p/1246350

## #4 — Jojoxx, 2004-01-09T18:59Z

Ungefär så här;

```
<img src="dummy.gif" id="imghere" alt="" <%if session("seven") <> "7" then%>onclick="if(this.alt){ this.src=this.alt+'_big.gif'; }"<%end if%> />
<script type="text/javascript">
function imgchange(a){
	document.getElementById('imghere').src=a.href+".gif";
	document.getElementById('imghere').alt=a.href;
	return false;
}
</script>

<a href="kalleanka" onclick="return imgchange(this);">Kalle Anka</a>
<a href="langben" onclick="return imgchange(this);">Långben</a>
```

dummy.gif håller platsen där bilden skall hamna. Klickar du på länken "Kalle Anka" som har href kalleanka visas "kalleanka.gif". Klickar du sedan på bilden visas "kalleanka_big.gif" om du inte sessionvariabeln är "7". Paranteser är inga bra tecken i filnamn på nätet så de hoppar jag över.

Permalänk: https://www.webforum.nu/p/1246398

## #5 — jvc_man, 2004-01-10T11:41Z

Tack för svaret, ska se över det när jag vaknat riktigt, dock blir det en del att modifiera!

Mvh

Permalänk: https://www.webforum.nu/p/1246756

## #6 — jvc_man, 2004-01-10T17:06Z

Tjena, nja, det blev lite svårt att få det att funka, bilden kom upp i main-ramen...

Dock, det som jag använder är ganska bra nu, tycket dock att man borde kunna ändra det lite så att det funkar, jag skall visa lite mera...

\___________________________________________________\_

När man klicka på nedanstående länk, så skickas info:n om bilden till javacript-funktionen som kommer efter nedanstående kod.

\<a href="javascript:Visa('\<%=RecSet("lank")%\>','\<%=RecSet("bredd")%\>','\<%=RecSet("hojd")%\>');"\>\<% =RecSet("Namn") %\>\</a\>
\___________________________________________________\_

Här är javascript-funktionen som tar hand om bildens info och lite så.

\<SCRIPT LANGUAGE="JavaScript"\>
\<!--

function Visa(bildNamn,widt,heig) {
  document.bild.width = widt;
  document.bild.height = heig;

  if (ns3upp \|\| ie4upp) {
    imgOn = ("" + bildNamn);
    document.bild.src = imgOn;
  }

document.getElementById('stor').href = bildNamn.substr(0, bildNamn.length - 4) + "(big)." + bildNamn.substr(bildNamn.length - bildNamn.indexOf(".") + 1, bildNamn.length) + "gif";

}
\--\>
\</SCRIPT\>
\___________________________________________________\_

Här kommer koden som är för själva bilden, den som visas i main, dvs på hemsidan...

\<% If Session("seven") = "7" Then %\>

\<a href="#" id="small" target="\_blank"\>\<img name="bild" src="bild1.gif" border="0" width="200" height="200" vspace="0" hspace="11"\>\</a\>

\<% Else %\>

\<a href="#" id="stor" target="\_blank"\>\<img name="bild" src="bild1.gif" border="0" width="200" height="200" vspace="0" hspace="11"\>\</a\>\</div\>

\<% End If %\>
\___________________________________________________\_

Det som jag tycker är att man skall kunna lägga till en till document.getElementById i javascriptet så att det skulle se ut så här i slutet av funktionen:

document.getElementById('stor').href = bildNamn.substr(0, bildNamn.length - 4) + "(big)." + bildNamn.substr(bildNamn.length - bildNamn.indexOf(".") + 1, bildNamn.length) + "gif";

document.getElementById(small).href = bildNamn;

Då skulle den göra den första document.getElementById om det vore "stor" eller den andra om det vore "small".

Dock funkar ju inte detta, någon ny bra lösning på denna typen av prog.  ??

Mvh och är tacksam för ert svar som jag redan fått dock!

Hoppas någon kan hjälpa!

Permalänk: https://www.webforum.nu/p/1246910

## #7 — Jojoxx, 2004-01-10T21:04Z

Du menar så här?

```
if(document.getElementById('stor')){
//... här gör du saker om elementet med id "stor" finns.
} else {
//... annars händer det här.
}
```

(Dock lite konstigt att mitt exempel skulle påverka andra frames. Några sådanna referenser finns inte i scriptet :) Tror det är fel någon annanstans, men vi kör på din väg)

Permalänk: https://www.webforum.nu/p/1247034

## #8 — jvc_man, 2004-01-10T22:51Z

Tack, ibland står allt stilla och man kommer inte på någon lösning fastän det egentligen är ganska simpelt!

\=)

Mvh

Permalänk: https://www.webforum.nu/p/1247076

---

Tråden på webben: https://www.webforum.nu/amne/javascript/94318-visa-en-bild-med-javascript-samt-document-getelementbyid-klydd-hjälp-tack