DHTML - Positionierung 1
Der Schriftzug 'ABC' wurde mit folgender Befehlszeile positioniert:
<span id="text1" style="position:absolute;top:500;left:600;font-size:50pt;color:#0000FF">ABC</span>
|
Mit dem span-Tag wird ein Bereich bestimmt, der für ein späteres Ansprechen benannt wird, hier
mit "text1". Über den Zusatz 'style' wird der Bereich absolut positioniert und zwar 500 Pixel
von oben und 600 Pixel von links. Dass hier die Schriftgröße und Farbe zusätzlich geändert wird,
ist für die Positionierung ohne Belang.
ABC
Der Schriftzug kann durch Verändern der Werte für
top und
left verschoben werden.
Bitte ausprobieren!
Mit folgendem Script wird gezeigt, wie man unter dem neuen
Document-Object-Modell
auf
top und
left zugreift.
<script language="JavaScript">
function setze_um()
{
document.getElementById("text1").style.left = 700;
document.getElementById("text1").style.top = 400;
}
</script>
|
