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
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>
Nitro, du ska ha ett stort tack =)
Superbra jobbat.
Nästa "årets medlem"!
I alla fall i Javascript-forumet... :)
