T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

Arhiv za ‘Splet (Javascript, Ajax)’ kategorijo

Wordpress – samodejno dodajanje animacije na povezavo slike

19th December

Wordpress je v zadnjem času naredil velik napredek in nam predtavlja priljubljeno brezplačno osnovo za upravljanje internetne strani. Lansko leto smo predstavili implementacijo Lytebox “animacije” za to odlično open-source platformo. Tokrat bomo predstavili še boljšo verzijo brez predelave jedra, kar poenostavlja nadgradnjo platforme, ki smo jo našli na tej strani.

Predelava je izredno enostavna. Dodajte javascript po lastni presoji. Nato v templati, ki jo boste uporabljali, odprite functions.php, ter na dnu dodajte sledečo kodo:

add_filter('the_content', 'addshadowboxrel', 12);
add_filter('get_comment_text', 'addshadowboxrel');
function addshadowboxrel ($content)
{   global $post;
	$pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(.*?)<\/a>/i";
    $replacement = '<a$1href=$2$3.$4$5 rel="shadowbox['.$post->ID.']"$6>$7</a>';
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
}

Prišel Magento verzija 1.4.1.1

27th July

Včeraj so objavili novo verzijo Magento internetne trgovine in sicer 1.1.4.4. Seznam popravkov, sprememb in izboljšav si lahko ogledate na njihovi strani. Ali je smiselno nadgraditi vašo internetno trgovino zavisi predvsem od verzije vaše trgovine in pa morebitnih težav. Magento je relativno mlad projekt, zato je v določeni meri včasih še muhast. V kolikor vam trgovina dela brez težav in nimate odprtih bugov, potem tudi pri 1.3 nadgradnja ni nujna. Če pa imate težave, ki so opisane v popravkih, pa le razmislite o nadgradnji. Pred nadgradnjo pa vam svetujemo, da pregledate katere datoteke so bile spremenjene in se odločite ali lahko brez težav nadgradite vašo trgovino. Lahko namreč po nadgradnji kakšen modul ne bo delal pravilno, zato previdno.

Wordpress3 – dodajanje animirane galerije z Lytebox knjižnico

11th July

V prejšnjem prispevku smo opisali postopke kako vključite animiran povečan ogled slika v prispevki. Tokrat pa bomo opsaili kako predelati Wordpress, da animirano pokaže tudi galerijo, ki jo enostavno ključite pri urejanju članka. Preberi ostalo »

Wordpress 3 – kako dodati Lytebox oz animiran ogled slike

9th July

Wordpress 3 je odlična platforma za bloganje ali novičarsko stran. Nova različica prihaja skupaj s Twentyten grafično predlogo (template), ki pa nima vključenega ne thixbox ne Lytebox za animiran ogled slik. Kako dodati animiran ogled slike? Preberi ostalo »

jQuery each snippet

15th February

jQuery ima zelo uporabno funkcijo, ki se imenuje each. S pomočje te funkcije lahko prehodimo celoten array ali seznam objektov. Primer uporabe:

JAVASCRIPT:
  1. jQuery(".navigation a").each(function( intIndex ){
  2.         jQuery(this).bind ("click", function(){
  3.             alert( "Index: " + intIndex );
  4.         });
  5.     });

Dodatne informacije:

Tablesorter – jQuery plugin Tablesorter 2.0 – šumniki – nepravilno sortiranje šumnikov čšž – javascript sortiranje tabel

29th November

Za vse tiste, ki jQuery Tablesorter 2.0 še ne poznate. Je skripta, ki statični tabeli doda možnost sortiranja. Kako zadevo spraviti v delovanje je jasno napisano v dokumentaciji. Poglejmo si primer iz njihove strani. Preberi ostalo »

Select – dropdown – width – internet explorer

23rd October

HTML select seznam se v Internet explorerju ne prilagaja vsebini, ampak je vedno enako širok. Firefox za razliko lepo opravi z različno dolgo vsebino in je spustni seznam širok enako kot je široka najširša opcija. Obstaja pa kar nekaj rešitev kako dodati to funkcionalnost tudi v Internet Explorer brskalniku. Preberi ostalo »

Stalno osveževanje del spletne vsebine – ajax jquery.get – javascript setinterval

20th October

Osveževanje spletne strani s pomočjo javascript-ajax naveze je danes že vsem dobro poznano. Tudi na T&R splet blogu smo o tem že veliko pisali, sedaj pa si poglejmo kratek primer namenjen začetnikom kako na spletni strani osvežimo le košček vsebine s pomočjo jquery ajax get klica ter javascript setInterval funkcije. Preberi ostalo »

jQuery – traversing – dodatki – javascript frameworks

22nd September

Na Google Readerju sem danes pri Emanuelu zasledil odličen vodič za jQuery traversing functions. Oglejte si ga. Da pa ne bo post tako kratek pri-dodajam še par drugih uporabnih stvari:

Na koncu pa še nasvet. Za vse tiste, ki še niste preklopili na eno izmed javascript knjižnic - framework (Prototype, Moo Tools, Dojo Toolkit, script.aculo.us) vam toplo priporočam, da to storite čim prej. Naša izbira je vsekakor jQuery. Pa vaša?

Javascript – input text – le številke – validacija

17th August

Kratek in enostaven vodič, kako s pomočjo Javascripta preprečimo, da uporabnik vnese kaj drugega kot številke. Pri tem bi vas le opozoril, da je Javascript le v pomoč pred dejansko validacijo, ki se mora zgoditi na server side strani. Zakaj? Zato, ker lahko vsak obiskovalec Javascript preprosto blokira/onemogoči, napadalec pa lahko podatke tudi pošlje direktno preko POST ali GET metode brez vašega obrazca (torej emulira vaš obrazec brez validacije). Preberi ostalo »

Javascript – avtomatsko osveževanje strani – refresh page – reload page

24th July

Če želite s pomočjo Javascripta obiskovalcu avtomatsko osveževati spletno stran na določeno številko sekund (milisekund) lahko uporabite Javascript location.reload. Preberi ostalo »

Javascript search in replace string funkcije

17th June

Poglejmo si kratek primer kako uporabiti javascript search in replace funkcije. Kot veste je string v javascriptu objekt, zato ima string že vgrajene določene metode, ki jih lahko uporabimo. Preberi ostalo »