Sharepoint, verweissensitive Grafik, Image Map einbinden

Tags
<img src="Hier steht die URL des Bildes" alt="alternativer Titel"
     width="345"
     height="312"
     usemap="#Landkarte">

<map name="Landkarte">
 <area shape="rect" coords="255,132,316,150" href="Verweisziel" title="Titel">
</map>


erforderliche Attribute:

shape= : Festlegung der Flächenform

shape="rect": rechteckige Fläche

shape="circle" Kreis
shape="poly" beliebiges Vieleck

coords= : Angabe Koordinaten der verweis-sensitiven Flächen.
Pixelangaben = absolute Werte innerhalb der Grafik, welche verweis-sensitiv sein sollen.
Alle Pixelwerte werden durch Kommata getrennt.

Beispiel:
Viereck (shape="rect") = Koordinaten für x1,y1,x2,y2

x1 = linke obere Ecke, Pixel von links
y1 = linke obere Ecke, Pixel von oben
x2 = rechte untere Ecke, Pixel von links
y2 = rechte untere Ecke, Pixel von oben

Kreis (shape="circle") = Koordinaten für x,y,r

x = Mittelpunkt, Pixel von links
y = Mittelpunkt, Pixel von oben
r = Radius in Pixel

Polygon (shape="poly") = Koordinaten x1,y1,x2,y2 ... xn,yn

x = Pixel einer Ecke von links
y = Pixel einer Ecke von oben

Es können so viele Ecken definieren werden wie gewünscht.
Von der letzten definierten Ecke denkt man sich eine Linie zur ersten definierten Ecke.
Diese schließt das Polygon.

href = Verweisziel, das aufgerufen werden soll, wenn der Anwender die verweis-sensitive Fläche anklickt.

alt = Alternativtext für den Fall, dass verweis-sensitive Fläche nicht angezeigt werden kann (Pflichtattribut)


--- SCHNIPP Beispiel HTML Document mit verweissensitiver Grafik

<html>
<head><title>verweissensitive Grafik></title></head>
<img src="http://wiki.selfhtml.org/images/5/5e/Karte-deutschland-sw.jpg" width="690" height="582" alt="Karte" usemap="#Landkarte">
<map name="Landkarte">
 
    <area shape="rect" coords="183,68,266,118"
          href="http://www.frankfurt.de/" alt="Frankfurt" title="Sie haben Frankfurt ausgewählt">
    <area shape="rect" coords="106,229,208,270"
          href="http://www.mannheim.de/" alt="Mannheim" title="Sie haben Mannheim ausgewählt">
    <area shape="rect" coords="180,271,270,308"
          href="http://www.heidelberg.de/" alt="Heidelberg" title="Sie haben Heidelberg ausgewählt">
    <area shape="rect" coords="388,162,460,201"
          href="http://www.wuerzburg.de/" alt="Wuerzburg" title="Sie haben Wuerzburg ausgewählt">
    <area shape="rect" coords="269,331,350,374"
          href="http://www.heilbronn.de/" alt="Heilbronn" title="Sie haben Heilbronn ausgewählt">
    <area shape="rect" coords="258,437,342,480"
          href="http://www.stuttgart.de/" alt="Stuttgart" title="Sie haben Stuttgart ausgewählt">
</map>
</html>

--- SCHNAPP

Integration in den Sharepoint erfolgt über das [Content Editor Webpart]

1 Grafikdatei in Sharepoint Dokumentenbibliothek speichern
2 Content Editor Webpart auf der Portalseite einfügen
3 Content Editor Webpart editieren und unter [Edit Source] den HTML-Code einfügen,
   URL zur Grafik-Datei anpassen

Mit dem kostenlosen tool Fast Image Map kann die Erstellung einer Image Map vereinfacht
werden.

weiterführende Informationen

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Vergleich mit 2 Bedingungen, INDEX(), VERGLEICH()

Wenn man 2 Tabellen mit jeweils 2 gleichen Spalten hat (zB Nachnahme, Vorname) und eine 3te Spalte (zB Telefon) von einer Tabelle in eine andere übernehmen will, stellt die Funktion SVERWEIS() keinen adäquaten Lösungsansatz mehr dar. Mit einer Kombination der Funktionen INDEX() und VERGLEICH() ist es dennoch möglich, diese Aufgabe mit Excel Formeln (Matrixformel) zu lösen. =INDEX(Tabelle1!$A$2:$C$5;VERGLEICH(A2&B2;Tabelle1!$A$2:$A$5&Tabelle1!$B$2:$B$5;0);3) wobei gilt: Tabelle 1 Spalte A zB Nachname Tabelle 1 Spalte B zB Vorname Tabelle 1 Spalte C zB Telefon (Wert welcher in Tabelle 2 bei inhaltlicher Gleichheit Spalten A, B übernommen werden soll) Formel in Tabelle 2 Spalte C aufbauen und mit STRG-SHIFT-RETURN (Matrixformel) abschließen und runterkopieren. Ein weiteres Beispiel zu Matrixformeln siehe folgenden Blog Beitrag seit Office 365 -> Microsoft 365 gibt es eine weitere, neue Alternative, Funktion XVERWEIS()
Mehr anzeigen

Dropdown Liste mit Mehrfachauswahl

Bild
Standardmäßig kann in einem Dropdownfeld nur ein Eintrag ausgewählt werden (Daten -> Datentools -> Datenüberprüfung). Ein dynamisches Dropdownfeld kann folgendermaßen realisiert werden abhängige, dynamische Dropdownfelder können folgendermaßen in Excel  realisiert werden weiterführende Informationen siehe hier Um eine Mehrfachauswahl zu realisieren, kann der folgende VBA-Code im betreffenden Arbeitsblatt verwendet werden (rechte Maustaste auf Arbeitsblatt -> Code einfügen). --- SCHNIPP -- Private Sub Worksheet_Change(ByVal Target As Range) '** Mehrfachauswahl über DropDown-Liste (Gültigkeitsprüfung) '** Einfügen im Code-Container des betreffenden Arbeitsblattes '** Dimensionierung der Variablen Dim rngDV As Range Dim wert_old As String Dim wertnew As String '** Errorhandling On Error GoTo Errorhandling '** Mehrfachauswahl im definierten Bereich (Bsp. B4:B14) durchführen If Not Application.Intersect(Target, Range("B4:B14&
Mehr anzeigen

nützliche Text Funktionen in Power Query

Bild
Im Folgenden werden ein paar in der Praxis nützliche Text Funktionen in Power Query aufgelistet. Im Voraus soll darauf hingewiesen werden, dass es 2 wesentliche Unterschiede zwischen Excel und Power Query Formeln / Funktionen gibt: case sensitivity Excel Formel unterscheiden nicht zwischen Groß- und Kleinschreibung, Power Query Formeln indes schon. Wenn eine Power Query Signatur Text.Range vorgibt, dann wird TEXT.RANGE oder text.range nicht funktionieren (case sensitive). Basis 1 versus Basis 0 Excel Formeln / Funktionen beziehen sich immer auf die Basis 1, d.h. man fängt mit 1 an zu zählen. Auf der anderen Seite startet das Zählen in einer Power Query Funktion immer mit 0, nicht 1. Vergleich Excel Text mit Power Query Funktionen Text.Contains(Text,Suchstring) gibt TRUE zurück, wenn <Suchstring> in <Text> beinhaltet ist, andernfalls FALSE z.B. Text.Contains("Power Query","Query") Rückgabewert = TRUE Text.Remove([Column],{"
Mehr anzeigen