Скачать программки на комп Карта сайта Samsung gt s3600 скачать игры Карта сайта Скачать дрожь земли 3 Карта сайта Tekken 6 скачать бесплатно торрент Карта сайта Катя чили скачать бесплатно Карта сайта Vkracker 5 скачать Карта сайта Скачать cell Карта сайта Скачать порно сестер Карта сайта Скачать суперзвезда Карта сайта Саруханов зачем вернулась ты скачать Карта сайта Ла2 скачать бесплатно Карта сайта Acdsee keygen скачать Карта сайта

Archive for JavaScript

04.17.08

Conţinut şi prezentare

Posted in JavaScript at 12:19 am by rast

Îmi place ideea de a separa cât mai mult conţinutul unei pagini web de modul ei de prezentare. Se găsesc pe Internet foarte multe site-uri ce oferă (chiar şi gratis) template-uri de prezentare. Am încercat la un moment dat să studiez aceste template-uri, pentru a mă inspira în partea de webdesing a unui site, domeniu în care sunt deficitar, ne-având un simţ artistic dezvoltat.

Am ajuns la o concluzie personală: creearea unui site nu se face începând de la un template, de la un mod de prezentare, ci de la donţinut. Îţi stabileşti într-un mod destul de amănunţit conţinutul site-ului, îl detaliezi undeva… pe hârtie, dacă este prea complex, îl împarţi în categorii, subcategorii (capitole, subcapitole, paragrafe, etc) şi apoi lucrezi la partea de prezentare.

În acest mod (în această ordine) de abordare a creeării unui site se poate urmări mai uşor atingerea unei uzabilităţi ridicate a site-ului. Am păţit-o de multe ori: începeam un site despre care aveam o idee în mare despre conţinutul lui. Alegeam un mod de prezentare care satisfăceau cerinţele. Construiam designul şi începeam să adaug conţinut. Cu cât conţinutul se diversifica: apărând, modificând sau chiar ştergând, diferite secţiuni – apăreau ne-concordanţe de uzabilitate.

Totuşi, am ajuns la un compromis. Am găsit “un şablon” de paginare a conţinutului unui site, în care se pot interclasa alte componente, astfel încât prezentarea să fie cea dorită… şi uşor de modificat:

paginare

Modul de prezentare de mai sus este “un şablon”, în interiorul fiecărei regiuni se pot plasa diferite componente (div, span, table, etc) conform cerinţelor de conţinut.

04.08.08

extJS – adăugare. modificare, ştergere

Posted in JavaScript at 5:13 am by rast

Iar mă bântuie ideile. Una ceva mai veche, dar cu iz de extJS, am mai scris-o eu pe blog, ataşând şi o imagine… atunci fiind vorba de Java.

Oricând, în programarea bazelor de date, vor fi cele trei operaţiuni de bază efectuate asupra unei tabele:

  • adăugare
  • modificare
  • ştergere

Voiam să concep o clasă, cu tot cu interfaţă, în Java pentru afectuarea acestor operaţii. Am lucrat puţin la ea… ar mai fi trebuit mult de lucru pentru a o termina şi a deveni funcţională.

ExtJS-ul devenind prioritar, mă bântuie ideea de a crea o astfel de clasă ca extensie a claselor extJS. Ar fi vorba de o îmbinare a claselor despre tree, forms şi AJAX.

Am prilejul să testez dacă afirmaţia făcută anterior, că extJS are un cod mai compact şi mai uşor de depanat decât Java, este adevărată sau nu.

Cine ştie mâine ce idei mai trec prin circumvoluţiunile creierului meu bântuit de spiritele nopţii :)

Tree extJS compleeeex

Posted in JavaScript at 5:01 am by rast

Încă nu e ora 15:00 şi iar mi-s obosiţi neuronii. Descifrasem eu de dimineaţă câte ceva la extJS Forms şi am vrut să trec mai departe. Forms-urile sunt utilizate atunci când vrei să adaugi sau să modifici ceva, în baza de date.

Cum am început aplicaţia? Se listează iniţial firmele existente în baza de date, ca în imaginea de mai jos:

extJSTree

La adăugarea unei firme noi, apare formularul cu câmpurile necesare, necompletate. La modificarea datelor unei firme deja existente, formularul va trebui să aibă câmpurile completate cu datele actuale. Soluţia clasică a programării web, este ca după selectarea unei firme din tree-ul afişat să se trimită o cerere spre server care “întoarce” spre calculatorul client datele firmei respective. Practic 2 tranzacţii client-server.

ExtJS vine cu o idee, după cunoştinţele mele de programare, nouă: fiecare componentă a tree-ului (numită “nod”) are setate mai multe elemente, elementul afişat pe ecran fiind cel cu denumirea “text”.

Acest lucru prezintă un mic avantaj. La start-area aplicaţiei, se încarcă tree-ul cu toate datele firmelor din baza de date, iar atunci când se doreşte modificarea datelor unei firme, acestea se completează din nodul selectat al tree-ului.

Important este şi numărul total de firme existente în baza de date.

Mâine, “dis de morning” cu neuronii odihniţi purced la descifrarea unui nou capitol despre extJS, nodurile unui tree, începând cu clasa: Ext.tree.TreeNode.

Totul este extJS

Posted in JavaScript at 3:32 am by rast

…în război cu “totul este întreruperea dialogului interior” :) să vedem, care este mai totalitar/totalitarist.

Dacă pentru extJS aş putea aduce argumente practice (aplicaţii gata realizate şi funcţionale), pentru dialogul interior numai practica fiecăruia ar putea, Internet-ul cu toate tehnologiile lui cele mai noi şi sofisticate este neputincios.

Dar de ce afirmaţia din titlu? Pentru că în extJS se poate face ORICE. Sunt persoane/programatori web, care se plâng de mărimea foarte mare a bibliotecii extJS, peste 0,5 MB.

Sunt site-uri care, pentru a realiza diferite funcţionalităţi, încarcă multe JavaScript-uri, adunate… poate nu dau chiar 0,5 MB… dar câte odata…

Ar mai fi si un beneficiu al programatorilor. În loc să ştie o multitudine de JavaScipt-uri şi ce funcţionalităţi au ele, plus de a cunoaşte cât de cât codul pentru diferite modificări/adaptări cerute de diferiţi clienţi/necesităţi ale site-ului, învaţă doar unul singur: extJS-ul – ce-i drept destul de laborios.

În extJS se pot face animaţii, galerii foto, are un DatePicker (calendar) predefinit… astea le-am citat din memorie. Şi ceea ce m-a surprins foarte tare: are posibilitatea de a include într-un form, un editor HTML. Cu această facilitate, crearea unui CMS devine foarte uşoară.

Dar ceea ce m-a determinat să “concep” sintagma din titlu este un exemplu care vine cu kit-ul de instalare. Rulând exemplul prin intermediul unui server web (http:// ci nu file://) şi introducând un cuvânt cheie, acesta face o căutare în forum-ul extJS de pe site-ul extJS.com. Deci, nu numai câ poate să facă o căutare remote (să aibă ca script de primire a cererii, un PHP - AJAX bine scris), dar se poate implementa în site-ul propriu un motor de căutare.

Ajax în extJS forms

Posted in JavaScript at 1:15 am by rast

După ce ieri mi-am ostenit toată gaşca de neuroni axată pe extJS şi citirea documentaţiei scrise în limba lui Shakespeare, azi, cu neuronii odihniţi, după o noapte petrecută într-un somn fără vise, obsesii şi coşmare; după o dimineaţă cu ceaţă deasă şi pretutindeni în Iaşi; după 1 oră de ascultat o maşină de găurit electrică ce schimba o uşă metalică la un birou din apropiere; iată-mă-s şi eu bucuros că am rezolvat o treabă şi am mai făcut un pas înainte înspre cunoaşterea funcţionalităţilor extJS.

Atunci când se creează un formular extJS se apelează clasa Ext.form.BasicForm, chiar dacă se construieşte o instanţă a clasei Ext.form.FormPanel. FormPanel conţine o instanţă a BasicForm şi elemente de “Layout” din clasa Ext.layout.FormLayout.

Ştiu că cele scrise mai sus sunt indescifrabile chiar şi pentru programatori. Am mai spus că extJS are o structură foarte alambicată de clase şi concepţii. Dar odată înţelese, reiese marea lor utilitate.

De exemplu: când se trimite un forms, de pe calculatorul client pe server, acesta este trimis, implicit, în AJAX. Există o modalitate de a seta form-ul să trimită datele prin metoda de transmitere normală folosită de browser, prin suprascrierea metodei submit, a clasei.

Sunt deja prevăzute şi două configurări care prelucrează mesajele venite de la server: success şi failure.

04.07.08

Oboseală crâncenă – formulare extJS

Posted in JavaScript at 5:00 am by rast

Mă dădeam un jmecher… pe aici pe blog, oricum gaşca din cartier nu mă crede! că alimentaţia folosită şi întreruperea dialogului interior, îmi dau energii sporite, extJS-ul mi le haleşte pe toate.

Am început să învăţ extJS mai dinspre coadă, în loc să încep cu începutul. Acuma vin, contra curentului, spre începuturi lucruri elementare.

Pentru a crea formulare în extJS ai la dispoziţie 19 clase. Pe Internet am găsit documentaţii şi explicaţii incomplete. Chiar şi exemplele date în kit-ul de instalare sunt incomplete. Rolul formularelor este de a scrie trimite ceva spre server şi de a salva, într-un oarecare format, aceste date.

Ceea ce-i mai important lipseşte, cum se poate realiza această comunicare client-server. Lipseşte din exemplele date, dar nu din documentaţia claselor existente. Documentaţia fiind scrisă în limba lui Shakespeare, din care doar “muşc” câte ceva, îmi vine destul de greu. Asta mă oboseşte f. mult.

Întâi mă chinui să traduc, după aia să înţeleg ce scrie. Obosesc de engleză, extJX, AJAX şi, pentru relaxare, încep să scriu pe blog… vrute şi nevrute, să mi se relaxeze neuronii.

Framework JavaScript – extJS

Posted in JavaScript at 3:08 am by rast

Există mai multe framework-uri pentru JavaScript:

  • Prototype
  • Scriptaculous
  • MooTools
  • Dojo
  • YahooUI – pe scurt YUI

Daaaa!!! Chiar când începusem să acriu acest post, ajuns în acest punct, “sfătuitorul nopţii” (având un program prelungit :) , face ore suplimentare şi pe timp de zi) îmi zice: “aruncă un ochi pe Wikipedia!”.

L-am aruncat p’ăla din dreapta şi am găsit pagina de aici, de unde reiese destul de clar cine este şi cine nu FRAMEWORK pentru JavaScript. ExtJS-ul este trecut la capitolul “library” pentru JavaScript. Este exact ceea ce voiam să spun în acest post. Voiam să spun că extJS este mai mult decât un framework JavaScript. Iată ce spune Wiki:

“building richly interactive web applications using techniques such as AJAX, DHTML and DOM scripting”… înseamnă că… l-am ghicit bine: “interactive web applications”.

Am mai găsit un blog al unui entuziasmat extJS-ist, aici care, fără a mă oftica şi a-mi băga ghiara-n gât, trebuie să recunosc că mi-a luat-o înainte :) , deja a realizat un site în extJS.

04.04.08

Noutăţi sau diferenţe în extJS – Panel

Posted in JavaScript at 4:20 am by rast

În noua aplicaţie începută, despre clienţi şi furnizori, mă bazez mult pe Panel-uri, mai ales pe ceea ce se numeşte acordeon de panel-uri:

acordeon

Imaginea de mai sus reprezintă un acordeon cu 5 panel-uri. Primului, deja i-am schimbat denumirea din exemplul din care m-am inspirat şi l-am adaptat aplicaţiei în cauză. Panel-ul 3, care este activ, conţine doar un simplu text implicit “empty panel”. Mai jos puteţi vedea o imagine din “operaţiunea:) de adaptare a panel-ului la necesităţile aplicaţiei:

toolbar

Panel-ului i s-a adăugat un “toolbar” care conţine butoanele: Adăugare, Modificare, Ştergere şi un simplu text: “bibi“. Clasa toolbar este foarte flexibilă, se pot adăuga diferite alte obiecte, nu numai butoane şi text simplu.

Emit o părere ne-definitivă, fiind doar la începutul lucrului cu extJS. Java, pentru a defini o bară de meniu sau un toolbar, foloseşte o sintexă destul de laborioasă, pe multe linii, extJS foloseşte o sintaxă mai greoaie, bazată pe multe semne, cu o funcţionalitate precis definită, dar mai scurtă, pe mai puţine linii.

Sintaxa extJS este mai tehnică, este mai low level – mai îndepărtată de limbajul articulat uman, dar mai sistematizată. Odată obişnuit cu sintaxă îţi vine mult mai uşor să… controlezi codul, decât în Java.

Acordeonul de panel-uri este mai rar întâlnit în aplicaţii. Este, poate, dificil să te acomodezi cu utilizarea lui. La fel am păţit şi eu la început. Acum, m-am familiarizat foarte mult cu funcţionalitatea lui şi mi se pare foarte util.

Sunt curios dacă în viitor acest tip/mod de prezentare a unor informaţii va lua amploare sau se va “pierde în ceaţă”. Utilizatorii vor hotărâ.

04.03.08

Să înjur ca un birjar

Posted in JavaScript at 2:21 am by rast

… nu alta!

De mai multe zile nu dădeam da cap unei erori în aplicaţia RoJSPMyAdmin, îmi apărea câte o linie goală între panel-urile acordeon. Cred că m-am chinuit vreo 10-11 ore, pe total, să descopăr unde este greşeala. NIK!

Cucuie ce mi-am făcut pe scalpul meu de programator ruginit!!! Tot sfetnicul nopţii m-a ajutat. El m-a îmboldit să încep aplicaţia nouă, cea de solduri clienţi şi furnizori. Raţiunea mea riposta: las o problemă nerezolvată, devin neserios, încep atâtea şi abandonez chiar din start, de la primii paşi!

Îmi răspundea: “înveţi! nu eşti de condamnat că faci greşeli de începător! Nu pierde timpul! Învaţă!”

În mai puţin de o oră, lucrând la noua aplicaţie, mi-am dat seama unde greşeam la RoJSPMyAdmin. Fiind o aplicaţie creeată din cârpeli, abia acum învăţ extJS-ul, am copiat diferite exemple venite odată cu kit-ul de instalare. Exemplele sunt bune, luate câte unul separat funcţionează corect. Au o belea! Au aceleaşi denumiri de variabile… se încâlcesc dacă pui cap la cap mai multe exemple!

Aşa se întâmplă şi cu CSS-urile. Aici a fost beleaua mea. În CSS-urile a două exemple erau diferite setări pentru body… se călcau pe bătătură unele pe altele şi amândouă făceau cucuie pe scalpul meu!

Las înjurăturile la o parte şi mă apuc să-mi verific cucuiele… să văd dacă nu au bătături :) .

03.30.08

Ext JS WordPress Theme

Posted in JavaScript at 9:29 pm by rast

S-a făcut deja şi o themă Wordress în extJS. O puteţi vedea cum arată şi o puteţi download-a de aici.

Mie îmi place aspectul/designul, mi se pare foarte funcţional, uşor utilizabil. Singura reţinere este din punctul de vedere SEO (optimizarea pentru motoarele de căutare). Este bine ştiut faptul că motoarele de căutare nu ţin cont de textul scris în procedurile JavaScript. Sunt chiar curios cum a fost realizată thema: a ţinut cont de SEO sau nu.

Un lucru care mi se pare foarte bun la site-ul dat mai sus, în secţiunea de download, se spune foarte clar: thema este realizată cu versiunea 1.1.1 a extJS.

Next entries » · « Previous entries