Javascript - tabIndex pentru butoane

Download exemplu

Miercuri la laborator s-a vorbit putin despre ultima tema la IE. Studentii vor avea de facut interfete web care sa indeplineasca anumit cerinte. Printre cerinte se numara si problema navigarii cu ajutorul tastei tab. De multe ori se intampla ca ordinea de navigare prin tab-uri sa nu corespunda cu ordinea logica in care au fost puse butoanele / campurile in pagina. De aceea ar trebui sa setam proprietatea de tabIndex pentru fiecare buton.

Mai jos am creat un mic exemplu in care m-am jucat cu ordinea de navigare:

Box 1: Box 2: Box 3:

Declararea unui buton cu proprietatea de tabIndex setata ar arata cam asa:

< button id="b1" tabIndex="1"> Button 1</button>

Pentru a obtine valoarea tabIndex putem scrie:

var b1=document.getElementById('b1').tabIndex;
document.write("Tab index of Button 1: " + b1);

In cazul in care vrem sa navigam intre campurile unei forme vom seta tot proprietatea tabIndex:

< form name=yourform>
Box 1:
< input type=text name=box1 tabIndex="5" onFocus="nextfield ='box3';">
</form>

Un exemplu complet puteti vedea aici iar codul poate fi descrcat din sectiunea download al site-ului nostru

Opriti nebunia cu Interfete Web!

Cautam ceva pe Wikipedia despre Javascript si, la articolul respectiv, jos, la legaturi externe, am descoperit ceva interesant. Primul link ducea spre un site romanesc, care avea totusi un nume dubios de familiar. Am dat click si imediat mi-am dat seama: e siteul realizat pe o echipa pentru cursul de interfete evoluate.

Am ajuns sa ne autoeditam chiar si pe wikipedia acuma! Asta e cea mai tare! Goana dupa linkuri e in toi! Si, normal, e greu sa facem rost de linkuri muncite, hai sa ne editam siguri in Wikipedia! Fratilor, nu e asa greu sa ajungem la o situatie win - win, sa ajutam un site sa aiba continut mai bun de exemplu si sa primim un link in schimb... de ce trebuie sa ne auto adaugam in enciclopedii?! Chiar credeti ca siteurile noastre amarate sunt bune de enciclopedie?!

Am incercat sa verific presupunerea mea, daca oamenii respectivi chiar s-au editat singur - ma indoiesc ca i-a pus cineva neutru acolo. Schimbarea respectiva nu a fost facuta de un user inregistrat (destul de dubios - rar se intampla asa - , dar normal daca ne gandim ca persoana respectiva nu mai avea de gand sa faca nici o alta editare... ). Linkul a fost pus initial spre homepageul siteuilor, apoi mutat spre un articol despre Javascript, ca na, riscau sa ii dea astia afara ca nu era nimic despre Javascript in linkul ala. De descris modficarile facute iarasi, omul respectiv nu a auzit. Intr-un cuvant, da de banuit toata treaba.

Totusi, pana la urma, dovezi concrete nu am (motiv pentru care nu am dat nume sau legaturi spre site), dar tind sa cred ca am dreptate. Nu o sa fac altceva decat sa dau un citat din regulile wikipedia (netiquette e deja prea mult) si sa sper ca o sa inteleaga persoanele respective mai mult.

La Wikipedia recomandăm ca personalităţile, proprietarii de firme etc. sau apropiaţii acestora să nu încerce să scrie despre subiecte în care obiectivitatea le-ar putea fi umbrită de interesul personal. Foarte adesea astfel de articole create în trecut au suferit grav din lipsa de punctului de vedere neutru şi din abundenţa cercetării originale, şi au trebuit şterse sau rescrise.

Din cauza oamenior de genul asta Wikipedia nu va ajunge niciodata o sursa de informatie la fel de sigura precum enciclopediile editate de companii.

Si cand te gandesti ca linkurile Wikipedia au si atributul nofollow pus (adica nu ii ajuta la pozitia in Google, ci eventual numai cu niste trafic) ...

Exprimarea in interfete web - folosirea imaginilor pe forum

Odata cu interfetele web, comunicarea intre persoane aflate la distanta s-a schimbat. Daca la inceput aceasta comunicare era mult mai putin expresiva din cauza limitarii doar la folosirea textului ca forma de exprimare, in ultima vreme acest lucru s-a schimbat.

Voi prezenta in seria de articole cateva imagini care, folosite pe forumuri, adauga multa expresivitate (si amuzament) comunicarii.

Incepem cu "Get me out of this thread", replica perfecta pentru situatiile in care ceea ce ati vazut in threadul respectiv v-a provocat greturi si alte neplaceri.

Sper ca nu sunt prea multi din cititorii blogului asta care sa fuga asa.

Rezultate sondaj pozitie blog in Google

S-a terminat perioada de votare pentru ultimul sondaj de pe blogul nostru. A fost sondajul cu cea mai mica participare de pana acum- parca s-ar fi saturat romanii de votat :P . La modul serios, se pare ca sondajele care nu includ o doza serioasa de amuzament nu prea au succes in randul cititorilor.

Partea buna este ca din cele 13 voturi majoritatea sustin ca pozitia binemeritata pentru blog este printre primele rezultate, ceea ce ne bucura.

Promitem ca urmatoarele sondaje vom incerca sa le facem mai atractive.

Nu ne-a distrus. Ramane pe maine.

Ender, de la Interfete Web Simple si-a facut in sfarsit timp sa ne raspunda la provocarea lansata cu ceva timp in urma. Ritmul inimilor noastre s-a intors in sfarsit la normal, deoarece nu am fost distrusi, repet, nu am fost distrusi :p. Cred ca suntem singurii; Ender spune asa:

Cu alte cuvinte sunt chiar furios/frustrat.
Pentru ca nu am cum sa distrug site-ul asta.

Totusi, ce spune rau de noi e un pic adevarat. Suntem intr-adevar pagina cea mai mare (a se citi greu de incarcat, la 90+ de kilo) de pe prima pagina Google si siteul nu are un aspect prea "de firma".

Daca la miscorarea dimensiunii paginii mai lucram, de site nu zic nimic. Aici, noi nu stim ce sa facem... mi se pare aberant sa mintim afirmand ca suntem o firma de IT care bla bla si bla bla... cred ca aici cerintele proiectului s-ar putea modifica, nu fac decat sa invete studentii ca anonimatul dat de internet poate fi folosit ca sa spunem minciuni si sa scapam nepedepsiti. Mi se pare incorect si gasesc aceasta atitudine nenecesara. Avand in vedere ca proiectul asta imi face mare placere nu o sa ma plang prea tare ca echipele care "se dau firma" fura ceva trafic in plus pe chestia asta...

Gasiti aici articolul scris despre noi de Ender.