Inhalte sofort laden

[iApple]

Hi zusammen,

in einem Teil meiner Seite - kann ein Benutzer in ein normales Text-Feld eine URL zu einem Bild angeben. Nun möchte ich, sobald er die URL eingefügt hat, das Bild direkt unter dem Text-Feld angezeigt wird ohne, dass er etwas klicken muss...

Wie geht sowas?

 

[Myhar]

AW: Inhalte sofort laden

Indem du mit Javascript ein img Element erzeugst und den eingegebenen String als src Attribut hinzufügst.

 

[iApple]

AW: Inhalte sofort laden

Oh Gott - ich kenn mich mit Javscript überhaupt nicht aus Hast du einen Code?

 

[Zampano_]

AW: Inhalte sofort laden

Das Feld auslesen:

var URLzumBild = document.getElementById("IDDesEingabefeldes").value;

Image-Tag schreiben

document.write('<img src="'+URLzumBild+'">')

dann hast du schonmal generell ein Bild erzeugt.
Wenn das aber an eine bestimmt Stelle soll, würd ich vorher einen leeren Container plazieren, den du dann mit dem Bild füllst:

document.getElementById(AnzeigeContainer).innerHTML = '<img src="'+URLzumBild+'">'

oder das ganze in Kurzform

document.getElementById(AnzeigeContainer).innerHTML = '<img src="'+document.getElementById("IDDesEingabefeldes").value+'">'

 

[iApple]

AW: Inhalte sofort laden

Hmm funktioniert bei mir nicht... irgendwo hab ich einen Fehler....

<script type="text/javascript">
document.getElementById('div#ShowImageNow').innerHTML = '<img src="'.document.getElementById("SlideImage").value.'">'
</script>

Und mein Feld

<input name="path" type="text" id="SlideImage" class="ipt002" />

 

[Zampano_]

Mach mal das div# vor dem ShowImageNow raus.

<script type="text/javascript">
function zeigeBild(){
document.getElementById('ShowImageNow').innerHTML = '<img src="'+document.getElementById("SlideImage").value+'">'
}
</script>


<form>
<input type="text" id="SlideImage" onchange="zeigeBild()" >
</form>

<div id="ShowImageNow">nix</div>

Das hier habe ich jetzt getestet und das funkttioniert...

Du kannst dir aber auch den Scriptbereich sparen und die Anweisung direkt ins onblur-Event schreiben:

<input type="text" id="SlideImage" onchange='document.getElementById("ShowImageNow").innerHTML = "<img src=\""+this.value+"\">"' >

Wenn du das nur an einer stelle brauchst, würde ich das so machen

 

[iApple]

AW: Inhalte sofort laden

Vielen Dank - ich habe die letzte Variante genommen...