webForumDet fria alternativet

krav på korrekt banner

3 svar · 304 visningar · startad av joakimweb

joakimwebMedlem sedan feb. 2002141 inlägg
#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
#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 342 inlägg
#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
#4

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

134 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)