spac
spacmenufooter
spacer
spacKontaktspacNeue Homepage
spacer
spac

Kapitel 4

Seiten-Elemente

  Sprung zurück   pfeilpfeiloben-rt
  weiter, Kapitel 5   pfeilrechts-rt.gif

Asset

Asset Dateien zum Herunterladen.

Als Assets werden Dateien bezeichnet, die auf einer Webseite zum Download bereitstehen. Im UKFCMS erscheinen Assets einzel stehende, verlinkte Dateinamen, bei denen zusätzlich die Dateigrösse angegeben ist. Beim Aufruf eines Assets wird kein neues Fenster / Tab geöffnet, sondern das bestehende überschrieben.

Erstellt wir ein Asset mit dem BXE-Editor:

  1. Den Cursor an die gewünschte Stelle setzen.
  2. In der BXE-Icon-Zeile das "Asset"-Icon drücken.
  3. Zur Bibliothek hinzufügen: Neue Datei auswählen, "Title" angeben, "Hinzufügen" anklicken.
  4. Datei aus Asset Library auswählen, evt. "Title" anpassen, "Einreichen" anklicken.

Wird Asset im BXE-Editor über die (unten liegende) Tag-Leiste mit "Edit asset Attributs" geändert, so müssen alle drei Felder mit Inhalt versehen sein. 'Type' bleibt dabei zwar standardmäßig leer, wird aber beim Abspeichern moniert; Abhilfe: "image/jpg" eintragen.

Auf Assets in anderen Dokumenten verweisen

Grundsätzlich sind Assets immer nur in dem Dokument verfügbar, in dem sie hochgeladen wurden.

Es gibt aber auch die Möglichkeit, mit dem Formulareditor einen Asset-Tag so zu modifizieren, dass er relativ auf ein Asset in einem anderen Dokument verweist.

Beispiel:

Der folgende Link verweist auf ein Dokument ausserhalb dieses Dokuments in einem anderen Teil der UKFCMS-Dokumentation:

UKFCMS-Präsentation (310KB)

<lenya:asset src="../../../presentations/UKFCMS.pdf" size="310" type=""> UKFCMS-Präsentation</lenya:asset>

 

  nach oben   pfeiloben-rt

 

 

Bilder (object)

Bild Bilder können im Inhaltsbereich einer Seite eingesetzt werden, aber auch in der menüspezifischen Bildzeile (bild0.jpg … bild3.jpg). Im XML-Quellcode erscheinen Bilder als <object />-Elemente.

Folgende Attribute des <object />-Elementes sind für UKFCMS-User von Bedeutung und können im BXE ebenfalls verändert werden:

href: Ein Bild kann einen Link tragen:
Ein Klick auf das Bild bringt den Besucher auf die hier festgelegte Seite
declare:  
classid:  
codebase:  
data: Bildquelle
type: Dokumentenart und Bildformat (z.B. image/jpg)
codetype:  
archive:  
standby:  
height:  
width: Breite des Bildes in Pixel.
Bitte achten Sie darauf, dass der hier eingegebene Wert der physischen Grösse des Bildes entspricht.
title: Titel des Bildes
usemap: Benutzte User-Map, z.B. für die Koordinaten bei kursorsensitivem Bild

 

  nach oben   pfeiloben-rt

 

 

iframe

Der iframe ist ein Informationsfenster, über das externe Anwendungen eingeblendet werden können
(z.B. <iframe src="http://www.freiburg.de" width="400" height="600" frameborder="0"/> zeigt in einem
rahmenlosen Fenster von 400 Pixel Breite und 600 Pixel Höhe die Internetpräsentation der Stadt Freiburg).

 

Beispiel

 

  nach oben   pfeiloben-rt

 

 

Link

Link erstellen

Link Externe und interne Links können im BXE über das "Link Icon" eingefügt werden:

  1. Dokument mit dem WYSIWYG-Editor Bitflux BXE öffnen
  2. Text, der verlinkt werden soll, markieren.
  3. Das "Link Icon" in der oberen Icon-Leiste drücken oder im Kontextmenü (rechte Mousetaste) "a" wählen.
  4. Externe Links: URL: "http://..." und Titel: ausfüllen, falls nötig: Linktext editieren.

Interne Links: Im Site Tree des "Insert Link"-Fensters das gewünschte Dokument anwählen (anklicken) und Titel: ausfüllen, falls nötig: Linktext editieren.

Link ändern

Um die Eigenschaften eines Links zu ändern, in der unten liegenden Tag-Leiste "<a> --> Edit a Attributes" wählen oder im Kontextmenü (rechte Mousetaste) "Edit a Attributes" wählen.

Erstellen von Top-Links

Bei längeren Seiten kann es sinnvoll sein, zwischen den Abschnitten Links auf den Seitenanfang bzw. aus einer am Seitenbeginn stehenden Sprungleiste eine Verzweigungen nach unten ins Dokument zu ermöglichen.

In beiden Fällen wir der Anker-Tag <a> benutzt.

Der zu verlinkende Begriff (Ursprung) wird, wie oben unter 1. – 3. beschrieben, bearbeitet.
Bei URL: muß eine mit # beginnende Sprungadresse (z.B. #ziel) eingetragen werden.

Das Sprungziel , möglichst innerhalb eines Header-Tags <h…> positioniert, wird im Sourcecode wie folgt aufgebaut:
<h2> <a name="ziel"/ > …</h2>.
Natürlich kann auch über das Link-Icon ein <a href="ziel"> </a> erzeugt und anschließend im Sourcecode das "href=" gegen ein "name=" geändert werden.

 

  nach oben   pfeiloben-rt

 

 

Listen

Es gibt zwei Arten von Listen, die beide vom WYSIWYG-Editor Bitflux (BXE) unterstützt werden:

  1. Unordered List unordered List / Bullet List (<ul>-Tag)

  2. Numbered List ordered List / Numbered List (<ol>-Tag)

Um eine Liste zu erzeugen, gibt es wiederum zwei mögliche Vorgehensweisen:

entweder

  • Sie geben die Listenelemente im Fließtext ein, jeweils durch ein "Enter" getrennt (dies bewirkt ein <p>-Tag je Listenelement)
    wenn alle Listenelemente erzeugt sind, Markieren Sie mit dem Cursor alle Elemente, die in eine Liste umgewandelt werden sollen und
    drücken den entsprechenden Button, mit dem Unordere_List-Icon (Punkte-Liste) oder dem Ordered_List-Icon (Nummerierte Liste)

oder

  • Sie klicken, innerhalb eines <p>-Tags, den entsprechenden Button, mit dem Unordere_List-Icon (Punkte-Liste) oder dem Ordered_List-Icon (Nummerierte Liste) an und erzeugen mit jedem Betätigen der Enter-Taste ein neues Listenelement.
    Abgeschlossen wir der Vorgang (Ende der Liste), in dem Sie den Cursor in einem der Listenelemente positionieren, den <ul>- bzw. den <ol>-Tag in der unteren Menüleiste anklicken und z.B. den Befehl "Append p" auswählen. Damit wird die Liste beendet und ein neuer <p>-Tag eingefügt.

 

  nach oben   pfeiloben-rt

 

 

Tabellen

Tabelle erstellen Tabellen sind für die Aufbereitung einer Seite ein beliebtes Gestaltungselement. Deshalb gibt es, wenn Sie eine Seite neu anlegen, defaultmäßig eine Tabelle mit folgenden Merkmalen:

  • 2 Zeilen
    (create table: number of rows: 2)
  • 6 Spalten
    (create table: number of cols: 6)
  • Tabelle mit Rand (Ausrichtung links, default)
    (<table>: Edit table Attributes: class: ornate)
  • Zweite Reihe
    1., 5. und 6. Datenfeld: (<td>: Edit td Attributes: align: (leer))
    2. Datenfeld: (<td>: Edit td Attributes: align: left)
    3. Datenfeld: (<td>: Edit td Attributes: align: center)
    4. Datenfeld: (<td>: Edit td Attributes: align: right)

Das Einfügen einer Tabelle im WYSIWYG-Editor Bitflux (BXE) geht über das Icon "create_table" am oberen Seitenrand. Dort kann die Anzahl der Tabellen-Reihen (number of rows) und die Anzahl der Tabellen-Spalten (number of cols) eingegeben werden. Standardmäßig wird eine Tabelle mit Rändern (class: ornate) erzeugt.

Die Attribute einer Tabelle <table> sollen geändert werden:

  1. Cursor (blinkender senkrechter Strich) in der Tabelle positionieren und Klick in die Tabelle.
  2. Mittels der Mouse mit dem Finger-Symbol im unteren Bildrand auf "<table>" klicken.
  3. "Edit table Attributes" anklicken.
  4. Es stehen die Attribute "summary", "title" und "class" zur Verfügung.
    Das Attribut "class" kann über ein "drop-down-Menü" (schwarzes Dreieck nach unten) mit den zulässigen Werten versehen werden. Dabei bedeutet:Das Attribut "class" kann über ein "drop-down-Menü" (schwarzes Dreieck nach unten) mit den zulässigen Werten versehen werden.
    Dabei bedeutet:
    ornate Tabelle mit Rand (default)
    ornate_mR_z Tabelle mit Rand, zentriert
    ornate_mR_v Tabelle mit Rand, volle Breite
    ornate_oR_l Tabelle ohne Rand, nach links ausgerichtet
    ornate_oR_z Tabelle ohne Rand, zentriert
    ornate_oR_v Tabelle ohne Rand, volle Breite
    Über das Attribut "title" kann der Tabelle ein "Name" gegeben werden. Dieses Attribut ist aber z.Z. unwirksam.
  5. Das Verschieben einer Tabelle innerhalb einer Seite geht über Punkt 2. und "Move up" (nach oben) oder "Move down" (nach unten).
  6. Das Löschen einer Tabelle geht über Punkt 2. und "Delete table Element".

Die Attribute einer Tabellen-Reihe <tr> sollen geändert werden:

  1. Cursor (blinkender senkrechter Strich) in die zu ändernde Reihe positionieren und Klick in die Reihe (egal, welches Feld)
  2. Mittels der Mouse mit dem Finger-Symbol im unteren Bildrand auf "<tr>" klicken
  3. "Edit tr Attributes" anklicken
  4. Es stehen die Attribute "class", "title", "align" und "valign" zur Verfügung.
    Über das Attribut "title" kann der Tabellen-Reihe ein "Name" gegeben werden.Über das Attribut "title" kann der Tabellen-Reihe ein "Name" gegeben werden.
    Über das Attribut "align" können alle Felder der Tabellen-Reihe ausgerichtet werden (left=links, center=mittig zwischen rechter und linker Feldbegrenzung, right=rechts).
    Über das Attribut "valign" sollten alle Felder der Tabellen-Reihe in der Vertikalen ausgerichtet werden (top=oben, middle=mittig zwischen oberer und unterer Feldbegrenzung, bottom=unten). Dieses Attribut ist aber z.Z. unwirksam (default=top").
  5. Neue Tabellen-Reihen lassen sich erzeugen:
    a) indem man eine leere Tabellen-Reihe kopiert (siehe Punkt 1. und Punkt 2., dann "Copy tr Element") und durch eine Cursorpositionierung vor die gewünschte neue Position der Tabellen-Reihe die gespeicherte Reihe einfügt (siehe Punkt 2., dann "Append tr from Clipboard").
    b) indem man in ein Tabellen-Datenfeld klickt, mittels der Mouse mit dem Finger-Symbol im unteren Bildrand auf "<td>" klickt und dann "Append row" auswählt.
  6. Das Verschieben einer Reihe innerhalb einer Tabelle geht über Punkt 2. und "Move up" (nach oben) oder "Move down" (nach unten).
  7. Das Löschen einer Tabellen-Reihe geht über Punkt 2. und "Delete tr Element".

Die Attribute eines Tabellen-Datenfeldes <td> sollen geändert werden:

  1. Cursor (blinkender senkrechter Strich) in das zu ändernde Datenfeld positionieren und Klick in das Feld.
  2. Mittels der Mouse mit dem Finger-Symbol im unteren Bildrand auf "<td>" klicken
  3. "Edit td Attributes" anklicken
  4. Es stehen die Attribute "class", "rowspan", "colspan", "width", "align" und "valign" zur Verfügung.
    Über das Attribut "class" kann der Datenfeld-Hintergrund verändert werden. Die Werte "hintergrund1", "hintergrund2" und "hintergrund3" können über ein "drop-down-Menü" (schwarzes Dreieck nach unten) ausgewählt werden und stellen einen dunklen, mittleren und hellen Hintergrund ein.
    Über das Attribut "rowspan" können mehrere, untereinander liegende Datenfelder zu einem Datenfeld zusammengefaßt werden.
    Problem: Funktioniert z.Z. nicht bzw. produziert "Schwachsinn".
    Über das Attribut "colspan" werden ab der Cursorposition mehrere, in einer Tabellenreihe <tr> liegende Datenfelder <td> zu einem Datenfeld zusammengefaßt.
    Problem: Es werden keine Felder zusammengefaßt, sondern ab der Cursorposition wird ein Feld mit der gewünschten Anzahl von Feldern eingeschoben! Die restlichen Felder werden also nach rechts (außen) verschoben.
    Lösung: über "Merge right" bzw. "Merge Left"
    Über das Attribut "width" kann die Breite (in Pixel oder %) eines Datenfeldes festgelegt werden.
    Über das Attribut "align" kann der Inhalt eines Datenfeldes ausgerichtet werden (left=links, center=mittig zwischen rechter und linker Feldbegrenzung, right=rechts).
    Über das Attribut "valign" sollte der Inhalt eines Datenfeldes in der Vertikalen ausgerichtet werden (top=oben, middle=mittig zwischen oberer und unterer Feldbegrenzung, bottom=unten). Dieses Attribut ist aber z.Z. unwirksam (default=top").

    Das Tag <th> (Header=Überschrift, Kopfzeile) ist nicht zugelassen.

    Die Tags <h1> bis <h4> werden akzeptiert, können aber nur im Source-Mode (HTML-Code) eingegeben werden.

    Das Tag <hr/> (horizontal row, horizontale Linie) wird akzeptiert, kann aber nur im Sourcecode-Mode (HTML-Code) eingegeben werden.
  5. Innerhalb einer Tabellen-Reihe lassen sich Tabellen-Datenfelder in ihrer Position folgendermaßen verändern : Punkt 2. und "Move up" (nach vorne) oder "Move down" (nach hinten).
  6. Ein Tabellen-Datenfeld läßt sich mit dem rechts daneben liegenden Datenfeld folgendermaßen verbinden : Punkt 2. und "Merge right".
  7. Innerhalb eines Tabellen-Datenfeldes können Texte mit einer Abstufung der Hintergrundfarbe hinterlegt werden. Dazu wird der Cursor im entsprechenden <td>-Tag plaziert, in der unten liegenden Tag-Leiste auf <td> und dann, im sich öffnenden Menü, auf "Edit td Attributs" geklickt und eines der drei möglichen Attribute für "class" gewählt:
    • hintergrud1
      class="hintergrund1": Hinterlegung mit der dunkelsten Hintergrundfarbe.
    • hintergrud2
      class="hintergrund2": Hinterlegung mit der mittleren Hintergrundfarbe.
    • hintergrund3
      class="hintergrund3": Hinterlegung mit der hellsten Hintergrundfarbe.

Tabellen-Spalte eingefügen:

  1. Cursor (blinkender senkrechter Strich) in das Tabellen-Datenfeld klicken, nach dem die Spalte eingefügt werden soll.
  2. Mittels der Mouse mit dem Finger-Symbol im unteren Bildrand auf "<td>" klicken.
  3. "Append col" anklicken.

Tabellen-Spalte löschen:

  1. Cursor (blinkender senkrechter Strich) in das Tabellen-Datenfeld klicken, das in der Spalte liegt, die gelöscht werden soll.
  2. Mittels der Mouse mit dem Finger-Symbol im unteren Bildrand auf "<td>" klicken.
  3. "Remove col" anklicken.

Bilder lassen sich oft mit Hilfe einer Tabelle an der gewünschte Position plazieren.

Tabellen dürfen nicht in einen <p>-Tag eingebettet werden.

 

  nach oben   pfeiloben-rt

 

 

Textformatierung

Schrift fett Über den Button "strong" (= stark, fest, gewichtig) mit dem Strong-Icon "B" (für 'bold' = kühn, keck, mutig) läßt sich im Bitflux BXE ein Text hervorheben. Dazu muß der Text (Buchstabe, Wort, Satz usw.) als ganzes markiert und anschließend der Strong-Button gedrückt werden.

Schrift kursiv Über den Button "em" (= emphatic = betont, emphatisch) mit dem Emphatic-Icon " I " (für "italic" = kursiv) wird im Bitflux BXE ein Text kursiv dargestellt. Dazu muß der Text (Buchstabe, Wort, Satz usw.) als ganzes markiert und anschließend der Emphatic-Button gedrückt werden.

Schrift tief Mit dem Button "sub" (= unter") mit dem Sub-Icon "x 2" werden im Bitflux BXE Texte in kleiner Schrift ausgegeben und gleichzeitig unter das Zeilenniveau gesetzt (z.B. benötigt zur Darstellung eines Index u.ä.). Dazu muß der Text (Buchstabe, Wort, Satz usw.) als ganzes markiert und anschließend der Sub-Button gedrückt werden.

Schrift hoch Mit dem Button "sup" (= über") mit dem Sup-Icon "x 2" werden im Bitflux BXE Texte in kleiner Schrift ausgegeben und gleichzeitig über das Zeilenniveau angehoben (z.B. benötigt zur Darstellung von mathematischen Potenzzahlen u.ä.). Dazu muß der Text (Buchstabe, Wort, Satz usw.) als ganzes markiert und anschließend der Sup-Button gedrückt werden.

Clean Inline Über den Button "clean_inline" (= löschen der Schrift-Attribute) mit dem "Radiergummi-Icon" werden im Bitflux BXE vorhandene Schriftattribute (fett, kursiv, hochgestellt, tiefgestellt) wieder gelöscht. Dazu muß der zu ändernde Text (Buchstabe, Wort, Satz usw.) als ganzes markiert und anschließend der Clean_Inline-Button gedrückt werden.

Texte können auch über die Veränderung der Attribute des <p>-Tags formatiert werden. Wird der Cursor im Bitflux BXE in einem <p>-Tag plaziert,  in der unten liegenden Tag-Leiste auf <p> und dann, im sich öffnenden Menü, auf "Edit p Attributs" geklickt, so kann dort für "class" unter vier Attributen gewählt werden:

  • rechts
    class="rechts" bedeutet eine Ausrichtung des Textes im <p>-Tag am rechten Rand .

  • block
    class="block" bedeutet eine Ausrichtung des Textes im <p>-Tag am rechten und linken Rand (Blocksatz) .

  • kastenrecht
    class="kastenrechts" bedeutet, daß der <p>-Tag, der z.B. ein Bild enthalten kann, im vorausgegangenen <p>-Tag rechtsbündig ausgerichtet plaziert und vom Text umflossen wird.

  • kastenlinks
    class="kastenlinks" bedeutet, daß der <p>-Tag, der z.B. ein Bild enthalten kann, im vorausgegangenen <p>-Tag linksbündig ausgerichtet plaziert und vom Text umflossen wird.

Texte können, innerhalb eines Tabellenfeldes , mit einer Abstufung der Hintergrundfarbe hinterlegt werden. Dazu wird im Bitflux BXE der Cursor in einem<td>-Tag plaziert, in der unten liegenden Tag-Leiste auf <td> und dann, im sich öffnenden Menü, auf "Edit td Attributs" geklickt und dann kann dort u.a. für "class" unter drei Attributen gewählt werden:

  • hintergrud1
    class="hintergrund1" bedeutet die Hinterlegung mit der dunkelsten Hintergrundfarbe.

  • hintergrud2
    class="hintergrund2" bedeutet die Hinterlegung mit der mittleren Hintergrundfarbe.

  • hintergrund3
    class="hintergrund3" bedeutet die Hinterlegung mit der hellsten Hintergrundfarbe.

 

  nach oben   pfeiloben-rt

 

 

ukfeinrichtungen

Der <ukfeinrichtungen>-Tag eignet sich, um in LDAP gespeicherte Daten einzubinden. Er muß innerhalb eines <p>-Tags stehen und für den Einbau in eine Seite empfiehlt sich die Verwendung des Formulareditors.

<ukfeinrichtungen key="..." type="..." format="..." vorwahl="..." class="..." filter="..." />

Listet LDAP Einrichtungsdaten in einer Tabelle.

key key der Einrichtung, Form: 9-99999999
type Listentype (s.u.), der gewünscht ist
format Format der angezeigten Daten.
"z3" liefert ein dreizeiliges Format pro Eintrag
vorwahl Vorwahl (0761) mit anzeigen
class Formatierung der Tabelle. Es sind die gleichen Angaben wie bei einer <table> möglich (ornate ...).
filter Es werden nur die Einträge angezeigt bei denen der angegebene Teilstring in der Dienstbezeichnung vorkommt.

key und type kann man der URL des Auskunftsprogramms entnehmen:
- Die entprechende Einrichtung abfragen und den Parameter key aus der Adresszeile übernehmen.

Mit format kann man unter verschiedenen Ausgabeformaten wählen. Zur Zeit ist nur z3 für ein dreizeiliges Format und ueberschrift für eine zusätzliche Überschriftszeile möglich.

vorwahl="ja" zeigt die Vorwahl beim Telefoneintrag mit an (standard) vorwahl="nein" blendet die Vorwahl aus.

class enstpricht den class Attributen einer Tabelle.

Mit filter kann man die angezeigten Personen über ihre Dienstbezeichnung selektieren, z.B. filter="Mitarbeit" zeigt nur die Personen mit der Zeichenkette 'Mitarbeit' in der Dienstbezeichnung an. (Mitarbeiter, Mitarbeiterinnen, ...)

Die Abfrage der Medizinischen Klinik Innere Medizin IV liefert z.B:
http://www.uniklinik-freiburg.de/auskunft/AuskunftServlet?type=direktion&key=0-00002309&xsl=auskunft.xsl&lang=de&group=pub

Der folgende Tag, in ein Dokument eingetragen, liefert dann eine Namensliste der Direktion der Inneren Medizin IV.

<p>
  <ukfeinrichtungen key="0-00002309" type="direktion"/>
</p>

type Bedeutung
ambulanzen Auflistung der eingetragenen Ambulanzen
stationen Auflistung der eingetragenen Stationen
bereiche Auflistung der eingetragenen Bereiche
Ein Bereich ist weder Station noch Ambulanz, z.B. ein Labor, eine Bibliothek u.ä.
gemeinsam Auflistung der eingetragenen geimeinsamen Einrichtungen (z.B. EDV, Bibliothek o.ä.)
verwaltung Auflistung der Verwaltungsbereiche
pflege Auflistung der Pflegeeinrichtungen (Pflegedienstleitung usw.)
mitarbeiter Auflistung der eingetragenen Mitarbeiterinnen und Mitarbeiter
aerzte Auflistung der eingetragenen Ärztinnen und Ärzte
oberaerzte Auflistung der eingetragenen Oberärztinnen und Oberärzte
leitung Auflistung der Leitungder Einrichtung
direktion Auflistung der Direktion
pforte Auflistung der Informationen zu den Infopunkten (Pforten)
subtree Alle Einträge, die unterhalb des ausgewählten Eintrags liegen, werden ausgegeben.
Auch der ausgewählte Eintrag selbst wird mit ausgegeben.
onelevel Nur die Einträge, die in der Ebene unmittelbar unterhalb des ausgewählten Eintrags liegen, werden ausgegeben.
Der ausgewählte Eintrag selbst wird nicht mit ausgegeben.
object Der ausgewählte Eintrag wird ausgegeben.

Nicht jeder oben genannte "type" ist bei jeder Einrichtung vorhanden.

Bei weiteren Fragen zur Unterteilung (key), z.B. in den "Bereichen", kann Ihnen auch Ihr LDAP-Beauftragter oder die Stabsstelle Internetpräsentation weiterhelfen.

 

  nach oben   pfeiloben-rt

 

 

ukfformular

Der Tag <ukfformular> dient zum Erstellen eines Formulars, mit dem Besucher Kontakt aufnehmen können.

<ukfformular type="..." adressen="..." name="..." herkunft="..." />

Parameter:

type Zur Zeit nur "mail" vorhanden; steht für E-Mail-Formular
adressen E-Mail-Adresse oder -Adressen, durch Kommata getrennt --> Empfänger des Formulars.
name
(optional)		 Name des E-Mail-Empfägers; erscheint auf der Webseite und auf dem Formular; ansonsten erscheinen die E-Mail-Adressen.
herkunft
(optional)		 Name des E-Mail-Empfägers; erscheint auf der Webseite und auf dem Formular; ansonsten erscheinen die E-Mail-Adressen.
Keine Umlaute und Sonderzeichen (z.B. < > / & u.ä.) verwenden, - ist erlaubt.

Die Bearbeitung erfolgt über den Formulareditor. Der Code kann z.B. in einem p-tag oder innerhalb einer Tabelle in einem td-tag stehen

Beispiele:

Code:
<p>
<ukfformular type="mail" adressen="klaus.mustermann@uniklinik-freiburg.de" name="Klaus Mustermann" />
</p>
Ergebniss: Klaus Mustermann

Code:
<p>
<ukfformular type="mail" adressen="klaus.mustermann@uniklinik-freiburg.de" />
</p>
Ergebniss: klaus.mustermann@uniklinik-freiburg.de

Code:
<p>
<ukfformular type="mail" adressen="klaus.mustermann@uniklinik-freiburg.de"  herkunft="Intranetseite des Klinikrechenzentrum"/>
</p>
Ergebniss: klaus.mustermann@uniklinik-freiburg.de

 

  nach oben   pfeiloben-rt

 

 

ukflageplan

Der <ukflageplan>-Tag eignet sich, um interaktive Lagepläne einzubinden.nteraktive Lagepläne einzubinden

Lagepläne können mit einem Java Applet angezeigt werden. Über zwei Auswahlisten können die Orte ausgewählt und mittels eines Polygons in der Karte angezeigt weden. Die linke Auswahliste enthält die Gruppierung, die rechte die zur Gruppe gehörenden Orte.

Die Orte werden entweder beim Betätigen der rechten Auswahlliste oder beim Überqueren der Karte mit der Mouse angezeigt.

Es stehen bereits fertige Karten und Datesätze für das Zentralklinkum, die Aussenkliniken und die Institute jeweils mit allgemeinen Einrichtungen zur Verfügung. Es können aber auch eigene Grafiken mit selbst erstellten Datensätzen verwendet werden. Eine ensprechende Anleitung steht am Ende dieses Dokuments.

Tags

<ukflageplan karte="..." sensitiv="..." ort="..." datenbasis="..." >
  <ukfdaten>...datensatz...</ukfdaten>
  ...
</ukflageplan>

 

Parameter von <ukflageplan ...>:

  • karte: Kartenname. Es gibt bereits klinikum, institute und aussen)
  • sensitiv: "no" unterdrückt die wechselnde Ortsanzeige bei Mousebewegungen über der Karte.
  • ort: Ort, der am Anfang angezeigt werden soll.
  • datenbasis: Angabe nur bei selbst erstellten Datensätzen notwendig (siehe unten).

Inhalt von <ukfdaten>:

  • Name des Datensatzes: es gibt bereits folgende Datensätze:
datensatz (<ukfdaten>) karte (<ukflageplan>) Bildgröße in Pixel
Klinikum klinikum 909 x 668
Aussenkliniken aussen 643 x 551
Institute institute 631 x 592

 

Tipp

Die Lagepläne können in einem Popupfenster dargestellt werden. Dazu muss zunächst eine Seite mit dem Lageplan erstellt werden, die später im Menu verborgen werden kann. Diese Seite wird dann mit Hilfe der Javascriptfunktion ukfpopup angezeigt. Die Breite des Fensters sollte dabei um 40 Pixel größer als die Bildbreite und die Höhe um 70 Pixel größer als die Bildhöhe gewählt werden.

 

Beispiel

Eine Seite mit folgendem Code zeigt den Lageplan des Zentralklinikums:

<p>
<ukflageplan karte="klinikum">
<ukfdaten>Klinikum</ukfdaten>
</ukflageplan>
</p>

Diese Seite kann wie folgt über ein Popupfester angezeigt weden:

<a href="javascript:ukfpopup('...?raw=true&amp;layout=weiss','Klinikum',949,738)">
Lageplan</a>
/a>

 

Lagepläne selbst erstellen

Es werden folgende Dateien als Anlage (Asset) zu einem Dokument benötigt.

  • Eine Grafikdatei [kartenname].jpg
  • Ein oder mehrere Datendateien [kartenname]_[datensatzname].txt

Im Parameter datenbasis von <ukflageplan> muß die URL des Dokuments (ohne .html) angegeben werden.

Aufbau einer Datendatei:

Ortsbezeichnung1 "url von ort1"
x1,y1,x2,y2,x3,y3,...

Ortsbezeichnung2 "url von ort2"
x1,y1,x2,...
...

Die Ortsbezeichnung erscheint in der rechten Auswahlliste.
Die URL wird aufgerufen, wenn man auf den ensprechenden Eintrag der Ortstafel klickt. (funktioniert nur, wenn die URL mit "http:" beginnt)
In der nächsten Zeile stehen die Koordinaten des Polygons.
Der nächste Ort wird durch eine Leerzeile getrennt.

 

  nach oben   pfeiloben-rt

 

 

ukfpopup

Der <ukfpopup>-Tag zeigt eine Webseite in einem eigenen (popup-)Fester an.

popup-Window erstellen

Die Javascriptfunktion ukfpopup zeigt eine Webseite in einem Popupwindow an. Das Popupwindow wird dabei auf dem Bildschirm zentriert.

Aufruf:

  ukfpopup('url','name',breite,höhe[,'zusatz']) 

Parameter:

  • url : Die url der Webseite, die angezeigt werden soll.
          Um bei einer cms-Seite das Menü zu unterdrücken
          kann der url ?raw=true angehängt werden.
  • name : Name des Fensters (kann mit target="name" angesprochen werden).
  • breite : Breite des Fensters in Pixel.
  • hoehe : Höhe des Fensters in Pixel
  • zusatz : Ergänzende Praramter (gemäß javaScript window.open Aufruf, siehe selfhtml)
                z.B. scrollbars=yes   menubar=yes   usw.

Beispiel:

<p>
<a href="javascript:ukfpopup('kapitel4.html?raw=true','POPUP',400,300,'scrollbars=yes')">Popup</a>
</p>

öffnet diese Seite in einem Popupfenster, ggf. mit Scrollbalken.

Popup

 

  nach oben   pfeiloben-rt

 

 

ukfumleitung

<ukfumleitung adresse="..." />

Ermöglicht von einem Menüpunkt aus direkt auf eine andere Publikation des Klinikums zu verlinken.

Beispiel:
Diese Zeile muss über den Formulareditor in den Body-Bereich eingefügt werden:

<p>
<ukfumleitung adresse="/frauenklinik/live/index.html" />
</p>

Die Startseite der Frauenklinik wird aufgerufen.

Die Umleitung funktioniert nur im Live-Bereich. Die Seite muss eingereicht und veröffentlicht werden. Im Authoring-Bereich kann der Link editiert werden.

Wichtig: Externe Links (http://www. ...) werden nicht akzeptiert.

 

 

  nach oben   pfeiloben-rt
  weiter, Kapitel 5   pfeilrechts-rt.gif