[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