krav på korrekt banner

3 svar · 306 visningar · startad av joakimweb 4 sep. 2004

joakimwebMedlem sedan feb. 2002141 inlägg

Frågan4 sep. 2004 14:28#1

Hej!

Jag får jämt url:er till banners som inte existerar, och detta vill jag förhindra redan när de skall sparas.

Hade tänkt mig följande:
- En korrekt sökväg till bannern skrivs in och bannern förhandsvisas ovanför
- Misslyckas förhandsvisningen = felaktig sökväg, skall submit-knappen bli disabled. Visas bannern är den enabled.

Enda problemet är mina JavaScript-kunskaper, och hoppas på någon hjälpsam person =)

Lite grund:

<input type="text" name="banner" size="30" class="forms"><br>
<input type="submit" name="skicka" value="Spara" class="submit">

Tacksam för all hjälp

JojoxxMedlem sedan juni 20004 308 inlägg

4 sep. 2004 20:58#2

<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>

nitro2k01Medlem sedan aug. 20039 340 inlägg

4 sep. 2004 21:13#3

 
<script type="text/javascript"><!--
function checkBanner(th){
  var im=new Image(), retval=true;
  im.src=th.elements["banner"].value;
  if (im.height == 0 || im.height == 0){
    retval = false;
    alert("Sökvägen du angav verkar inte leda till ett giltigt bild-dokument. Vänligen rätta till detta och försök igen.");
  }else if (im.height > 60 || im.width > 468){
    retval = false;
    alert("Din banner är för stor. Vänligen använd en banner som är max 468 * 60 pixlar.");
  }
  return retval;
}
--></script>
<form name="formName" onsubmit="return checkBanner(this);">
<input type="text" value="http://www2.hemsida.net/dtd/busted.jpg" name="banner" size="30" class="forms"><br>
<input type="submit" name="skicka" value="Spara" class="submit">
</form>

/nitro2k01, jourhavande javascript-hjälte...

joakimwebMedlem sedan feb. 2002141 inlägg

5 sep. 2004 16:31#4

Tusen tack båda! schysst =)
Nitro var dock lite bättre, bättre än min egen teori