John Barden: document.write löscht die ganze Seite

Hi,

ich hab auf einer Html-Seite einen Button:
<input type="button" value="Bild anzeigen" onclick="showpic()">

Wenn man da drauf klickt, soll unten ein Bild angezeigt werden:

<script>
function showpic() {
document.write('<img src=test.jpg>');
}
</script>

Wenn ich auf den Button klicke, dann wird nur das Bild angezeigt, aber die gesamte restliche Seite ist weg.
Wie kann ich das machen, dass das Bild nur zusätzlich bei der Seite angezeigt wird?

Danke

Gruß
John

  1. Hi,

    ich hab auf einer Html-Seite einen Button:
    <input type="button" value="Bild anzeigen" onclick="showpic()">

    Wenn man da drauf klickt, soll unten ein Bild angezeigt werden:

    <script>
    function showpic() {
    document.write('<img src=test.jpg>');
    }
    </script>

    Wenn ich auf den Button klicke, dann wird nur das Bild angezeigt, aber die gesamte restliche Seite ist weg.
    Wie kann ich das machen, dass das Bild nur zusätzlich bei der Seite angezeigt wird?

    ja, definier ein <div> und schalte dieses mittels Deiner Fkt. un-/sichtbar.

    Gruß
    Reiner

    1. Hi,

      eine Möglichkeit wäre auch document.GetElementById.

      http://selfhtml.teamone.de/dhtml/intro.htm

      Viele Grüße
      THORSTEN