Mediabox und HTML5

[WollZi]

Im rel-Attribut für Links konnte man ja bisher den Wert lightbox mit bspw. <a href="blabla" rel="lightbox[300 200]" ...> angeben. HTML5 kennt natürlich den Wert lightbox nicht. Es funktioniert zwar, wird aber nicht validiert. Kennt jemand eine Möglichkeit, wie ich dennoch valide den Link (evtl. mit Javascript) in einer Lightbox öffne.

Besten Dank im voraus. Gruß
Wolle

[Vollpfosten]

Irgendwie verstehe ich nicht so richtig, was du meinst. Wenn ich z.B in Contao 2.10.1 einem eigenen Html-Modul

<a href="http://maps.google.com/maps?f=q[&]source=s_q[&]hl=en[&]geocode=[&]q=detroit,+mi[&]aq=[&]sll=42.653,-83.14063[&]sspn=0.026765,0.024848[&]ie=UTF8[&]hq=[&]hnear=Detroit,+Wayne,+Michigan[&]z=10[&]ll=42.331427,-83.045754[&]output=embed" rel="lightbox[external 640 360]" title="Google.com">Google map »</a>

einfüge und ausführe, geht ganz normal die Mediabox auf. Was meinst du denn genau mit "valider Link" ?

[WollZi]

Prüft man die Seite auf gültiges HTML5 (bspw. http://validator.w3.org/), wird "lightbox" für das Attribut rel als Fehler angezeigt. Folglich ist der Code nicht gültig für HTML5. Mit dem Firefox-Addon Html-Validator (Algorithmen: HTML Tidy und SGML-Parser) wird z.B. der Fehler: "Bad value lightbox[300 200] for attribute rel on element a: Keyword lightbox[300 is not registered." angezeigt. Die Mediabox funktioniert natürlich.

[Flex]

Ja, damit liegt das Problem bei der Lightbox.

Du könntest dir ein alternatives Script suchen oder schauen ob du die Änderungen selber machen kannst.

Hier ist am Beispiel der Fancybox (jQuery) beschrieben was man ändern muss:

http://www.pagetoscreen.net/journal/...d_the_rel_tag/

[WollZi]

@Flex,
besten Dank, mal sehen ob ich da etwas machen kann.

[tognit]

Hallo WollZi

Das könnte auch ein Lösungsweg sein.

http://dev.contao.org/issues/1267#note-12

Habs getestet und funktioniert.

Gruss
Steven

[mv_alex]

Hi,

bei klappt das mit dieser Lösung noch nicht. Ich verstehe nicht ganz, was Leo meint mit

Dazu vergibt man in der Seitenstruktur einfach eine beliebige CSS-Klasse (z.B. lightbox)

Vergebe ich die Klasse z.B. als Body-Klasse, bleibt der Fehler unverändert bestehen?!

Gruß Alex

[ElMariachi]

Bei mir gibt es das gleiche Problem.
Auch bei mir hilft die vorgeschlagene Lösung von Leo nichts...

Hier der Fehler vom W3C

Line 336, Column 1818: Bad value tl_files/themes/....jpg for attribute href on element a: Whitespace in path component. Use %20 in place of spaces.
…....jpg" rel="lightbox">Test</a></strong>Test…

Syntax of IRI reference:
Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.
Line 336, Column 1818: Bad value lightbox for attribute rel on element a: Keyword lightbox is not registered.
… ....jpg" rel="lightbox">Test</a></strong>Test…
Syntax of link type valid for <a> and <area>:
A whitespace-separated list of link types listed as allowed on <a> and <area> in the HTML specification or listed as an allowed on <a> and <area> on the Microformats wiki without duplicate keywords in the list. You can register link types on the Microformats wiki yourself.