Feyvar: Problem: Dynamisches Anzeigen von Bildern und Positionsänderung

SELF-Forum

Problem: Dynamisches Anzeigen von Bildern und Positionsänderung

Feyvar
– Informationen zu den Bewertungsregeln

Hallo zusammen,

Ich habe folgendes Problem:
Ich versuche beliebig viele Bilder am Bildschirm anzuzeigen, und dann dort mit Hilfe von CSS zu positionieren.

Mein Code läuft erfolgreich durch, aber meine Bilder werden nicht korrekt positioniert. Deswegen habe ich mir den betreffenden Code in eine TestSeite kopiert, leider konnte ich aber auch dort den Fehler nicht beheben.

Nachdem ich mittlerweile recht ratlos bin, wollte ich Euch um Hilfe bitten und fragen, ob Ihr mal schnell über den Code schauen könnt, vielleicht habe ich ja nur eine Kleinigkeit übersehen. (Mal wieder
:-( ).

Anbei der BeispielCode:
<html>
<head>
<title>Test</title>
</head>
<script language="JavaScript" type="text/javascript">
<!--
function neu()
{
    //Hilfsvariablen
    var Element;
    var UnterElement;

//Ich lege mir mein DIV-Object dynamisch an, ...
    Element = document.createElement("div");
    //vergebe eine ID...
    Element.setAttribute("id","BildBereich0");
    //und setze den Style für die absolute Positionierung
    Element.setAttribute("style","position:absolute;");

//Jetzt erzeuge ich noch mein Bild  ...
    UnterElement = document.createElement("img");
    UnterElement.setAttribute("id","Bild");

//und füge es ein ...
    Element.appendChild(UnterElement);
    document.getElementById("Bildbereich").appendChild(Element);

//Nun rufe ich meine 2. Methode auf, in der ich die Position verändern möchte.
    Neu2("BildBereich0");
}

function Neu2(BereichID)
{
 //Bildposition festlegen
 document.getElementById(BereichID).style.top  = 500;
 document.getElementById(BereichID).style.left = 300;
}
//-->
</script>
<body onLoad="neu()">
<div id="Bildbereich">&nbsp;</div>
</body>
</html>

Herzlichen Dank.

Feyvar

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Problem: Dynamisches Anzeigen von Bildern und Positionsänderung

    Siechfred
    – Informationen zu den Bewertungsregeln

    Tag Feyvar.

    Mein Code läuft erfolgreich durch, aber meine Bilder werden nicht korrekt positioniert.
    //Bildposition festlegen
    document.getElementById(BereichID).style.top  = 500;
    document.getElementById(BereichID).style.left = 300;

    Siehe:

    [dsf 3.6]
    Siechfred

    --
    »Sie kochten heimlich mit Wasser und tranken öffentlich Wein.«
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln