[TYPO3-german] Header Link um div wrappen

d.ros projects at r-system.de
Wed Sep 25 15:47:04 CEST 2013


Am 25.09.2013 13:45, schrieb Matthias Heilig:
> Hallo David,
>
> vielen Dank für die schnelle Antwort.
> Leider kenne ich mich mit JavaScript nicht so gut aus. Könntest du mir
> evtl. dein Script geben?
>
>
> Gruß
>
> Matthias
>
>
> Am 25. September 2013 13:18 schrieb d.ros <projects at r-system.de>:
>
>> Am 25.09.2013 13:12, schrieb Matthias Heilig:
>>
>>   Hi,
>>>
>>> ich habe auf meiner Seite mehrere div - Boxen. Ich möchte, dass auf den
>>> Boxen jeweils eine Verlinkung besteht. Was ich bis jetzt gefunden habe,
>>> ist
>>> die Möglichkeit eine Überschrift mit einem Link zu versehen. Ich möchte
>>> aber, dass die ganze Box anklickbar wird. Kann mir jemand sagen, wie ich
>>> diesen Header_Link ansprechen kann und um die einzelnen divs legen kann?
>>>
>>>
>> Hallo Matthias,
>>
>> wir machen das hier immer mit JS.
>>
>> -> Link mit Überschrift finden
>> -> Link um die Box legen
>> -> fertig.
>>
>> Ist mit jQuery schnell gemacht.
>>
>> Beste Grüße
>>
>> David
>>
>> ______________________________**_________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.typo3.org
>> http://lists.typo3.org/cgi-**bin/mailman/listinfo/typo3-**german<http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german>
>>



Sowas in der Art müsste passen:

  $("h3 a, h2 a, h1 a").not(".news-list-view 
a").closest(".csc-default").hover(function() {
         tlink = $(this).find("a:first");
         $(this).css({
             cursor: "pointer",
             position: "relative",
             "z-index": "500"
         }).fadeTo("fast", 1, function() {})
     }, function() {
         $(this).css({
             cursor: "normal",
             "z-index": "100"
         }).fadeTo("fast", 1, function() {})
     }).click(function(e) {
         e.preventDefault();
         e.stopPropagation();
         window.open(tlink.attr('href'), tlink.attr('target') != null ? 
tlink.attr('target') : '_self')
     });

Mit dem Fadeing kann man noch ein wenig fancy stuff machen.

Solls individueller werden, könnt Ihr das auch gerne auslagern. PM is 
welcome.

Grüße

David


More information about the TYPO3-german mailing list