Billede URL i <div>

altså, har selvfølgelig 3 <div>

slet ingen som kan hjælpe lille mig? :(

joda
<script>
function showPicture(inpFelt){
  objInp = document.getElementById(inpFelt);
  objDiv = document.getElementById("picDiv");
  objDiv.style.background = "url("+objInp.value+")";
}
</script>
<input type="text" name="pic1" id="pic1">
<input type="button" value="Vis" onClick="showPicture('pic1')">
<div id="picDiv" style="border:1px solid black;width:200px;height:300px;overflow:hidden;"></div>

virtuel tavshed?

Jamen det var da skønt :D
Skynd dig at smide et svar..

Men, hvordan klarer jeg koden nemmest når jeg har 3 input felter

pic1, pic2 og pic3 til hver sin div

Der bliver du nødt til at udvide den lidt.
Med 3 inpFelter i functionen og ellers gentage hvad jeg har gjort med felt 1.
Så skal du selvfølgelig også have 3 div med hver sin id.

Men du kan tage udgangspunkt i mit eksempel og kopier-

<script type="text/javascript">
function visBillede(elm,fld){
  fld = elm.form.elements[fld];
  var divElm = document.getElementById("picDiv" + fld.name.replace(/^.*(\d+)$/,"$1"));
  divElm.style.backgroundImage = "url(" + fld.value + ")";
}
</script>

<form>
<input type="text" name="pic1"><button onclick="visBillede(this,'pic1');">Vis billede 1</button><br>
<input type="text" name="pic2"><button onclick="visBillede(this,'pic2');">Vis billede 2</button><br>
<input type="text" name="pic3"><button onclick="visBillede(this,'pic2');">Vis billede 3</button><br>
</form>
<div id="picDiv1" style="border:1px solid black;width:200px;height:300px;overflow:hidden;"></div>
<div id="picDiv2" style="border:1px solid black;width:200px;height:300px;overflow:hidden;"></div>
<div id="picDiv3" style="border:1px solid black;width:200px;height:300px;overflow:hidden;"></div>

Hov, der skulle selvfølgelig stå visBillede(this,'pic3') i den sidste button !-)

roenving>  Smidt et svar

Velbekomme '-)

Tak for point ;~}