mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 11:06 Benutzername: Passwort: Auto-Login

Thema: Komplettes Div verlinken (zb. Teaser) vom 18.06.2008


Neues Thema eröffnen   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten. MGi Foren-Übersicht -> Programmierung -> Komplettes Div verlinken (zb. Teaser)
Seite: 1, 2  Weiter
Autor Nachricht
mrlumbergh
Threadersteller

Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht: Männlich
Verfasst Mi 18.06.2008 16:09
Titel

Komplettes Div verlinken (zb. Teaser)

Antworten mit Zitat Zum Seitenanfang

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. *Huch*

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? *Huch*

Danke für Eure Hilfe,
einige hier sind echt ganz plietsch. Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 18.06.2008 16:21
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
return false
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
mrlumbergh
Threadersteller

Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht: Männlich
Verfasst Mi 18.06.2008 16:25
Titel

Antworten mit Zitat Zum Seitenanfang

Auf die Idee kam ich auch schon...

*Schnief* 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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Do 19.06.2008 15:39
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
mrlumbergh
Threadersteller

Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht: Männlich
Verfasst Fr 20.06.2008 14:52
Titel

Antworten mit Zitat Zum Seitenanfang

Geil, ey, Macho Man! Grins

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 ^^
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Fr 20.06.2008 15:41
Titel

Antworten mit Zitat Zum Seitenanfang

jo auf p und h2 müsste man (wenn man vorbildlich ist) verzichten

grüße
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
media4mation

Dabei seit: 06.02.2007
Ort: Calw
Alter: -
Geschlecht: Männlich
Verfasst Di 16.12.2008 08:32
Titel

Antworten mit Zitat Zum Seitenanfang

Aha! Idee: Zum einfachen verlinken eines kompleten DIVS: Das HREF um den DIV Tag setzen ...

Code:
<a href="blabla">

<div id="header">
</div>

</a>
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 16.12.2008 10:37
Titel

Antworten mit Zitat Zum Seitenanfang

Aha! noch bessere idee:

sucht euch bitte nicht ständig beiträge raus, die vor sechs monaten verfasst wurden!

*closed*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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?
Neues Thema eröffnen   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten. Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.