Linkování, diggování a bookmarkování v roletce

A teď něco z programátorova soudku! Omluvte prosím mou potíž s hledáním slov, nevím jistě jak se té činnosti, kterou zovu například „bookmarkování“, říká správně.

Možná jste si všimli a možná také ne, že jsem zavedl „Linkování v roletce“ (viz konec článku). Nechtěl jsem zde zobrazovat X ikon, z nichž každá by vedla na jiný web – přišlo mi to neestetické. Vyberete si sebou užívaný linkovací systém a kliknete na „OK“ a hodí vás to na stránku k přidávání záložky. Tak. Co bych to byl za člověka, kdybych se nepodělil o zdrojový kód. Princip pochopíte z něj, je to značně primitivní, ale přesto funkční. Není to sice dokonalé, možná by někdo ocenil pamatování poslední vybrané volby, čili oblíbeného záložkovacího serveru, avšak to se mi zatím programovat nechtělo a chce-li se vám, nic vám už v cestě nestojí. :-)

HTML kód, který se přidá pod článek… . Je tam pár předdefinovaných systémů a klidně můžete přidat další, znáte-li formu odkazu.

<form action="?" method="post" class="easylink">
        <select name="web">
          <option selected="selected" id="linkuj" value="http://linkuj.cz?id=linkuj&url=%url%&title=%title%">Linkuj.cz</option>
          <option id="jagg" value="http://www.jagg.cz/bookmarks.php?action=add&address=%url%&title=%title%">Jagg.cz</option>
          <option id="vybralisme" value="http://vybrali.sme.sk/submit.php?url=%url%">Vybrali.sme.sk</option>

                <option id="delicious" value="http://del.icio.us/post?url=%url%&title=%title%">Del.icio.us</option>
          <option id="digg" value="http://digg.com/submit?phase=2&url=%url%&title=%title%&bodytext=StoryDescription&topic=YourSelectedTopic">Digg.com</option>
          <!--  <option id="" value=""></option> -->
        </select>

        <input type="hidden" name="url" value="<!-- sem vložíte např. pomocí PHP adresu aktuálního článku -->" />
        <input type="hidden" name="title" value="<!-- a sem titulek (nadpis) -->" />

        <input type="hidden" name="easylink" value="1" />
        <input type="submit" value="Ulož" />
</form>

Ve WordPressu předchozí HTML kód vložíte do souboru wp-content/themes/sablona/single.php a ty dva hidden inputy vyplníte takto:

<input type="hidden" name="url" value="<?php echo get_permalink(); ?>" />
<input type="hidden" name="title" value="<?php the_title(); ?>" />

Action formuláře vyplníte podle umístění následujícího PHP souboru.

if(isset($_POST['easylink'])) {

        $web = $_POST['web'];
        $title = urlencode($_POST['title']);
        $url = $_POST['url'];

        $web = str_replace('%url%',$url, $web);
        $web = str_replace('%title%',$title, $web);

        Header('Location: '.$web);
} else {
        die ('error happend :-)<br />you did something wrong.');
}

A pokud stojíte o to, aby se lidem s Firefoxem zobrazovaly ikony systémů, můžete přidat do vašeho css souboru tyto styly. Jiné majoritní prohlížeče obrázky uvnitř selectu zobrazovat neumí.

.easylink option {padding-left:20px}
.easylink #linkuj {background:url('linkuj.gif') 2px center no-repeat;}
.easylink #jagg {background:url('jagg.gif') 2px center no-repeat;}
.easylink #vybralisme {background:url('vybralisme.gif') 2px center no-repeat;}
.easylink #delicious {background:url('delicious.gif') 2px center no-repeat;}
.easylink #digg {background:url('digg.gif') 2px center no-repeat;}

Obrázky / ikony ke stažení.

Jo a pojmenoval jsem toto řešení EasyLink :-).