Lidt flere funktioner til javascript

document.getElementById("imgview").style.width hedder det...

Skal jeg så gøre sådan her:
function ShowPicture(file, width, border){
  document.getElementById("imgview").src = "file:///" + file.value;
  document.getElementById("imgview").style.width = width.value;
  document.getElementById("imgview").style.border = border.value;
}

<input type="file" name="picture" onchange="ShowPicture(this);">

Hvordan kan man lave n onpresskey? er det noget der hedder det?
<input type="text" name="width" value="">

onKeydown eller onKeyup kan du bruge...

Hmm det her virker ikke:
<form method="POST" action="?" enctype="multipart/form-data" name="add">
  <img id="imgview" name="view" src="billeder/tomt.jpg" border="1"><br>
  <input type="file" name="picture" onchange="ShowPicture(this, width, border);">
  <input type="text" name="width" value="" onKeydown="ShowPicture(file, this, border);">
  <input type="text" name="border" value="" onKeydown="ShowPicture(file, witdh, this);">
</form>

<SCRIPT type="text/javascript">
function ShowPicture(file, width, border){
  document.getElementById("imgview").src = "file:///" + file.value;
  document.getElementById("imgview").style.width = width.value;
  document.getElementById("imgview").style.border = border.value;
}
</SCRIPT>

?

Du er nødt til at henvise til værdierne i felterne, så f.eks.

<form method="POST" action="?" enctype="multipart/form-data" name="add">
  <img id="imgview" name="view" src="billeder/tomt.jpg" border="1"><br>
  <input type="file" name="picture" onchange="ShowPicture(this, this.form.width, this.form.border);">
  <input type="text" name="width" value="" onKeydown="ShowPicture(this.form.file, this, this.form.border);">
  <input type="text" name="border" value="" onKeydown="ShowPicture(this.form.file, this.form.width, this);">
</form>

-- og så skal længdeværdier i css have en enhed, hvis de skal virke (siger standarden !-)

<script type="text/javascript">
function ShowPicture(file, width, border){
  document.getElementById("imgview").src = "file:///" + file.value;
  document.getElementById("imgview").style.width = width.value + "px";
  document.getElementById("imgview").style.border = border.value + "px";
}
</script>

Man skal vælge width inden ellers bliver billedet bare normalt og border virker ikke.

Hvis jeg vælger billede og width sker der ikke noget
Hvis jeg vælger width også billede så virker det.

Jepz, du skal have nogle default-værdier ...

Det hjælper ikke at smide det her ind width="100" border="1"

<input type="text" name="width" value="100" onKeydown="ShowPicture(this.form.file, this, this.form.border);">
  <input type="text" name="border" value="1" onKeydown="ShowPicture(this.form.file, this.form.width, this);">

Jamen det skal være muligt at ændre witdh bagefter man har valgt billede og border virker slet ikke og har dne ikke grjodt.

? :D

Hvordan kan det fixes?

Man kan da sagtens ændre værdien i felterne, hvis der bare er angivet en default-værdi ?-)

Fik en ven til at ændre lidt ting, han mente det var dumt at bruge this til at hente værdier. Nu virker det.

Men hvis du vil have ppoints, som tak for hjælpenm, smider du så ikke lig et svar?

<script type="text/javascript">
function ShowPicture(){
bredde = document.getElementById("bredde").value;
bredde = (parseInt(bredde) > 0) ? parseInt(bredde) : 100;
kant = document.getElementById("kant").value;
kant = (parseInt(kant) > 0) ? parseInt(kant) : 1;
file = document.getElementById("file");
  document.getElementById("imgview").src = "file:///" + file.value;
  document.getElementById("imgview").style.width = bredde + "px";
  document.getElementById("imgview").style.border ="groove #000000 "+kant+"px;";
}
</script>
<form method="POST" action="?" enctype="multipart/form-data" name="add">
  <img id="imgview" name="view" border="1" src="billeder/tomt.jpg"><br>
  <input type="file" name="picture" id="file" onchange="ShowPicture();">
<input type="text" name="width" value="100" id="bredde" onKeyUp="ShowPicture();">
  <input type="text" name="border" value="1" id="kant" onKeyUp="ShowPicture();">
</form>

Hrm, dumt at hente værdier med this ?-)

-- så har han helt åbenbart ikke nogen egentlig erfaring med rigtig programmering, for man skal _altid_ finde metoder, som på den nemmeste måde kan porteres til andre situationer, specielt hvis det ovenikøbet kan gøres mere effektivt !-)

-- iøvrigt er der en risiko for sjove værdier, når parseInt bruges uden at angive basen, så jeg vil da anbefale, at du angiver den: parseInt(bredde,10) ...

-- uden base vil et nul foran et tal pludselig have en mening, da javascript vil fortolke 0123 som 83 !o]

Nu ved jeg slet ikke hvad der sker, vil duikke prvøe at smide det der ind og se om du kan optimere den lidt, hvis jeg bare smider det der ind i en fil funker det fint i IE, FF og Opera, men hvis jeg fletter det ind på min side og viser den via localhost, så fucker den i FF og Opera, den bliver bare ved med at vise billeder/tomt.jpg

?-)

Man kunne f.eks. gøre sådan, selvom jeg selv ville bruge metoder, der ligner den tidligere smidte ...

<script type="text/javascript">
function ShowPicture(f){
bred = f.bredde.value;
bred = parseInt(bred) > 0 ? parseInt(bred,10) : 100;
knt = f.kant.value;
knt = parseInt(knt) > 0 ? parseInt(knt,10) : 1;
fil = f.file;
  document.getElementById("imgview").src = "file:///" + fil.value;
  document.getElementById("imgview").style.width = bred + "px";
  document.getElementById("imgview").style.border ="groove #000000 "+knt+"px;";
}
</script>
<form method="POST" action="?" enctype="multipart/form-data" name="add">
  <img id="imgview" name="view" border="1" src="billeder/tomt.jpg"><br>
  <input type="file" name="picture" id="file" onchange="ShowPicture(this.form);">
<input type="text" name="width" value="100" id="bredde" onKeyUp="ShowPicture(this.form);">
  <input type="text" name="border" value="1" id="kant" onKeyUp="ShowPicture(this.form);">
</form>

http://kdp.users.whitehat.dk/fejl.htm

Prøv at kig på den i FF og Opera, der virker det ikke - jeg har også problemer med min file felt i FF

Sikkerhedsfejl: Indholdet af http://kdp.users.whitehat.dk/fejl.htm henter eller linker måske slet ikke til file:///C:%5CDocuments%20and%20Settings%5CBrugerNavn%5CSkrivebord%5Ceksperten_logo_new.gif.

hvad skal det betyde?

Det er den fejl Gecko-maskinen sender ud, og som forårsager, at det ikke virker ...

-- jeg kan ikke erindre, at jeg har set en løsning på den !-)

hmm hvad er en gecko maskine? :S

Det er den renderings- (optegnings-) maskine, der sidder i Netscape 6+, Mozilla, FireFox, Camino m.fl.

Dvs. den komponent, der beregner og tegner en sides indhold og skaber forbindelse fra handlinger m.v. i browseren til styresystem m.v. !-)

Jamen hvordan kan jeg så rette den der sikkerhedsfejl, så det kan lade sig gøre at se i de andre browsere?

Kan man disable den?

?

Your help is needed.

jamen. må ok.