[HTML] Map oder Hotspot - Wie geht das?

Adronik · 11. November 2004

Hi!!

Kann mir einer erklären, wie das auf diesem Bild funktioniert? Wenn man mit dem Mauszeiger auf einen Lehrkörper geht dann steht dort Name, Fach etc...

http://www.hhg-erfurt.de/hhg/lehrer/index.htm
danke

value · 11. November 2004

Re: Map oder Hotspot - Wie geht das?

Klar geht das, mit so genannten "Imagemaps".

Du musst dir das als "Layer" vorstellen, die sich an dem Fensterrahmen ausrichten. Das sind beliebig große Rechtecke oder auch Kreise, deren Größe und Lage mit 4 Koordinaten bestimmt wird.
Diese kannst du beliebig oft und in beliebiger Größe, meinetwegen auch überlappend "über" deinem HTML-Dokument verteilen, und so eben auch "über" Bildern erstellen.

Mit Editoren wie Dreamweaver kannst du diese zb. einfach per Drag&Drop bearbeiten oder erstellen.
Geht aber auch ohne leicht von der Hand.

Photoshop, bzw. Imageready können solche Imagemaps auch erstellen. Mit dem "Slice-Tool" kannst du die zusammenstellen, und ImageReady spuckt dann den fertigen HTML-Code aus.

hal9000 · 11. November 2004

Re: Map oder Hotspot - Wie geht das?

nö passiert nix( auf dem bild). im frontpage gibt es die funktion, einen hotspot auf einen teil einer grafik zu legen und damit was auszulösen. link etc.

value · 11. November 2004

Re: Map oder Hotspot - Wie geht das?

hal9000 schrieb:
nö passiert nix( auf dem bild). im frontpage gibt es die funktion, einen hotspot auf einen teil einer grafik zu legen und damit was auszulösen. link etc.

Ich tippe auf deinen Browser

Boron · 11. November 2004

Bei Firefox wird nix angezeigt!

Aber du kannst dir doch einfach den Quellcode dieser Seite anschauen.
Rechsklick irgendwo, wo keine Bilder und sind und dann "Qelltext zeigen" oder so ähnlich.

Saschlong · 11. November 2004

bei mir (ff 1.0) tut sich auch nix.
ich würd die funktionalität so wie es unten (auf der seite) steht mit layern und js umsetzen...

value · 11. November 2004

Boron schrieb:
Bei Firefox wird nix angezeigt!

Aber du kannst dir doch einfach den Quellcode dieser Seite anschauen.
Rechsklick irgendwo, wo keine Bilder und sind und dann "Qelltext zeigen" oder so ähnlich.

Klar geht das auch mit Firefox, allerdings nur mit einer kleinen Extension.

http://texturizer.net/firefox/extensions/#popupalt

Das liegt daran, das 80% der Webmaster immer noch glauben das Alt-Tag sei für den Tooltip-Text. Und ihren Text in "alt" anstatt "title" schreiben, und dafür in "alt" kein Ersatz-Bild angeben.

Saschlong schrieb:
bei mir (ff 1.0) tut sich auch nix.
ich würd die funktionalität so wie es unten (auf der seite) steht mit layern und js umsetzen...

Und warum zur Hölle mit DHTML, wenn das auch simples HTML, ohne jegliche Browserpobleme kann, und das jeder bessere HTML-Editor per Drag&Drop kann? ...

hal9000 · 11. November 2004

ie 6.0 benutz ich grade. warum soll das damit nicht gehen?

Raechaer · 11. November 2004

value schrieb:
Das liegt daran, das 80% der Webmaster immer noch glauben das Alt-Tag sei für den Alternate-Text. Und ihren Text in "alt" anstatt "title" schreiben, und dafür in "alt" kein Ersatz-Bild angeben.

Dass die 80% das glauben liegt wohl daran, dass das alt-Attribut sehr wohl für alternativen Text gedacht ist falls der Browser das Bild nicht anzeigen kann.
Das Problem ist, dass nur wenige wissen, dass alt nicht für Tooltips gedacht ist sonder dafür das title-Attribut extisiert.

value · 11. November 2004

Raechaer schrieb:
Dass die 80% das glauben liegt wohl daran, dass das alt-Attribut sehr wohl für alternativen Text gedacht ist falls der Browser das Bild nicht anzeigen kann.
Das Problem ist, dass nur wenige wissen, dass alt nicht für Tooltips gedacht ist sonder dafür das title-Attribut extisiert.

Hab mich verschrieben, bereits geändert

Saschlong · 12. November 2004

goddamnit, da tut sich sich bei mir immer noch nichts (ff)...
häh (jetzt ie benutzt), es ging nur um die tooltips, oder wie?

Boron · 12. November 2004

Ja, es geht um die Tooltips (kleine gelbe Fenserchen die aufpoppen).

Der Text, der darin angezeigt wird, wird im title Attribut angegeben.
Der Text der im alt Attribut steht erzeugt keine Tooltips.
Das bedeutet, dass der IE es mal wieder falsch macht und auch alt-Text als Toolip anzeigt.

value · 12. November 2004

Boron schrieb:
Ja, es geht um die Tooltips (kleine gelbe Fenserchen die aufpoppen).

Der Text, der darin angezeigt wird, wird im title Attribut angegeben.
Der Text der im alt Attribut steht erzeugt keine Tooltips.
Das bedeutet, dass der IE es mal wieder falsch macht und auch alt-Text als Toolip anzeigt.

Jop, genau so ist es. Und dafür gibt es ja die o.g. Extension. Dann machts der Firefox sowohl richtig als auch falsch

Boron · 12. November 2004

@value
Du musst zugeben, das es schon eine komische Welt ist, in der man naträglich einem Programm einen "Fehler" einbaut, dass es die Fehler anderer (nämlich, der HTML-Seiten Bastler) wieder kompensiert.

value · 12. November 2004

Boron schrieb:
@value
Du musst zugeben, das es schon eine komische Welt ist, in der man naträglich einem Programm einen "Fehler" einbaut, dass es die Fehler anderer (nämlich, der HTML-Seiten Bastler) wieder kompensiert.

Es ist nicht nur komisch, es ist erbärmlich

Aber über die Standardkonformität des IE wurde sich schon genug unterhalten. Und da ich befürchte mich bei diesem Thema im Ton zu vergreifen ...

Saschlong · 16. November 2004

das witzige ist das der ie das auch nur bei manchen tags macht (mit dem alt-attribut)...

value · 16. November 2004

Saschlong schrieb:
das witzige ist das der ie das auch nur bei manchen tags macht (mit dem alt-attribut)...

Ne, eigentlich macht er das immer?

Was heißt bei manchen Tags?

Saschlong · 17. November 2004

Beim <a> - Tag macht er's nicht mit 'alt', da geht nur 'title'...

value · 17. November 2004

Saschlong schrieb:
Beim <a> - Tag macht er's nicht mit 'alt', da geht nur 'title'...

Für das Anker Element gibt es auch keine Alternative sogesehen. Wenn der Browser den Text zwischen <a></a> nicht darstellen kann, kann er auch die Alternative nicht darstellen

PuppetMaster · 17. November 2004

Genau das ist der Unterschied. title ist immer zu Erzeugung eines Tooltipps vorgesehen, also bei <img> wie auch bei <a>. alt gibts nur da, wo eine Textalternative erforderlich ist (also falls eine Grafik eventuell absichtlich oder unabsichtlich nicht dargestellt werden sollte).

[HTML] Map oder Hotspot - Wie geht das?

Cadet 4th Year

Commander

Captain

Commander

Commander

Lt. Junior Grade

Commander

Captain

Lt. Junior Grade

Commander

Lt. Junior Grade

Commander

Commander

Commander

Commander

Lt. Junior Grade

Commander

Lt. Junior Grade

Commander

Admiral

Ähnliche Themen