alternative zu <map>?

Fragen/Tipps allgemeiner Art.

alternative zu <map>?

Beitragvon hato7 » 28. Aug 2010, 13:10

hallo,

weiß jemand wie ich einen bereich in einem <div> block angebe, sowie ich mit einem image und "usemap" das machen kann, und dieser bereich wird dann zum link?

zum beispiel im header div block einen kreis in der mitte, oder ein quadrat in einem eck als link markieren.

danke für die hilfe
gil
hato7
 
Beiträge: 4
Registriert: 27. Aug 2010, 22:16

Beitragvon anita » 28. Aug 2010, 13:56

hallo,

Du könntest diesen Bereich als div anlegen, diesem eine id geben und dann per Javascript mit einer Callback-Funktion ansprechen mit onclick.
auch Javafans verwenden Redaxo

javanita engineering, immer eine zündende Idee
http://www.javanita.com
Benutzeravatar
anita
 
Beiträge: 285
Registriert: 25. Jan 2007, 09:25
Wohnort: Berlin

Beitragvon hato7 » 2. Sep 2010, 13:09

anita hat geschrieben:hallo,

Du könntest diesen Bereich als div anlegen, diesem eine id geben und dann per Javascript mit einer Callback-Funktion ansprechen mit onclick.


danke für die antwort, aber wie kann ich einen zb. poligonen div anlegen? und hast du ev. ein code-example von dieser javascript funktion? wäre gut, denn js bin ich kein spezialist...

danke
gil
hato7
 
Beiträge: 4
Registriert: 27. Aug 2010, 22:16

Beitragvon Thomas.Blum » 2. Sep 2010, 14:12

Hej,

für Vierecke reicht ganz normales HTML und CSS. Möchtest du Polygone kommst du wohl an eine map nicht vorbei.

Wenn der Link anklickbar und funktional sein sollte dann verzichte auf JS.

vg Thomas
blumbeet - web.studio - Dresden - 0351 217 6225
webbude - Blog über CSS.XHTML.REX
Ein Wunschzettel
Benutzeravatar
Thomas.Blum
Entwickler
 
Beiträge: 4649
Registriert: 24. Aug 2004, 21:11
Wohnort: Dresden

Beitragvon Peter.Bickel » 2. Sep 2010, 14:28

Ich bin so frei und poste hier mal ein tolles Beispiel für unregelmäßige Kanten, das Thomas gebaut hat und wo man sehen kann, wie er das meint:
http://www.lernidee.de/
(dort dann auf "Ihr Reisefinder")
Die Links sind eigentlich alle rechteckig, aber das ist halt toll "kaschiert".

Das hat mir auch als Vorbild bei einer eigenen Umsetzung sehr geholfen.

Ansonsten kannst Du einen Link leicht per CSS formatieren (position absolute, top x, left y) und an die gewünschte Position setzen.

Grüße,
Peter.
Benutzeravatar
Peter.Bickel
 
Beiträge: 1635
Registriert: 25. Jan 2005, 20:17
Wohnort: Schleswig-Holstein

Beitragvon Xong » 2. Sep 2010, 14:39

Peter.Bickel hat geschrieben:Die Links sind eigentlich alle rechteckig, aber das ist halt toll "kaschiert".
Bei A List Apart gibt´s das Original mit Erklärung: http://www.alistapart.com/articles/sprites
LG,
Xong

Bild Määääääääääääääääääääääääh!
Benutzeravatar
Xong
 
Beiträge: 1555
Registriert: 5. Jun 2008, 07:30
Wohnort: Hohndorf in Sachsen


Zurück zu Allgemeines [R4]

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste