Notes-Dokumente und Dateianhänge im Web
Notesentwickler, die ihre Applikationen ins Web portieren müssen, kennen das unschöne Problem. Der Dominoserver stellt Dokumente im Browser nicht sonderlich schön zur Schau. Egal, wie man die Maske auch stylen mag, es bleibt immer ein Teil übrig, den man nicht formatieren kann: die Dateianhänge. Dabei ist es nicht relevant, ob es sich um Feldanhänge aus Richtextfeldern oder Dokumentanhänge handelt. Zu sehen ist am Ende immer eine Liste der Dateien.Will man diese unsichtbar machen, gibt es Tricks, davor z.B. ein DIV zu schalten und dies unsichtbar zu machen. Unschön ist dabei, dass das abschließende DIV nicht gesetzt werden kann und das DOM damit ungültig wird.
Folgende Lösung bietet sowohl gültiges Markup als auch die optisch schönere Variante mit unsichtbaren Anhängen, und zwar die DOM-Manipulation. Diese ist mit purem Javascript recht umständlich, mit jQuery jedoch sehr einfach. Den folgenden Code einfach in ein Javascript (am besten im HEAD des Dokuments) gepackt und schon sind die Übeltäter verschwunden:
$(document).ready(function(){ // strip off attachment markup $('hr').next().remove().next().remove().next().remove() $('hr').remove() $('img[src*="/icons/fileatt.gif"]').parent('a').parent('td').parent('tr').parent('tbody').parent('table').empty().remove() })
Erstellt am 07/09/2011 - bewertet mit 2 von 5
Abgelegt unter: Domino, Javascript, HTML, jQuery
Abgelegt unter: Domino, Javascript, HTML, jQuery
Bewerten Sie diesen Artikel: