Autor Zpráva
h.p.
Profil *
potřeboval bych poradit s clearboxem, mám stránky v xhtml 1.1 strict
odkazy na galerie mají vypadat takhle:

<a href="a.jpg" rel="clearbox[gallery=My Gallery]">sample image</a>


a to je právě problém, validátor v rel nepovoluje hranaté závorky, napadlo mě, upravit kód clearboxu, ale ten soubor core.js je taková prasárna, že se v tom nejde vyznat

nemáte někdo nějaký nápad? netrvám nutně na tom, že musím používat clearbox, ale zatím je to jediný lightboxový klon který jsem našel, co umí zobrazovat náhledy přímo při prohlížení

tady je domovská stránka kde je ukázka:
http://clearbox.hu/index_en.html
Joker
Profil
h.p.:
nemáte někdo nějaký nápad?
Vykašlat se na zelenou hlášku validátoru, pokud to funguje.

netrvám nutně na tom, že musím používat clearbox
No a je nutné to mít zrovna validní XHTML 1.1 Strict?
h.p.
Profil *
no, docela jo, mám to jako ročníkovku, a tohle je jeden z požadavků
a navíc sem si s tím dal docela práci abych to měl XHTML 1.1 strict a tak by mi bylo líto to kvůli fotogalerii "opustit"
:-)
Joker
Profil
h.p.:
sem si s tím dal docela práci abych to měl XHTML 1.1 strict
A je požadavek výslovně XHTML 1.1 Strict? Nestačilo by XHTML 1.0 Strict?
h.p.
Profil *
právěže 1.1 v 1.0 to nevadí, to vím
KGW
Profil
Hoď tam 1.0 Strict a bude to validní.
h.p.
Profil *
2KGW:
nojo, jenže to musím mít 1.1
KGW
Profil
Tak musí to být jako galerie? Nestačilo by hranatý závorky oddělat?
KGW
Profil
To core.js je už zakódovaný, to by chtělo mít původní javascript a nebo najít nějakej jinej lightbox.
h.p.
Profil *
2KGW:
nojo, kdyz oddělám hranatý závorky, tak tam nebudu mít ty náhledy

já už pár dnů googlím lightbox a jeho klony a nemůžu najít nic, kde by byly u zobrazenýho obrázku i náhledy, vždycky je tam jen šipka další; předchozí :-/
panther
Profil
h.p.:
máš několik možností:
- vykašlat se na validitu (poté si jí obhájit - nebude-li tam sedět skupinka volů-teoretiků, pochopí to)
- vykašlat se na XHTML (případně jen 1.1 Strict) - s tím úzce souvisí „XHTML“ a použití mime-typu „text/html“
- změnit galerii - nahradit Clearbox Light/Grey/Thick/...Boxem
h.p.
Profil *
vždyť zas nemám snad tak krutý požadavky ne? :-D

potřebuju:
validní XHTML 1.1 strict
při zobrazení obrázku, náhledy dalších obrázků v galerii

a za boha nemůžu nic najít
Joker
Profil
h.p.:
jenže to musím mít 1.1
Fajn, tak v tom případě se jde prasit:
<a href="a.jpg" id="nejakyOdkaz">sample image</a>
<script type="text/javascript">//<![CDATA[
var el = document.getElementById("nejakyOdkaz"); 
if(el) el.rel = "clearbox[gallery=My Gallery]";
//]]>
</script>

...sice horší kód než předtím, ale valdiní XHTML 1.1
(edit: k CDATA patří Javascriptové komentáře)

Pokud by těch odkazů bylo víc (se stejnou hodnotou rel), asi bych jim dal nějakou třídou a pak (ale ještě před inicializací té galerie) univerzálním skriptem našel všechny odkazy s danou třídou a nastavil jim rel.
h.p.
Profil *
jeje, pekna vec :-D

no ale at zkousim jak zkousim, do rel to nic nepriradi
KGW
Profil
mě by zajímalo, kdo trvá na požadavku strict 1.1 a co nám to přinese (viz mime type panther) a kvůli tomu takto prasit kód. Já myslím že 1.0 obhájíš.
h.p.
Profil *
já ještě googlim nějakou jinou galerii, kde budou náhledy při prohlížení, a nebude zakódovaný zdroják

:_/
Kcko
Profil
h.p.:
Zkus to tu: http://planetozh.com/projects/lightbox-clones/
h.p.
Profil *
:-) koukám že hledáme na stejných místech

tam to hledám a zatím nic :-D tak snad aspon jedna z 55 bude s náhledy
Joker
Profil
h.p.:
at zkousim jak zkousim, do rel to nic nepriradi
Jo, omlouvám se, zapomněl jsem k CDATA dát Javascriptové komentáře. S nimi to funguje.
Opravil jsem ten příspěvek, takhle když to zkopíruju na testovací stránku, tak to funguje.
Chamurappi
Profil
Reaguji na h.p.:
Obal kód, který nemá vidět oficiální validátor, mezi „<?skryj >“ a „<?>“. Používáš-li MIME typ „text/html“, prohlížeče budou obalenou část interpretovat zcela normálně, protože berou kód jako HTML. W3C Validátor se však bude domnívat, že užíváš XHTML a celý vnitřek přeskočí v domnění, že jde o procesní instrukci.

validní XHTML 1.1 strict
XHTML 1.1 Strict neexistuje. Zadání je špatně, buď si musíš odmyslet to „Strict“, nebo si místo 1.1 představit 1.0.


Reaguji na Jokera:
zapomněl jsem k CDATA dát Javascriptové komentáře
CDATA tam je úplně zbytečně (ze všech možných úhlů pohledu).
h.p.
Profil *
Joker:
Pokud by těch odkazů bylo víc (se stejnou hodnotou rel), asi bych jim dal nějakou třídou a pak (ale ještě před inicializací té galerie) univerzálním skriptem našel všechny odkazy s danou třídou a nastavil jim rel.

jaks to prosímtě myslel s tou třídou?
h.p.
Profil *
Chamurappi:
Obal kód, který nemá vidět oficiální validátor, mezi ‚<?skryj >‘ a ‚<?>‘. Používáš-li MIME typ ‚text/html‘, prohlížeče budou obalenou část interpretovat zcela normálně, protože berou kód jako HTML. W3C Validátor se však bude domnívat, že užíváš XHTML a celý vnitřek přeskočí v domnění, že jde o procesní instrukci.

zajímavý nápad ale nějak mi to nejde
Joker
Profil
h.p.:
jaks to prosímtě myslel s tou třídou?
Místo rel se odkazům dá nějaká třída. Třeba:
<a href="a.jpg" class="galerie">sample image</a>

...no a na konci načítání stránky (ale před inicializací galerie) se pustí skript, který v dokumentu najde odkazy (getElementsByTagName) a pokud mají danou třídu, nastaví jim rel.
h.p.
Profil *
jeeje, no moc teda nevim jak na to, ale snad to nejak dopadne
KGW
Profil
něco podobnýho jsem řešil, tak kdyby ti to nešlo, posílám
function addrel(clas,tag,div){
  var cont = document.getElementById(div);
  var elements = getElementsByClassName(clas, tag, cont);
	for(i = 0; i < elements.length; i++){ elements[i].rel = "lightbox[galerie]";}
	}
Chamurappi
Profil
Reaguji na h.p.:
zajímavý nápad ale nějak mi to nejde
Ukaž. Mně to jde.

Také by asi šlo upravit skript, aby místo hranatých závorek bral něco jiného.
h.p.
Profil *
Chamurappi:
aha, já to dával jen před ty závorky :-(

upravit skript mě napadlo, ale on ten zdroják je nějaký zkompilovaný a moc se v tom nejde vrtat :-/

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: