« »

Verfasst am 05.06.2008 05:07:44 Uhr
Modifizierte dynamische Bildausgabe auf der gleichen Browserseite

Test-entry=327261
Was für Text funktioniert, sollte auch für Bilder gelten, hoffe ich. Also habe ich hier zunächst einmal die Ausgabe eines Musterbildes in einem Formular-Input-TAG ausprobiert:

Konform:

• Beispiel_1a: Ausgabebild nur auf dieser Seite ohne ein zusätzlich geöffnetes Fenster...
  • a: mit Hilfe von JavaScript-Funktion "setAttribute()": klicke hier
  • b: mit Hilfe von Gleichsetzung: klicke hier
• Beispiel_1b: Ausgabe auf dieser Seite löschen...
  • a: mit Hilfe von JavaScript-Funktion "setAttribute()": klicke hier
  • b: mit Hilfe von Gleichsetzung: klicke hier
• Ausgabe:

Dass sowohl das Bild als auch der alt-Attribut-Hilfstext als Link interpretiert wird, liegt wohl in der Eigenart des Input-Tag mit Attribut type="Image" begründet. Allerdings gelang bisher nicht, ein Input-Tag vom Typ type="text" mit einem Hintergrundbild zu verwenden.

Kurioserweise braucht der IE wieder XXL-lange, um nach dem ersten Klick das Musterbild zu publizieren. Im Wiederholungsfalle erscheint das Bild schneller. Es ist auch nicht verstanden, warum es sowohl beim Browser Firefox als auch IE so viel länger dauert, bis nach dem Klick auf "Ausgabe löschen" das Bild wieder verschwunden ist, als es erneut auszugeben. "Ausgabe löschen" führt wohl mangels vorhandener Bildadresse "Src=''" zu einem automatischen Aktualisieren/Neuladen der Webseite. Ob dies einen Zeitvorteil bringt, kann nur mit Hilfe einer Stoppuhr getestet werden.

Die SelfHtml.org-Webseite empfiehlt, anstatt

• a: document.*.setAttribute(meinAtribut, "neuerWert meines Attributes"); einfacher die Gleichsetzung
• b: document.*.meinAtribut="neuerWert meines Attributes";

zu verwenden.
(dp)(4,5h)

Nachtrag am 8.6.2008 um 14.10Uhr:
Der Code ist derart "unverstehbar" (unverständlich), dass er erst offline getestet werden musste. Was offline nicht unter dem Browser Firefox funktioniert, braucht im freenet-Weblog nicht unter Firefox getestet werden, und was online oder offline nicht unter Firefox funktioniert, braucht nicht unter dem InternetExplorer getestet werden.

Mit Hilfe von
alert(document.getElementById("bildformular").innerHTML);
wurde ausgegeben, was denn so meine Testfunktion erzeugt hat. Oh, man staune! Die Ausgabe ist je nach Browser unterschiedlich, zum Beispiel für den Browser ...

• Firefox2.0: <IMG><IMG>
  
• IE7.0:<INPUT type=hidden value=f5422d890052f1bfa15d37822e0341b3 name=PHPSESSID><IMG><IMG>
  

Wie will man da zuverlässig nach dem Kindknoten firstChild abfragen, wenn man im Firefox nicht alle KindKnoten angezeigt bekommt? Oder wird das versteckte INPUT-Tag tatsächlich nur im IE7.0 vom freenet-PHP-Programm gesetzt? Man glaubt es kaum!

Also wurde offline ausgiebig probiert. Ein erstes Zwischenergebnis zeigt eine primitive Schreibmaschine für Sütterlinschrift. (dp)(2,5h)
archiviert (tbid2237.433): (dp) 27.06.2009 (+0,2h (+flagcounter +emoticon +home.icon +w3c_LiCh +Link-korr.))