Odhalujeme zdroj citace pomocí jQuery

Ahoj, napadlo mě: někteří z nás poctivě vyplňují citacím v HTML cite atribut (tedy zdroj citace, URL) a dělají tím práci, která běžně není vidět. A kdyby byla vidět, mohlo by to být užitečné.

Představte si citaci bez přidruženého popisu jejího zdroje. Stává se to. Někdy je zdroj hluboko v kontextu a není praktické ho pokaždé viditelně připomínat. Nicméně – přijde mi slušné ho nezapomínat zapsat v nevizuální rovině, v cite vlastnosti.

<blockquote cite="http://kahi.cz/blog/proc-profesionalove-nikdy-nepouzivali-operu">
        <p>Já nemám vůbec nic společného se všema těma lidma co publikují svoje plky na webu.</p>
</blockquote>

Jak ho vynést na povrch? Takto (jQuery):

$(document).ready(function(){

        $('blockquote[cite]').each(function(){

                cite = $(this).attr('cite');
                $(' > :last-child', this).append(' <a href="' + cite + '" class="cite" title="quotation source">&rArr;</a>');

        });

});

Jak to vypadá? Příkladová stránka.

Na příkladové stránce použité CSS:

blockquote[cite] a.cite {
        visibility:hidden;}

blockquote[cite]:hover a.cite {
        visibility:visible;}

Totéž by se ostatně dalo aplikovat i na q elementy.

Samozřejmě, pokud do svých blokových citací vnořujete zdroj formulovaný třeba jako…

<p>
        <cite><a href="http://en.wikisource.org/wiki/The_Sleeper">The Sleeper</a></cite>, <i>Edgar Allan Poe</i>
</p>

… může být dynamické zobrazování odkazu nadbytečné. Tím samozřejmě nechci říct, že by pak bylo nadbytečné i vyplňování cite atributu, který má definovaný význam, kdežto vnořený zdroj citace může být sice jednoznačně interpretovatelný člověkem, ale ztěží i strojem. Vnořování vlastně může být klidně chápáno jako špatná praktika. Vlastně bych to nedoporučoval dělat. HTML nás teď vehnalo do úzkých, co?