Autor |
Nachricht |
mrlumbergh
Threadersteller
Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht:
|
Verfasst Mi 18.06.2008 16:09
Titel Komplettes Div verlinken (zb. Teaser) |
|
|
Hallo, ich nochmal!
Ich habe als erstes ein cooles Script, mit dem man einem Div-Layer den Anker eines <a> tags aufzwingen kann. und das validiert und funktioniert auch super:
Code: |
function openLink(o) {
var link = o.getElementsByTagName("a")[0];
if (!link.onclick) {
location.href = link.href;
}
}
<div onclick="openLink(this);">
<h2>Blabla</h2>
<p>Ganz viel Inhalt</p>
<img src="#" alt="" />
<a href="http://www.gmx.de">Link</a>
</div>
|
Das läuft super, wenn man nur einen Link hat.
Habe ich aber 2 oder mehr Links innerhalb des Divs, und klicke diese, werden sie ausgeführt, DANACH aber auch der Link vom Div.
Beispiel:
Code: |
<div onclick="openLink(this);">
<a href="http://www.gmx.de">Link</a>
<a href="javascript:void(0);" onclick="doSomething();">Link</a>
</div>
|
Wie schaffe ich es nun, dass nach Ausführung des geklickten Links alles weitere abgebrochen wird?
Danke für Eure Hilfe,
einige hier sind echt ganz plietsch.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 18.06.2008 16:21
Titel
|
|
|
|
|
|
|
|
Anzeige
|
|
|
mrlumbergh
Threadersteller
Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht:
|
Verfasst Mi 18.06.2008 16:25
Titel
|
|
|
Auf die Idee kam ich auch schon...
hilft leider nix.
Der führt das dennoch aus...
Edith: DOCH!
Wenn man dem Link, der auf das Div übertragen wird ein onlick="return false;" mitgibt, dann geht's. woohoo.
Zuletzt bearbeitet von mrlumbergh am Mi 18.06.2008 16:30, insgesamt 1-mal bearbeitet
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Do 19.06.2008 15:39
Titel
|
|
|
wenn ich ein ganzes div verlinken will setze ich folgende CSS-Eigenschaften für das a Element
a{
display: block;
width: 100%;
height: 100%;
}
den Rest könntest du alles in das <a>xxxx</a> reinpacken
|
|
|
|
|
mrlumbergh
Threadersteller
Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht:
|
Verfasst Fr 20.06.2008 14:52
Titel
|
|
|
Geil, ey, Macho Man!
Aber natürlich darf man in ein <a> keine Block Elemente reinpacken. Auch, wenn Du es display:block setzt, bleibt es vom Ding her ein inline-Element.
Deshalb geht das nicht.
Außerdem sind so nicht 2 Links möglich ^^
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Fr 20.06.2008 15:41
Titel
|
|
|
jo auf p und h2 müsste man (wenn man vorbildlich ist) verzichten
grüße
|
|
|
|
|
media4mation
Dabei seit: 06.02.2007
Ort: Calw
Alter: -
Geschlecht:
|
Verfasst Di 16.12.2008 08:32
Titel
|
|
|
Idee: Zum einfachen verlinken eines kompleten DIVS: Das HREF um den DIV Tag setzen ...
Code: | <a href="blabla">
<div id="header">
</div>
</a> |
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 16.12.2008 10:37
Titel
|
|
|
noch bessere idee:
sucht euch bitte nicht ständig beiträge raus, die vor sechs monaten verfasst wurden!
*closed*
|
|
|
|
|
|
|
|
Ähnliche Themen |
[TYPO3] Wie Teaser verlinken?
Giga-Teaser - wie gemacht?
Hintergrundinfos zum Thema Teaser
Wirtschaftskrise in schmalen Teaser darstellen
MC über komplettes Browserfenster?
[CSS] Kann man ein komplettes Menü auslagern?
|
|