Software related blog » java

Sa se asterne zapada si pe web !

belial — Mon, 17 Dec 2007 21:23:35 +0000

Probabil ca din dorinta de a ne simti ca de sarbatori ne impodobim bradul si caminele, purtam caciuli rosii ca ale lui Mos Craciun, spiritul sarbatorilor de iarna ne copleseste. Ca sa se resimta oarecum acest sezon si in lumea virtuala, pe web, unii s-au gandit sa faca ceva in acest scop, si anume un javascript care simuleaza o ninsoare blanda, zapada asternandu-se pe statusbar-ul browserelor.

DHTML Snowstorm este un script care trebuie sa recunosc: kicks ass nu numai prin usurinta cu care poate fi implementat dar si prin compatibilitatea sa cu toate browserele. Dupa ce v-ati descarcat o copie a acestui script tot ce trebuie sa faceti e sa apelati javascript-ul cu ajutorul codului urmator (bineinteles plasat in interiorul ):

Pentru cei mai pretentiosi sau care vor doar sa-si personalizeze script-ul exista posibilitatea unei ajustari de variabile in fisierul snowstorm.js
show

Drept exemplu puteti lua aceasta pagina pe care nu se vad prea bine fulgii (oare de ce?) sau mai bine dati un click aici sa vedeti despre ce-i vorba, concret.

*cei care vor sa implementeze acest script intr-o tema la blogul lor WordPress nu trebuie decat sa editeze fisierul header.php si sa copieze directorul image si script in directorul root al blogului.

script.aculo.us - javascript de nu te vezi !

belial — Fri, 30 Nov 2007 20:48:01 +0000

script.aculo.us reprezinta o compilatie (cam dura nominalizarea) de biblioteci javascript GRATUITA care ofera foarte multa satisfactie celor care interactioneaza cu acest pachet minunat (fie ca e vorba despre cel care dezvolta interfata sau despre cel care o foloseste). Asadar pachetul contine animatii structurate pe framework, utilitare de tip DOM (Document Object Model), drag and drop si putin ajax.

Va puteti juca cu engine-ul animatiilor sau puteti arunca o privire la varianta cosului de cumparaturi bazat pe drag and drop iar daca va plictisiti rau de tot puteti oricand sa va jucati puzzle. O functie foarte utila este ajax autocompletion. Nici functia de sortare nu este mai putin importanta. Acestea sunt doar cateva dintre script-urile de care dispuneti dupa ce v-ati instalat pachetul script.aculo.us, script-uri ale caror domenii de activitate nici nu are rost sa le pomenesc fiind atat de evidente.

In continuare un mic ghid cu ajutorul caruia ar trebui sa va puteti instala singuri acest pachet:

Va descarcati ultima versiune de pe pagina oficiala

Va creati un director cu un nume cat mai sugestiv (de exemplu /javascript) in care veti copia fisierele prototype.js, scriptaculous.js, builder.js, effects.js, dragdrop.js, slider.js si controls.js (trebuie sa va precizez faptul ca NU TOATE fisierele sunt vitale si pachetul va fi functional si daca nu toate fisierele de mai sus vor fi incarcate pe host).

Apelati bibliotecile javascript folosind codul urmator

(cele doua apeluri vor incarca toate modulele)
sau puteti alege care module sa le incarcati cu ajutorul sintaxei:

optiunile din care aveti de ales fiind: builder, effects, dragdrop, controls si slider.
As dori sa va retin atentia asupra faptului ca unele module nu pot functia corespunzator fara unele din cele de mai sus.

Tot ce mai aveti de facut este sa definiti functiile pe diferite elemente:

Personal, consider astfel de pachete foarte utile atat pentru programatorii avansati dar si pentru cei incepatori.

Image reflection cu javascript - integrare WordPress

belial — Tue, 20 Nov 2007 17:59:40 +0000

Am mai trecut in revista o metoda destul de interesanta care folosea un java applet pentru a realiza efectul de reflexie pe suprafata apei a unei imagini. Trebuie sa recunosc ca efectul anterior este destul de sensibil la parsing-ul browserelor IE, Safari, Opera (sensibil in sensul ca daca nu este folosit intr-o maniera stricta acesta ori nu este vizibil ori blocheaza browser-ul la incarcarea paginii respective).

Am sa va propun o alta metoda care nu e la fel de “mofturoasa”. Si de data asta vom folosi javascript. Chestia interesanta este ca metoda asta poate fi implementata si pe blog-urile care folosesc engine-ul Wordpress sub forma de plugin. Mai jos veti observa o varianta de folosire plain and simple.

Descarcati fisierul reflection.js pe care-l veti apela prin intermediul codului urmator:

In cazul de mai sus fisierul reflection.js trebuie sa fie in acelasi director cu fisierul html in care va fi apelat.
Pentru a aplica efectul unei poze anume nu trebuie decat sa adaugam tag-ul class=”reflect” imaginii corespunzatoare, spre exemplu:

Mai exista posibilitatea personalizarii efectului, si anume:

class=”reflect rheight33″ => inaltimea reflexiei va fi de 33% din inaltimea originala a imaginii.

class=”reflect ropacity30″ => opacitatea reflexiei va fi de 30%.

Puteti observa efectul obtinut aici

Browser-ele care suporta acest efect sunt:

Internet Explorer 5.5+

Mozilla Firefox 1.5+

Opera 9+

Safari 2+

Puteti descarca de aici plugin-ul pentru Wordpress (>2.x) pe care-l instalati la fel ca oricare alt plugin folosind codul de mai sus pentru adaugarea efectului dorit la o anumita poza.
Partea frumoasa e ca acest script se poate integra frumos in forumurile phpbb, invision board putandu-se crea un combo si cu celebrul script Lightbox.

Sper ca ati inteles despre ce era vorba si mai sper ca va va fi de folos cele de mai sus. Bafta si nu ezitati sa puneti intrebari daca va impotmoliti pe traseu !

Image reflection applet

belial — Mon, 19 Nov 2007 17:09:20 +0000

Probabil ca unii dintre voi s-au intrebat cum se poate realiza efectul de reflexie a unei poze pe suprafata apei. Nimic mai simplu. Pentru asta apelam la java.

Vom avea nevoie de applet-ul lake pe care-l vom incarca in directorul care contine si pagina in care se apeleaza applet-ul nostru. Mai departe va trebui sa apelati applet-ul folosind codul care se regaseste si in fisierul exemplu index.html

Variabilele width, height si value evident ca se pot schimba, atentie insa la height care va trebui sa aiba valoarea de 2x mai mare decat a pozei folosite (test.gif in cazul nostru are 100px).

Rezultatul final il puteti vedea aici