Hallo,
im Allgemeinen versuche ich valides HTML zu erstellen, bislang kein Problem (auch meine HomePage wird noch nachgerüstet, ja, ja, ...). Jetzt habe ich für eine News-Vorschaubild-Erstellung ein JavaScript geschrieben, dass in aktuellen Browsern funktioniert. Auch in Firefox, aber dort eben nur wenn ich die DOCTYPE-Bestimmung am Anfang des Dokuments weglasse.
Der wesentliche Code ist:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<script language="JavaScript1.2" type="text/javascript">
<!--
function init() {
verf = document.getElementById('verfolger').style;
document.onmousemove = koordinatenUpdate;
setInterval("verfolgen()", 5)
}
function koordinatenUpdate(e) {
// mausX und mausY aktualisieren
mausX = e.pageX - 40;
mausY = e.pageY - 40;
}
function verfolgen() {
// verfolger verschieben:
linkePos = parseInt(verf.left) + (mausX - parseInt(verf.left));
topPos = parseInt(verf.top) + (mausY - parseInt(verf.top));
[...]
verf.left = linkePos;
verf.top = topPos;
}
// -->
</script>
[... im HTML-Teil ...]
<img src="test.jpg" style="width:330px;height:505px;" alt="" id="ganzbild" class="ganzbild">
<div id="verfolger" class="verfolger" style="left:150px;top:150px;width:80px;height:80px;">
<img src="schnitt.gif" width="80" height="80" alt="" class="auswahl" onClick="wechsel();">
</div>
Der div "verfolger" ist der Kasten, den man mit der Maus auf dem "ganzbild" positioniert (das Image "schnitt" ist nur ein Rahmen, der die Auswahl sichtbar macht). Per einem Link werden die Koordinaten an PHP übermittelt und ein Ausschnitt generiert. Klappt auch alles, bis auf das DOCTYPE.
Alles andere ist voll funktionstüchtig, auch mit DOCTYPE, deswegen lass ich's hier weg. Mir ist klar, das nicht alle Browser unterstützt werden, das ist auch nicht unbedingt mein Ziel.