---
title: "Kolla om banner finns (igen)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/112394-kolla-om-banner-finns-igen"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "joakimweb"
published: "2004-09-26T13:52:35.000Z"
updated: "2004-09-27T18:07:20.000Z"
replies: 3
views: 301
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/112394-kolla-om-banner-finns-igen"
---

# Kolla om banner finns (igen)

## #1 — joakimweb, 2004-09-26T13:52Z

Hej!

Jojoxx och Nitro hjälpte mig bra med mitt problem, men jag har bytt taktik för att inte skapa problem i vissa fall.
Jag skall ha två knappar:
Steg 1 - kontrollera bannern (klick, ok=knapp2 visible, inte ok = disabled fortfarande)
Steg 2 - Skicka

```
<img src="default.gif" name="banner">
<script type="text/javascript">
var bannerimage=new Image();
bannerimage.onload=function(){
	document.images["banner"].src=this.src;
	document.forms["imageform"].submitbutton.disabled=false;	
}
</script>
<form action="somepage.asp" name="imageform">
<input type="text" onchange="document.images['banner'].src='default.gif'; this.form.submitbutton.disabled=true; bannerimage.src=this.value;"><br/>
<input type="submit" value="Skicka" name="submitbutton" disabled="disabled">
</form>
```

 

Jag vet inte hur jag skall gå till väga, dock :/

Tacksam för allt

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

## #2 — nitro2k01, 2004-09-27T10:54Z

Pröva detta:

```
 <img src="default.gif" name="banner" style="display: none;">
<span style="font-family: arial; font-size: 12px;" id="bildinfo">
<i>(Ingen bild laddad)</i>
</span>

<script type="text/javascript">
var bannerimage=new Image(), oktopost=false;

bannerimage.onload=function(){
	with(document.images["banner"]){
		src=this.src;
		style.display="block";
	}
	if (this.height>60 || this.width>468){
		document.getElementById("bildinfo").innerHTML = "Bilden för stor!";
		document.forms["imageform"].submitbutton.disabled=!(oktopost=false);
	}else{
		document.getElementById("bildinfo").innerHTML = "Bilden godkänd";
		document.forms["imageform"].submitbutton.disabled=!(oktopost=true);
	}
}

bannerimage.onerror=function(){
	document.getElementById("bildinfo").innerHTML = "Bildfel. Vänligen kontrollera adressen.";
	document.forms["imageform"].submitbutton.disabled=!(oktopost=false);
}

function trybanner(){
//document.images['banner'].src='default.gif'; 
	if (document.forms["imageform"].bannerurl.value.length==0)	return;
	document.getElementById("bildinfo").innerHTML = "<i>Kontrollerar bild, vg vänta!</i>";
	document.images['banner'].style.display="none";
	document.forms["imageform"].submitbutton.disabled=!(oktopost=false); 
	bannerimage.src=document.forms["imageform"].bannerurl.value;
}
</script>
<form onsubmit="if (!oktopost)alert('Du måste välja en korrekt banner!'); return oktopost;" action="somepage.asp" name="imageform">
<input type="text" name="bannerurl"><br/>
<input type="button" onclick="trybanner();" value="Verifiera bilden" name="verify" >
<input type="submit" value="Använd bilden" name="submitbutton" disabled="disabled">
</form>
```

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

## #3 — joakimweb, 2004-09-27T18:05Z

Nitro, du ska ha ett stort tack =)
Superbra jobbat.

Nästa "årets medlem"!

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

## #4 — nitro2k01, 2004-09-27T18:07Z

I alla fall i Javascript-forumet... :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/112394-kolla-om-banner-finns-igen
