Miloš M. » Programiranje

Javascript WYSIWYG editor

Miloš — Wed, 13 Jan 2010 15:06:25 +0000

Textarea brez javasrcipt WYSIWYG urejevalnika je dandanes že skoraj redkost. Ko vpisujemo kaj več kot le kakšne komentar na blogu seveda.

Kaj WYSIWYG sploh pomeni?

w(hat) y(ou) s(ee) i(s) w(hat) y(ou) g(et)

Kako izgovorimo Wysiwyg? Tukaj kliknite na predvajaj znak.

Zakaj bi torej odkrivali toplo vodo z ustvarjanjem urejevalnika, ko pa je WYSIWYG urejevalnikov na internetu precej in večina jih je tudi zastonj. V Google vpišite “WYSIWYG editor” in naj se zabava začne.

Zakaj sploh ta zapis? Ker bi vas rad opozoril na varnost oziroma nevarnost teh urejevalnikov. “Goli” urejevalniki kot taki so seveda čisto varni, saj v bistvu urejamo samo besedilo v polju. Oziroma, če sem bolj natančen, besedilo le okrasimo. Problemi se lahko pojavijo, ker veliko teh urejevalnikov omogoča uporabo pluginov (vtičnikov) ali dodatkov. Recimo: image upload, file upload, file manager, itd. Ti dodatki so super, ampak potrebno se je zavedati, da so vsi takšni dodatki lahko tudi varnostne luknje, ki bi omogočile nepooblaščenim osebam nalaganje datotek na naš server. Naložijo pa lahko potem razne programe s pomočjo katerih lahko nato naredijo veliko škode.

Torej na kaj moramo biti pozorni, ko izbiramo WYSIWYG urejevalnik? Dobro preglejte kako je poskrbljeno za varnost. Preprosta in zelo pogosta situacija je, da uporabnikom v CMS sistemu omogočimo uporabo WYSIWYG editorja s prej omenjenimi dodatki. V CMS sistem se je potrebno ponavadi prijaviti z uporabniškim imenom in geslom. V dodatek WYSIWYG urejevalnika je potrebno tako le prenesti in preveriti informacijo o prijavi v sistem in seveda o uspešni avtorizaciji. Najbolj enostavna rešitev je, da ob uspešni prijavi nastavimo novo session spremenljivko, ki jo nato v dodatku urejevalnika preverimo in s tem omogočimo ali onemogočimo dostop.

Objavljeno na: Milos M.

Javascript WYSIWYG editor

Flash in z-index

Miloš — Wed, 19 Aug 2009 12:40:27 +0000

Quick tip o tem kako rešiti problem ko nam flash prekriva določen del vsebine ne glede na z-index.

Adobe.com pravi:

A Flash movie in a layer on a DHTML page containing several layers may display above all the layers, regardless of the stacking order (“z-index”) of those layers.

Razlog:

By default, browsers place embedded plug-in content, such as a Flash movie or Java applet, on the topmost layer. In older browsers, attempts to place a DHTML layer on top of a Flash layer would fail. Newer browsers add the ability to layer Flash content with DHTML content and in some cases the ability to use transparent backgrounds in the Flash content (see below).

Rešitev:

Use the WMODE parameter to allow layering of Flash content with DHTML layers. The WMODE parameter can be ‘window’ (default), ‘opaque’, or ‘transparent’. Using a WMODE value of ‘opaque’ or ‘transparent’ will prevent a Flash movie from playing in the topmost layer and allow you to adjust the layering of the movie within other layers of the HTML document.

Primer:

wmode=”transparent” quality=”high”>

Objavljeno na: Milos M.

Flash in z-index

MySql in Excel

Miloš — Fri, 30 Mar 2007 09:19:37 +0000

V službi sem naletel na »problem« ali bolje rečeno na situacijo s katero se do sedaj še nisem srečal. Cel kup nekih podatkov sem moral izvoziti iz MySql baze v Excel, kjer jih bo potem sodelavec uredil, dopolnil in mi jih posredoval nazaj (vse v Excelu), jaz pa jih moram nato uvoziti nazaj v MySql.

Najprej sem vse podatke izvozil v nekaj bolj znanih in uporabnih formatov, CSV, CSV for MS Excel, XML,… V mojem primeru se je najbolje obnesel kar XML. XML datoteko sem nato odprl z Excelom, kjer me je ta vprašal na kakšen način bi rad odprl to datoteko, kjer sem izbral »As an XML list«. Sledi še opozorilo, da bo Excel ustvaril tudi shemo s podatki.

Tukaj je sedaj že viden tisti zanimivi in zelo uporaben del zakaj sem prej izbral ravno XML export.

…in sicer zaradi teh drop-down menijev na vrhu vsakega stolpca. S temi lahko namreč nastavljamo možnosti prikaza podatkov glede na kriterije in če je teh podatkov ogromno je zato urejanje tovrstnih stvari nekoliko olajšano in bolj pregledno.

Sedaj mi je ostal samo še import novih podatkov v MySql. Najprej sem podatke iz Excela shranil kot CSV datoteko. Tukaj je pomembno, da v drop-down menijih nimate izbranih nobenih parametrov saj se izvozi le aktivna stran v Excelu, torej izvozi se samo tisto kar je trenutno na ekranu. Sedaj imam CSV datoteko, kjer je kot delimiter uporabljen ; kar je ok. Poskrbeti sem moral le še za to, da sem odstranil prvo vrstico iz datoteke, saj ta vsebuje podatke o imenih stolpcev, za katere pa nočem, da se uvozijo v bazo. Pri uvažanju v MySql sem seveda izbral CSV format in za character set datoteke izbral CP1250 (zaradi šumnikov). Za urejanje MySql baze sem uporabil kar phpMyAdmin.

Zadeva je dokaj preprosta in vsi podatki so uspešno uvoženi. Mogoče je pri tej metodi potrebnega malo več manual dela, mislim pa, da obstajajo tudi namenski programi, ki poskrbijo za uspešen prenos podatkov iz Excela v Mysql. Eden takih je recimo Navicat.

Objavljeno na: Milos M.

MySql in Excel

Apache + PHP + MySql = XAMPP

Miloš — Wed, 21 Mar 2007 08:24:40 +0000

Ko sem nabavil nov sistem sem, poleg vseh ostalih programskih drobnarij, moral, zaradi službe seveda, ponovno instalirati tudi Apache, PHP in MySql. To opravilo mi nikoli ni dišalo, vedno sem naletel na kakšne težave oz. na kakšno nastavitev, ki sem jo imel prej nastavljeno, pa sem jo v tej novi instalaciji pozabil. Pa nisem ravno začetnik v teh stvareh.

Tako sem se odločil malo pobrskati po netu (beri: poguglal sem malo) in poiskati kakšno alternativo. Naletel sem na XAMPP, ki je projekt skupine Apache Friends. Zadeva nam omogoča, da na res zelo, zelo preprost način instaliramo Apache, PHP, MySql in tudi kakšno drugo uporabno stvar, ampak mene osebno so zanimale le te tri stvari. Par klikov in stvar deluje. Malo sem si zadeve seveda uredil po svoje (recimo rad imam svoj www direktorij v direktoriju c:\www zato sem uporabil tole zanimivo in uporabno orodje Junction), ampak to opravilo, ki mi ni nikoli ugajalo je bilo za mano. Hvala bogu! Všeč mi je tudi t.i. control panel, kjer lahko procese po želji vklapljam in izklapljam, ter imam tako celoten web server izklopljen, ko ga ne potrebujem. Prekleto dobra je tudi možnost, ki so jo poimenovali PHP switch in omogoča enostavno preklapljanje med PHP verzijama 4 in 5.

Vse ostale lastnosti in možnosti si pa poglejte kar tukaj.

Objavljeno na: Milos M.

Apache + PHP + MySql = XAMPP

Zmanjšajte bandwidth spletne strani

Miloš — Tue, 06 Mar 2007 20:20:46 +0000

Odlični nasveti o tem kako zmanjšati bandwidth spletne strani. Seveda je tole uporabno samo, če imate resnično popularno stran, ampak vseeno dobri nasveti in zanimivo branje.

Reducing Your Website’s Bandwidth Usage @ Coding Horror

Našel preko digg.com

Objavljeno na: Milos M.

Zmanjšajte bandwidth spletne strani

Regular expression švinglc

Miloš — Wed, 20 Sep 2006 06:08:34 +0000

Tole sem našel preko bloga Mihe Hribarja in ta švinglc se pravkar tiska v papirnato obliko.

Objavljeno na: Milos M.

Regular expression švinglc

Urejevalnik kode

Miloš — Sun, 03 Sep 2006 08:27:33 +0000

Do sedaj sem za službene namene (PHP) vedno uporabljal UltraEdit, katerega sem se navadil, ga priredil mojim potrebam in ga z veseljem uporabljal. Sva se pa s sodelavcem v petek pogovarjala in pravi, da on pa že nekaj časa uporablja Dreamweaver 8 in da niti ni tako slab program. Ne vem zakaj, ampak zdi se mi, da ima Dreamweaver precej slab sloves med programerji. Tudi meni ni bil všeč, ker se zaganja predolgo ((Sem sedaj ugotovil, da se le prvič, ko ga poženeš, zaganja dlje časa.)) in je poln neke navlake. Sem se pa odločil, da ga vseeno malce preizkusim. In tako se je začelo in moram reči, da pa res ni tako slab. Kot urejevalnik kode mi je všeč, super je ker ima t.i. autocomplete in to ne samo za PHP, ampak tudi CSS, HTML, itd. Dopade se mi tudi Tag inspector, pa recimo CSS urejevalnik, vse razne Reference ((HTML, PHP, CSS, SQL,…)) kar je še posebaj uporabno saj lahko s tem nadomestimo vse razne manuale, ki jih uporabljamo. V bistvu, ko si orodje prilagodiš za pisanje kode in pozabiš na gradnjo spletne strani, zapreš vse nepotrebe zadeve ter si izgled prilagodiš toliko, da ti ustreza, je tole kar dober kandidat za stalno uporabo. No, bomo videli seveda kako se resnično obnese v praksi po nekaj tedenski uporabi. Me zanima katere funkcije UltraEdit-a bom začel najprej pogrešati.

Objavljeno na: Milos M.

Urejevalnik kode

Ruby on Rails

Miloš — Fri, 25 Aug 2006 12:44:06 +0000

Za web developerje… Poznate Ruby on Rails? Ne? Vzemite si 5 minut časa in si oglejte njihovo spletno stran.

Objavljeno na: Milos M.

Ruby on Rails

Evolucija programerja

Miloš — Tue, 27 Jun 2006 05:15:27 +0000

Zanimivo… od šole pa vse to t.i. Chief Executive. Slednji je tudi najbolj zanimiv povezava.

Objavljeno na: Milos M.

Evolucija programerja

Bigdump

Miloš — Mon, 22 May 2006 20:56:44 +0000

Bigdump je pripomoček spisan v PHPju, ki bo delo olajšal vsem, ki so omejeni z velikostjo MySql dumpa, ko le tega, recimo preko phpMyAdmina, pošiljajo na server. Skripta izvede le določeno število queryjev, se ponovno zažene in delo nadaljuje, kjer je ostala. Tale preprosta in zelo uporabna zadeva me je rešila že neštetokrat. Nikakor ni prijetno ročno izvajati le del dumpa.

Staggered import of large and very large MySQL Dumps (like phpMyAdmin 2.x Dumps) even through the web-servers with hard runtime limit and those in safe mode. The script executes only a small part of the huge dump and restarts itself. The next session starts where the last was stopped.

Konfiguracija je preprosta, le nekaj vrstic kode, kjer je najpomembneje:

// Database configuration $db_server = "localhost"; $db_name = "moja_baza"; $db_username = "uporabnisko_ime"; $db_password = "geslo";

// Other Settings $filename = "moje_tabele.sql";

To je pravzaprav vse in nato le še poženemo skripto. Za več informacij si poglejte domačo stran Bigdump.

Objavljeno na: Milos M.

Bigdump

WordPress Code Snippet plugin

Miloš — Sat, 20 May 2006 10:01:52 +0000

Danes sem med moje WordPress plugine dodal enega zelo zanimivega, ki poleg tega, da omogoča lažje vstavljanje programske kode v objave, to kodo tudi programskemu jeziku primerno obarva. Plugin se imenuje Code Snippet.

PHP primer:< ?php echo "Hello world"; ?>Funkcije tudi polinka… Kliknite na echo.

CSS primer:a { color: #336699; text-decoration: none; }

JavaScript primer:function prompt(text) { msg = "Sporočilo"; temp = prompt(msg, text); return false; }

V glavnem zelo uporabna stvar. Posodobil sem tudi tole objavo, da sedaj izgleda lepše .

Ugotovil sem pa tudi, da mi tale WordPressov visual rich editor ni preveč všeč in sem zato preklopil na tistega standardnega, se mi zdi da deluje bolj sigurno.

Objavljeno na: Milos M.

WordPress Code Snippet plugin

Zemljevid obiskovalcev spletne strani

Miloš — Sun, 07 May 2006 18:25:09 +0000

Tokrat gredo vse pohvale Marku Štamcarju za tole super idejo kot tudi izvedbo. Za kaj sploh gre? Od danes dalje lahko obiskovalci tega bloga širšemu svetu in tudi meni seveda, poveste, ali še bolje, kar pokažete, od kod vse prihajate. V pomoč vam bo tale Googlov interaktivni zemljevid. Torej veselo klikanje po zemljevidu.

Če bi pa tudi vi radi imeli takšen zemljevid na svoji spletni strani, se odpravite do Markotovega bloga oz. kar do njegove spletne storitve -> http://kje.shrani.si.

Moj zemljevid obiskovalcev

Objavljeno na: Milos M.

Zemljevid obiskovalcev spletne strani

Moj prvi AJAX script

Miloš — Sun, 26 Feb 2006 11:23:55 +0000

Kaj sploh je AJAX? AJAX je skriptna tehnika za izdelovanje interaktivnih spletnih aplikacij. Poanta celotne zadeve je v tem, da če želimo neko stvar na določeni strani izvesti, je po navadi na tej strani potreben reload oz. ponovno nalaganje strani z novimi informacijami. Pri AJAX-u pa ni tako, saj se vse izvede v ozadju brez potrebe po ponovnem nalaganju strani. Kaj o AJAX-u pravi Wikipedia si preberite tukaj.

Torej… moj prvi AJAX script. Mogoče je kdo že opazil tole pod stran na mojem blogu – kontakt. Celotna stvar glede pošiljanja sporočila preko tega vmesnika je urejena z AJAX-om. Stran se tako ob kliku na “Pošlji” ne reloada, ampak se vsa funkcionalnost izvede v ozadnju. Seveda ste povabljeni, da obrazec preizkusite.

Objavljeno na: Milos M.

Moj prvi AJAX script

Windows VBS pop-up script

Miloš — Wed, 15 Feb 2006 21:38:26 +0000

Nekoč sem potreboval nekaj preprostega, da bi samo opomnilo, da moram pognati določen program. V bistvu sem potreboval neko zadevo, ki bi me spomnila naj na ta dan poženem backup mojega računalnika na “server” računalnik. Ker nisem hotel po nepotrebnem komplicirati s kakšnimi dodatnimi programi stila reminder, sem po nekaj navodilih gospoda Googla, spisal preprost VBS script, ki sem ga ob določenem času pognal s pomočjo scheduled tasks. Bom demonstriral nekaj primerov.

Spodnjo kodo shranite kot “nekaj.vbs”. Ko boste dvokliknili na datoteko se bo odprlo okence z vpisanim tekstom in možnostjo “OK”.
Dim Msg Msg = msgbox("Danes poženi backup.", vbOKOnly+vbInformation, "Backup opomnik")


Set WShell = CreateObject("WScript.Shell")

If Msg = vbOK Then WShell.Run "pot_do_nekega_programa" End If
V tem primeru imata na voljo tri gumbke, in sicer “Yes”, “No” in “Cancel”. S klikom na yes oz. no lahko poženemo različna programa.
Dim Msg Msg = msgbox("Kopiranje iz 'milos-laptop' v 'milos-compbackup' Poženem?", vbyesnocancel+vbquestion, "Backup - Kopiranje")


Set WShell = CreateObject("WScript.Shell")

If Msg = vbyes Then WShell.Run "pot_do_nekega_programa" ElseIf Msg = vbno Then WShell.Run "pot_do_nekega_programa" End If
V tem primeru se nam pa odpre okno v katerega lahko recimo vpišemo parametre pri poganjanju programov. Jaz sem uporabil spodnji script za izdelovanje MySql dump-ov.
Dim usrName usrName = Inputbox("Vnesi bazo","MySql dump")


Set WShell = CreateObject("WScript.Shell")

If usrName <> "" Then WShell.Run "pot_do_programa" & usrName End If
Upam, da se bo kodo dalo kopirati, da je ni pri obdelavi kakorkoli spremenilo.

Objavljeno na: Milos M.

Windows VBS pop-up script