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 <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>
<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...
Tusen tack båda! schysst =)
Nitro var dock lite bättre, bättre än min egen teori