Primer grafa je viden tukaj. Kaj omogoča? Prikaz grafov – črta, stolpci – poševno in pokončno, torta in 3d torta.

Kako do izpisa?

Na spletni strani dodate div, span ali kak drug element, mu pripišete id ali class in v spletno stran vključite, jquery knjižnico, dodate jquery.googleCharts.js plugin in kličete izpis.

Klic izpisa za graf, ki se prikaže v div elementu z id=”graf”, zgleda nekako tako:

$('#graf').gchart({'chart':'pie3d', 'values':'25,50,75,100', "size": "500x200", "labels":"25|50|75|100", "axis":"y", "axisval":"0,0,100,10", "space":"a"});

Vrednosti:

chart : vrsta grafa -> barv (stolpci vertikalni), barh (stolpci horizontalni), line (črta), pie (torta), pie3d (torta 3d)
values : vrednosti -> v primeru testa 25, 50, 75, 100
size :  velikost grafa -> velikost grafa je omejena z uporabo APIja in ne sme presegati 3000px, površine grafa. Paziti je potrebno na razmerje širine in višine pri tortah (pie – ne prevajam pita, ampak po MS cake  chartu :D), kjer je potreben nekoliko širši prikaz zaradi label.
labels : Labele oz. oznake, ločujemo s pokončno črto (ALT GR+W)
axisval : vrednosti na eni od os -> kombinacija z axis: x,y,t. Potrebno nekaj dodelave:  0, 0, 120, 10 prikazuje start vrednosti od nič do 120 s koraki po 10.
space : prostor med stolpci, a je avto.

Povezava do plugina: jquery.googleCharts0.1a.js

Torej kako deluje.

<div class="imgt">
<img src="img.jpg" title="Nek opis fotografije" />
</div>

HTML izgleda povsem preprosto, slika v div elementu, slednji je potreben zaradi kasnejšega prikaza okvirja, lahko bi se izvedlo tudi kasnejše dodajanje tega elementa, vendar je taka rešitev dovolj elegantna.

CSS datoteka v tem primeru več ali manj postavi celoten izgled, kot lahko vidite v primeru. Div z classom .caption ima nastavljeno opacity 0, kar je nekako pomembno zaradi fade efekta, ima nastavljeno višino in širino, ki pa je stvar stila prikaza. Lahko se okvir prikaže čez celotno sliko, kar pomeni, da bo height: 100%, ali v px, kolikor je višina .imgt elementa. Prav tako mora biti pozicija .imgt elementa relativna, za potrebe okvirja, ki se nato prikazuje absolutno na ta element.

Možnosti:

animation: 1 // (Vključena animacija torej zoom) default je 1
aniopacity: 1 // (prozornost fotografije) default je 1 | 0.8 = 80% do 0 ki je popolnoma prozorna
fadetovalue: 0.8 //(prozornost okvirja) default je 0.8 | do 0 ki je popolnoma prozoren
zoom: 120 // (globina zooma) default je 120, kar pomeni da se fotografija poveča na 120%
fadespeed: “fast” // (hitrost fade efekta) default je fast, v IE brskalnikih je fade efekt nekoliko drugačen.

Primer:

$(function() {
$('div.imgt').titleimg({animation: 1, aniopacity: 1, fadetovalue: 0.6, zoom: 140, fadespeed: "fast"});
});

Kako izgleda končni rezultat:

Okvir 100% x 100%

Okvir 100% x 20% spodaj

Okvir 100% x 20% zgoraj

Prenos plugina jQuery image title plugin (save as – shrani kot).

No v celem postopku ni vključena kakšna avtomatska generacija ključnih besed, ampak je potrebno te ključne besede vpisati ročno. Ključne besede se loči s pomočjo vejice in se jih nato s pomočjo explode razbije na posamezno besedo. V primeru tudi neke varnostne zanke, ki bi preverjala, da so besede res ločene samo z vejico in ni nekih drugih znakov, ki bi ločevali besede.

Ne bom pisal preveč na dolgo, tako da je spodaj prilepljen kar celoten class.

< ?php
include 'config.php'; // MYSQL POVEZAVA

class tagiranje {
// PROPERTIES
var $tags;
var $besede = array();
var $besedeclean = array();
var $p;
var $poz;
var $arraybesed = array();
var $getbesede = array();
var $maxfont = '50';
var $minfont = '10';
var $out;

// EXPLODE BESED
function get_words($tags) {
$besede = explode(",", $tags);
foreach ($besede as $beseda) {
if (mb_substr($beseda, 0, 1) == " ") {
$besedaclean[] = substr_replace($beseda, "", 0, 1);
}
else {
$besedaclean[] = $beseda;
}
}
$this->arraybesed = $besedaclean;
}

function checkwords() {
$besede = $this->arraybesed;
foreach ($besede as $beseda) {
$query_check = mysql_query("SELECT * FROM tagi WHERE tag='$beseda' LIMIT 1");
$num = mysql_num_rows($query_check);
if ($num == null) {
$query_add_tag = mysql_query("INSERT INTO tagi(tag, vrednost) VALUES('$beseda', '0')");
echo mysql_error();
}
else {
$pod = mysql_fetch_assoc($query_check);
$novavrednost = $pod['vrednost'] + 1;
$query_update_v = mysql_query("UPDATE tagi SET vrednost='$novavrednost' WHERE id='".$pod['id']."'");
echo mysql_error();
}
}
}
function getwords($minfont, $maxfont, $limit) {
$query_get_max = mysql_query("SELECT MAX(vrednost) as maxvrednost FROM tagi");
$tempmax = mysql_fetch_assoc($query_get_max);
$query_get_words = mysql_query("SELECT * FROM tagi ORDER BY vrednost DESC LIMIT $limit");
while ($data = mysql_fetch_assoc($query_get_words)) {
$fontper = round(($maxfont / $tempmax['maxvrednost']) * $data['vrednost']);
if ($data['vrednost'] > 0) {
if ($fontper > $minfont) {
$out[] = array($data['tag'] => $fontper);
}
else {
$out[] = array($data['tag'] => $minfont);
}
}
else {
$out[] = array($data['tag'] => $minfont);
}
}
return $out;
}
}

?>

Ok najprej kot sem že povedal se s pomočjo $tag->get_words($seznambesed); dobi array vpisanih ključnih besed. Nekaj klobase je zaradi začetnih presledkov, ki nastanejo zaradi ločevanja besed, ker pri vpisovanju za vejico ponavadi vstavimo presledek se le ta dodeli besedi za vejico. Seveda zgornja rešitev ni dobra, ker lahko nekdo po pomoti ali pa tudi ne, vpiše dva presledka.

No ko enkrat imamo besede, preverimo $tag->checkwords(); če katera od besed že obstaja, če obstaja ji zvišamo vrednost, nekateri temu rečejo frekvenco, ali kako drugače. No če beseda ne obstaja, jo enostavno vpišemo in dodelimo nično vrednost. Na podlagi vrednosti se nato izračunava velikost fonta glede na pojavnosti.

Kako do prikaza? Sam sem izbral način da se določi število besed, največji font in najmanjši, kar omogoča izračunavanje velikosti fonta glede na besede. Izračunavanje gre po križnem računu, glede na največjo pojavnostjo. Torej tista beseda, ki ima največjo pojavnost je v tem primeru izpisana prva.

Torej za konec še zahtevamo ureditev besed: $tag->getwords(10, 50, 30); . Nastavitve si sledijo: najmanjša velikost fonta, največja velikost fonta in število ključnih besed.

Kot rezultat dobimo več nivojski array, ki ga poljubno izpišemo.

Delujoč primer izpisa lahko najdete tukaj. Na primeru lahko s pomočjo povezave pod ključnimi besedami, sami vnesete ključne besede, po možnosti večkrat.

No sedaj pa so SMS razdelili in pripisali opravljene količine, po sklopih: klici v lastno omrežje, klici v druga omrežja, poslana SMS sporočila in prenos podatkov. Tako lahko sam preverjaš porabo in preračunavaš še preostanek zakupljenih klicev ali količino podatkov. No gre pa za SMS sporočilo STANJE, ki ga pošljete na 9443.

No problem desnega klika je, da se po kliku na desni miškin gumb, ponavadi odpre contextmenu, ki ga tokrat pač ne želimo. Torej je postopek tak, da ob kliku na stran (klik delimo na dva dela, prvi del je pritisk na gumb, drugi del pa ko gumb izpustimo), se pravi prvi del, prikažemo meni, ob postopku drugega dela pa onemogočimo odpiranje contextmenuja. No sam postopek odpiranja je povsem enostaven in ima pomanjkljivost, ko pridemo do roba brskalnika in ni neke omejitve, glede pozicije menija, ampak tudi to ne bi smel biti večji problem. Meni se odpre glede na koordinate miške, ki jih pridobimo s pomočjo jQuerya, ker je le ta že kompatibilen z brskalniki. Glede na dobljene koordinate, nastavimo css pozicijo menija, torej odmik od zgoraj in odmik iz leve strani (top: XXpx left: XXpx). Trenutno se meni odpre od zgoraj, kar izvedemo s slide efektom in nastavimo timeout za zapiranje menija po določenem času, trenutno je nastavljeno 5s. Tukaj velja omeniti še kakšno loop zanko, ki bi poskrbela za to, da se meni ne bi zaprl, če bi bili z miško nekje na menuju. No po kliku se menu zapre oz. se zapre po preteku prej omenjenega časa.

Evo še koda:

<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function() {
$(this).mousedown(function(e) {
var $button = e.button;
if($button == '2') {
$xcord = e.clientX;
$ycord = e.clientY;
$(".rclickmenu").css("top", $ycord);
$(".rclickmenu").css("left", $xcord);
$(".rclickmenu").slideDown(function() {
var $timerhide = setTimeout("$('.rclickmenu').slideUp()", 5000);
$(this).click(function() {
$(this).hide();
clearTimeout($timerhide);
});
});
}
});
$(this).mouseup(function(e) {
if (e.button == 2) {
document.oncontextmenu = function(){return false}
}
});
});
</script>

Verjetno koga bode nastavitev pozicije s css(), ki je deljena na vsako posebaj, to pa je zato, ker ima IE včasih probleme pri nastavljanju takih vrednosti, ki so nanizane kar v arrayu (css({”top”: “XXpx”, “left”:”XXpx”})). CSS samega menija je lahko poljuben le v tem primeru mora class rclickmenu imeti absolutno pozicijo in z index dovolj velik, da se prikazuje nad drugimi elementi.

Primer desnega klika si lahko ogledate tukaj: http://blog.ilrac.net/testi/klik/

No posledica tega je pri meni sprožilo to pisanje in posvečanje nekaj minut tej strani, ki izračuna mesečni promet na podlagi poslanega Excel dokumenta, ki ga dobite na ecare.simobil (glej spodaj povezave). Stran naloži .xls datoteko, jo preleti in sešteje količine prenesenih podatkov, po obdelavi to datoteko takoj izbriše in se v nobenem primeru ne hrani na spletni strani ali kje drugje na strežniku . Količina prenesenih podatkov se prikaže na strani v MB.

Povezava do ecare.simobil: https://ecare.simobil.net
Povezava do spletne strani: http://prenos.ilrac.net

No upram da pride komu prav. :D

Za take primere obstaja rešitev na podlagi povratnih sporočil, ki jih prejme pošiljatelj. Teh sporočil smo ponavadi vajeni, če naslovnik ne obstaja in prejmemo obvestilo o nedostavi, če gre za uporabniški račun, ki je namenjen zgolj pošiljanju, pa takih informacij ne vidimo in ne moremo pravilno ukrepati. No 2. feburarja je bil izdan PHPMailer-BMH, ki preveri sporočila v nabiralniku in na podlagi določenih pravil ukrepa. Ko sistem ugotovi nepravilnosti oz. so izpolnjeni določeni pogoji, se sproži akcija, ki jo lahko krmilimo in tako krmilimo tudi kaj želimo storiti s pozameznim elektronskim naslovom, ki zavrača elektronska sporočila, ali pa celo sploh ne obstaja.

Sam testiram aplikacijo in deaktivacijo uporabnikov v bazi, kar pomeni, da uporabnikom, ki ne sprejemajo elektronskih sporočil, kasneje sporočila niso več poslana.

Bounce pravila so tukaj ločena od sistema, tako je mogoče preprosto urejanje. V naprej nastavljena pravila:

bounce types     hard/soft  bounce type  remove status
‘antispam’       soft       blocked      no delete
‘autoreply’      soft       autoreply    no delete
‘concurrent’     soft       soft         no delete
‘content_reject’ hard       hard         DELETE
‘internal_error’ soft       temporary    no delete
‘defer’          soft       soft         no delete
‘delayed’        soft       temporary    no delete
‘dns_loop’       hard       hard         DELETE
‘dns_unknown’    hard       hard         DELETE
‘full’           soft       soft         no delete
‘inactive’       hard       hard         no delete
‘latin_only’     soft       soft         no delete
‘other’          hard       generic      DELETE
‘oversize’       soft       soft         no delete
‘outofoffice’    soft       soft         no delete
‘unknown’        hard       hard         DELETE
‘unrecognized’   soft       false        no delete
‘user_reject’    hard       hard         DELETE
‘warning’        soft       soft         no delete

Primer HTML5 validated strani si lahko ogledate na sledeči povezavi HTML5. Velja omeniti linka v nogi, ki pokažeta znamenit stavek omenjen zgoraj. No validator še vedno ni povsem prepričan o charsetih, zato javi opozorilo.

Struktura HTML5

Vir strukture: http://medeco.p9.pl

Vsem najbolj znan je md5, ki vrne 32 črk in številk, pri md5 je dekodiranje težje, vendar na spletu obstajajo baze kodiranih besed, ena od takih, ki ponujajo določene primere md5 stringa je http://www.md5decrypter.com/, ki ima danes 656852 primerov. Rešitev za težje dekodiranje je vsekakor izvirno geslo.

Po znanosti mu sledi sha1, ta za razliko od md5 vrne 40 črk in številk, dekodiranje pa je podobno ni posebnega načina, kako dekodirati te kodirane stringe. Prav tako kot pri prvem obstajajo določene baze, ki ponujajo že kodirane stringe oz. besede – gesla. Verjetno obstajajo tudi programi, ki generirajo kode in primerjajo rezultate, vendar le ti programi ponavadi delujejo tako, da potrebujejo neke predloge na podlagi katerih kasneje program generira kodo za primerjavo.

Php ima vključeno tudi funkcijo crypt, ki pa je tako kot prva dva le ONE-WAY-CRYPT in ne ponuja obratnega načina, kako dekodirati določen string. Od php5 dalje, ima dodano možnost izpisa. Izpisi so sledeči, standarden DES zapis, razširjen DES zapis, MD5 zapis in zapis v Blowfish.

Obstajajo pa še drugi načini, ki pa le niso samo one-way-crypt, ampak vsebujejo tudi obratne načine, kar pomeni da lahko pridobimo zakodirano besedo. Eden od takih je base64_encode, ki ponuja base64_decode in gzdeflate ter gzinflate.

Verjetno najbolj varen način je kombiniranje zgoraj naštetih, čeprav je velikokrat problem le kje drugje, kot v shranjenih geslih. Gre za to, da nezaželjeni gosti sploh lahko pridejo do tega seznama gesel.

Sistem deluje na predhodno spisani aplikaciji, ki pa je bila spremenjena do te mere, kot je sedaj. Spremenjeni predvsem vpisi in potrjevanje urednika, pa sama prijava itd. No kaj več pa drugič.