Andy: Problem mit getElementById

SELF-Forum

Problem mit getElementById

Andy
– Informationen zu den Bewertungsregeln

Hallo Leute suche verzweifelt nach ne Loesung!!
Hier mein Quelltext

<html>
<input type="button" name="mein" value="mach" onclick ="javascript: visi();">
<script language="javascript">

document.write('<style type="text/css">');
document.write('#oper  {position: absolute; top:413px; left:22px; }');
document.write('</style>');
document.write('<div ID="oper"><img name="oper" src="a.JPG"></div>');

function visi(){
document.getElementById("oper").src = "b.jpg";
}
</script>
</html>

Wenn der Knopf gedrueckt wird soll das bild geaendert werden  mit getElementById macht er garnichts nicht mal ne Fehlermeldung.
Mit document.oper.src = "b.jpg"; klappt es aber es ist wichtig das das ganze mit getElementById funktioniert.

Danke.
Andy

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Problem mit getElementById

    Gunther
    – Informationen zu den Bewertungsregeln

    Hallo Andy,

    Hier mein Quelltext

    <html>

    <input type="button" name="mein" value="mach" onclick="visi();">

    <script language="javascript">

    document.write('<style type="text/css">');
    document.write('#oper  {position: absolute; top:413px; left:22px; }');
    document.write('</style>');

    document.write('<div ID="xyz"><img id="oper" src="a.JPG"></div>');

    function visi(){
    document.getElementById("oper").src = "b.jpg";
    }
    </script>
    </html>

    Du musst wenn auch schon dem Image (dessen Source du ja schließlich ändern willst) die entsprechende ID zuordnen (und nicht wie bei dir dem div, welches IMHO überflüssig ist).

    Ansonsten musst du mit 'getElementsByName' arbeiten.

    Gruß Gunther

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Problem mit getElementById

    Andy
    – Informationen zu den Bewertungsregeln

    Wenn ich
    document.getElementById("oper").style.visibility= "hidden";
    dann klappt es ja nur wenn ich den .src anspreche habe ich Probleme.

    Andy

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Problem mit getElementById

      Gunther
      – Informationen zu den Bewertungsregeln

      Wenn ich
      document.getElementById("oper").style.visibility= "hidden";
      dann klappt es ja nur wenn ich den .src anspreche habe ich Probleme.

      Andy

      Bei dir ist das Element mit der ID="oper" ein DIV-Element. Folglich funktionieren alle für ein DIV-Element gültigen Eigenschaften (src ist keine!).

      Warum machst du es nicht so, wie ich es schon gepostet habe!?
      Du sprichst doch das falsche Element an, denn du willst doch die Source des Images ändern, und nicht das DIV-Element.

      Gruß Gunther

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  3. Problem mit getElementById

    MudGuard
    – Informationen zu den Bewertungsregeln

    Hi,

    Hallo Leute suche verzweifelt nach ne Loesung!!
    Hier mein Quelltext

    <html>
    <input type="button" name="mein" value="mach" onclick ="javascript: visi();">

    ^^^^^^^^^^^ weg

    <script language="javascript">

    type-Attribut fehlt.

    document.write('<style type="text/css">');
    document.write('#oper  {position: absolute; top:413px; left:22px; }');
    document.write('</style>');

    ^^ das beendet den Inhalt des Script-Elements

    document.write('<div ID="oper"><img name="oper"  src="a.JPG"></div>');src="a.JPG"></div>');

    Name space Konflikt...  ^^^^^^^^^------^^^^^^^^^^^  alt fehlt ^ ^^ auch falsch, s.o.

    function visi(){
    document.getElementById("oper").src = "b.jpg";

    oper ist bei Dir ein div. div hat keine src-Eigenschaft.
    Gib die Id ins Bild.

    }
    </script>
    </html>

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln