Destroyer446
Neues Mitglied
Hi,
ich will einen Rahmen um ein Bild machen.
Farbe Braun aber die kann ich ja noch ändern...
Mein Versuch ist gescheitert x_x
Mein Code:
Bei "vr" statt "hr" steht das "v" für "Vertikal", nur so falls ihr euch das fragt ;)
Ich frage mich jedenfalls: wo ist der Fehler? Ich finde ihn nicht, muss aber anmerken, dass ich in Javascript nicht sooo besonders Gut bin^^
Hoffe auf Tipps :)
MFG Destroyer446
ich will einen Rahmen um ein Bild machen.
Farbe Braun aber die kann ich ja noch ändern...
Mein Versuch ist gescheitert x_x
Mein Code:
HTML:
<html>
<head>
<title>Test-Linien-Script</title>
<script lang="javascript">
// Width vom Bild auslesen
rWidth = document.images.Testbild.width;
// Height vom Bild auslesen
rHeight = document.images.Testbild.height;
// Top vom Bild auslesen
aTop = document.images.Testbild.top;
// Left vom Bild auslesen
aLeft = document.images.Testbild.left;
// Right vom Bild auslesen
aRight = aLeft + document.images.Testbild.width;
// Bot vom Bild auslesen
aBot = aTop + document.images.Testbild.height;
// Top für Linien bestimmen, -1 da es direkt über dem Bild sein soll, nicht im Bild drin
rTop = aTop - 1
// Left für Linien bestimmen, -1 da es direkt neben dem Bild sein soll, nicht im Bild drin
rLeft = aLeft - 1
// Right für Linien bestimmen, +1 da es direkt neben dem Bild sein soll, nicht im Bild drin
rRight = aRight + 1
// Bot für Linien bestimmen, +1 da es direkt unter dem Bild sein soll, nicht im Bild drin
rBot = aBot + 1
// Top Linie Daten festlegen
document.getElementById("hr_top").style.position = absolute;
document.getElementById("hr_top").style.left = rLeft;
document.getElementById("hr_top").style.width = rWidth + 2;
// Left Linie Daten festlegen
document.getElementById("vr_left").style.top = rtop;
document.getElementById("vr_left").style.left = rLeft;
document.getElementById("vr_right").style.width = 1;
document.getElementById("vr_left").style.height = rHeight + 2;
// Right Linie Daten festlegen
document.getElementById("vr_right").style.top = rTop;
document.getElementById("vr_right").style.left = rRight;
document.getElementById("vr_right").style.width = 1;
document.getElementById("vr_right").style.height = rHeight + 2;
// Bot Linie Daten festlegen
document.getElementById("hr_bot").style.top = rBot;
document.getElementById("hr_bot").style.left = rLeft;
document.getElementById("hr_bot").style.width = rWidth + 2;
</script>
</head>
<body>
<!-- Mein Bild, ist ja egal welches -->
<img src="Testbild.bmp" alt="Testbild" name="Testbild" />
<!-- Die Linien -->
<hr name="hr_top" color=Brown>
<hr name="vr_left" color=Brown>
<hr name="vr_right" color=Brown>
<hr name="hr_bot" color=Brown>
</body>
</html>Ich frage mich jedenfalls: wo ist der Fehler? Ich finde ihn nicht, muss aber anmerken, dass ich in Javascript nicht sooo besonders Gut bin^^
Hoffe auf Tipps :)
MFG Destroyer446
