Exotov bóÓlog

Blog o modernom webdesigne, trendoch v IT a rozmanitom životnom štýle.

Autor blogu

Vladimír RejholecVlado Rejholec je aktívny slovenský webdizajnér a bloger, sleduje webové štandardy, optimálne postupy pri vývoji a odlaďovaní webu, ocení ľudské schopnosti a opovrhuje neschopnosťou. viac... | Twitter

Kategória V skratke

Populárne otváranie obsahu linku do nového okna pomocou zápisu target="_blank" sa stalo od zavedenia XHTML 1.1 nevalídnym. Riešením tohoto problému je použitie JavaScriptu.

Pre link, ktorý odkazuje na obsah, ktorý chceme zorbaziť ako target="_blank" zvolíme class (môže byť ľubovoľný, to však bude vyžadovať úpravu JavaScriptu).

<a class="nove-okno" href="stranka.html">Stránka</a>

S použitím jednoduchého JavaScriptu nájdeme všetky linky, uložíme ich do poľa, zistíme, či nemajú zodpovedajúci class a ak hej, pri ich otváraní použijeme event onclick s funkciou window.open(this.href), ktorá otvára odkaz v novom okne.

window.onload = function() {
    var links = document.getElementsByTagName('a');
    for (var i=0;i < links.length;i++) {
        if (links[i].className == 'nove-okno') {
            links[i].onclick = function() {
                window.open(this.href);
                return false;
            };
        }
    }
};

Pre priaznivcov jQuery je tu taktiež niečo. V tomto prípade je zápis o niečo jednoduchší.

$(function(){
    $('a.nove-okno').click(function(){
        window.open(this.href);
        return false;
    });
});

zdroje: http://www.webmasterworld.com/forum21/11165.htm, http://www.thefutureoftheweb.com/blog/target-blank-xhtml11

Stretli ste sa už s problémom, keď bolo potrebné naštýlovať SELECT html tag a použiť na ňom nejaké grafické prvky? Ak hej, určite ste hľadali riešenie. Riešením je praktické využitie jQuery (ako inak).

jQuery select tag v grafike? Tu sú nejaké príklady – http://jquerylab.com/jcombox/themes

Najnovšou beta verziou Wordpressu 2.8 sa stala 23.5.2009 beta 2. Stiahnuť si ju môžete z oficiálnych stránok. Tešíme sa na Wordpress 2.8 full.

Zoznam užitočných pluginov (doplnkov) pre Firefox 3, ktorý sa vám môže hodiť, či už pri tvorbe a odlaďovaní webstránok, alebo pri zisťovaní podrobných informácií o nich.

http://tutorialfeed.blogspot.com/2009/05/thirty-nice-to-have-firefox-30-add-ons.html

CSS metóda popisujúca vertikálne centrovanie viacriadkového textu + názorná ukážka, Internet Explorer (IE6 a IE7) bug fixy.

http://css-tricks.com/vertically-center-multi-lined-text/

K8jo poskytol kvalitný a hlavne funkčný zoznam zahraničných katalógov, ktoré nevyžadujú backlink z vášho webu a sú zdarma. Nájdete ho na http://www.k8jo.sk/internet/zoznam-free-zahranicnych-katalogov-ktore-nevyzaduju-spatny-odkaz-vlozeny-do-vasej-stranky/. Ak teda pracujete na zahraničnom webe a hľadáte relevantné odkazy, tu sa vám ich dostane dostatok.

Webový správca súborov založený na MooTools. Medzi jeho featurky patrí samozrejme upload, preview, modifikácia súborov a adresárov priamo cez browser. Parádička, treba vidieť! link

Ak ste používateľom kvalitného a moderného operačného systému MS Windows Vista, potrebovali by ste odladiť webstránku aj pod Internet Explorer 6 (prípadne aj Internet Explorer 7, ak máte nainštalovaný IE8), určite ste sa stretli s problémom. Ten s počíva v tom, že nie je možné (štandardným spôsobom) prevádzkovať tento starý prehliadač štandardným spôsobom. Je rok 2009 a IE6 má stále relatívne veľkú základňu, takže vykašľať sa naň by nebolo správnym riešením.

Balík IETester je obdobou MultipleIE, ktorý však pod Windows Vista nebeží. Najnovšia verzia IETesteru v sebe zahŕňa IE5.5, IE6, IE7 a IE8 RC1. Stiahnuť si ho môžete na http://www.my-debugbar.com/wiki/IETester/HomePage