Hi.
Sehr gut.
Danke schön.
Mich persönlich interessiert es zwar weniger, aber vielleicht könntest du deine Lösung ja für das Archiv kurz erläutern.
Mach ich:
<script type="text/javascript">
if (top.document.body.clientWidth > 960) {
document.write("<form name='info'><input type='text' name='infofeld' class='infofeld' value=''></form>");
}
else {
document.write("<form name='info'><input type='hidden' name='infofeld'></form>");
}
</script>
Mit top.document.body.clientWidth bestimmt man die verfügbare Breite und die Bildschrimbreite muss größer als 960 sein, damit man das Feld ganz sieht.
Dann wird das Feld (ein sichtbares) ins Dokument reingeschrieben.
Wenn das nicht so ist wird ein hidden-Feld erzeugt (Erklärung kommt später).
Wenn man nun über einen Link geht:
onmouseover="document.info.infofeld.value='blablabla';"
onmouseout="document.info.infofeld.value='';"
Das heißt wenn man drüber geht wird blablabla reingeschrieben und wenn man vom Link weg geht ist das Feld wieder leer.
Das hidden-Feld wird erzeugt, damit überhaupt ein Feld mit dem Namen da ist. Denn ansonsten würde es einen JS-Fehler geben, da document.info.infofeld.value null oder kein Objekt ist (wie der IE immer so fein sagt).
Ganz nebenbei ist das Feld mit CSS perfekt an meinen Hintergrund angepasst, so das es überhaupt nicht auffällt, wenn man nicht über einen Link geht (border:none;...).
So ich hoffe das reicht als Erklärung.
Würde mich über Kommentare, Kritik, Verbesserungen freuen, H²O