Jaja, ez jó workaround, igazából annyi a trükk, hogy setIntervallal 25 milliszekundumonként rajzoltatja újra a képet, és 5 egységgel mozgatja a négyzetet ide-oda a kurzorgombok lenyomására.
De figyelj azokra a dolgokra, amiket martonx említett.

(#3500) martonx :
jaja, ez tényleg gáz, sajnos sokszor a fejlesztők nem figyelnek oda a felesleges overheadre, ami így kicsiben lehet, hogy nem érzékelhető, de eleve igénytelenül programozni elég gáz.
Meg a cikk mondanivalója nem kicsit félrevezető ezzel az "Until I realized I could just use jQuery." mondattal, amikor ezek a dolgok jQuery nélkül is különösebb macera nélkül megoldhatóak, legalábbis nem itt jön ki a jQuery előnye, az is biztos. Igazából mi az, ami itt rövidíti a kódot? Legfeljebb az eseménykezelés rövidebb egy picit, meg nem írt document.getElementById('canvas')-t, ami valóban hosszabb, mint a $('#canvas'), de nagyjából itt meg is áll a dolog... a többi ergo pontosan ugyanannyiból összehozható plain JS segítségével.

De hogy ne csak a szám járjon, itt van az egész plain JS-ben, különösebb erőlködés és jQuery nélkül:

http://jsfiddle.net/Sk8erPeter/b5sxk/

Kipróbáltam, működik Chrome-ban, Firefoxban, Operában.

Sk8erPeter

Erről beszéltem. Egyébként ha már karakter baszók akarunk lenni (mondjuk egy 1000 soros plain js-nél már számíthat méretben), érdemes var w = window illetve var d = document konvenciókat használni, és utána már csak d.getelement.byId, meg w.addeventlistener-eket használni.
Vagy eleve belerakod egy anonim önmeghívó funkcióba, így a js namespace probléma is pipa:

(function(d,w){
//Itt jön a kódod
d.getelementbyid...
w.addevenetlistener...
})(document,window)

HOPPÁ!

Jaja, nem rossz ötlet!

Sk8erPeter

Nesze:
http://jsfiddle.net/Sk8erPeter/b5sxk/1/

Mondjuk ez a spórolás csak fejlesztés közben érdekes, nem betöltéskor.

Félreértések elkerülése érdekében nem fél órát tököltem vele, csak közben kétmillió topicot megnéztem, meg hatmillió e-mailt, aztán eszembe jutott, hogy miért is ne.

[ Szerkesztve ]

Sk8erPeter

Betöltéskor is simán lehet egy ilyen trükkel jópár %-kot faragni a kódod méretéből. Nézd meg a jquery-sek mit össze nem kínlódnak pár Kb-nyi csökkentésért. Plusz a namespace-be szervezés, amúgy is hasznos dolog, összetettebb javascript-es oldalnál.
Besimerem amúgy, hogy ez erősen szőrszál hasogatás persze, de ha már js topik, meg helyes módszertanok.

HOPPÁ!

"Plusz a namespace-be szervezés, amúgy is hasznos dolog, összetettebb javascript-es oldalnál."
Persze, ez alap. Ez akkor is jól jön, ha valaki valamilyen oknál fogva több library-t is szeretne használni, ami ugyanazt a változónevet használja - lásd például jQuery és MooTools egy oldalon (bár ha ilyenre sor kerül, akkor a fejlesztőkkel van a gond, de kényszerhelyzetben előkerülhet), de lehetne más példát is mondani.

[ Szerkesztve ]

Sk8erPeter

Szöveget szeretnék elforgatni, kb 60 fokban, a képen látható módon:

Nos, ki mit hogy ajánlana? Nem akarok CSS3-at használni, mivel elég kompatibilisnek kellene lennie, így jquery mellett döntenék. Tud valaki valami jó rotate plugint?

LEMONS. Perfect for orangejuice.

google://jquery+rotate első találatok között ez elég szimpatikusnak tűnik. Gyakorlatilag megcsinálja helyetted azt a pár sor CSS-t, amit kézzel is megírhatnál

You made 500000 invulnerability potions !

Úgy értettem a feltett kérdésem, hogy ki mit ajánlana, azaz ki mit használ. Rákeresni én is rátudtam
Mellesleg amit ajánlottál, az képekhez van.

LEMONS. Perfect for orangejuice.

Én is belefutottam hasonlóba, ott egy táblázat fejlécében kellett volna 90-kal elforgatni a hosszú header szövegeket. Olyan sok cross-browser jellegű probléma lépett fel, hogy végül inkább szerveroldalon generáltam képekbe a szövegeket, PHP-ben, a GD könyvtárat használva.

imagestringup

[ Szerkesztve ]

Egy lehetőség, amit kliens oldalon csinálhatsz.
http://jsfiddle.net/Jim_Y/qvdHS/2/

[ Szerkesztve ]

LMDE

bár mondjuk ez meg html5, ha css3-at nem akartál használni, akkor nyílván ezt sem fogod

LMDE

Hali,

jQuery nélkül (unokaöcsém beadandója... és a felsőoktatás szidása nélkül)

Hogyan tudnám egy JS-es Ajax hívás eredményét átadni JS változóba? (Az oké, hogy mindenhol a neten a html kiírást látom, meg a jquery-st, de nekem a sima js-be kellene átadnia)
És én meg igazából sosem használtam az alap JS-t AJAX-hoz

Kód:

// Gép eredményének inicializálása
var gep = 0;


var ajaxRequest; // ajax kérő változó deklarálása
// Ajax kérő változó inicializálása a böngésző alapján
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer böngésző
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
gep = ajaxRequest.responseText;
}
}
ajaxRequest.open("GET", "gep.php", true);
ajaxRequest.send(null);

alert(gep);

Az alert utasítás, mindig 0-t ad...

A segítséget előre köszönöm

Az ajaxRequest elküldése egy aszinkron művelet (lásd az AJAX rövidítés első betűjét ), így ha közvetlenül az elindítás után alertelsz, nyilván nulla lesz.

Tedd az alertet a "gep = ajaxRequest.responseText;" sor után a callback függvénybe, és instant boldogság. Legalábbis már meglesz az esélye.

[ Szerkesztve ]

You made 500000 invulnerability potions !

Vagy legyen szinkron a kommunikáció, és akkor ki tudod menteni az eredményét egy változóba. Bár pár napja pont erről beszélgettünk, hogy hiába szebb szinkronosan kimenteni az eredményt egy változóba, nem érdemes ezt használni, mert addig blokkolja a többi folyamatot?!

ajaxRequest.open("GET", "gep.php", false);

LMDE

Igen, úgy alert boldogság!

De nem őrzi meg az értéket utána! Mintha csak ott van meg benne... abban az IF ágban él a gep változó értéke, azon kívül már nem!!! És nem tudom, hogy miért...

Jim-Y : köszi, így jó. Az nem baj, hogy most blokkolja, nem oszt nem szoroz . Az eredmény megkapása után nem is lenne szabad most ennek a proginak tovább mennie. De így kimenti.
Én egy hide-olt inputba raktam ki az adatot és onnan beolvasni, de az nem volt olyan szép.

Köszönöm szépen mindkettőtöknek

[ Szerkesztve ]

Megőrzi az, csak a kódod többi része szerintem már rég lefutott, mire a válasz megérkezik és beállítódik. Úgy kellene megírnod a programot (legegyszerűbb nem-halálfejes esetben - én legalábbis tuti megbuktatnám azt, aki a szinkron hívást használja -), hogy azokat a részeket, amik a gep jövőbeli értékét használják, egy külön függvénybe szervezed, amit a callbackből hívsz meg. Azaz kvázi félbevágod a programod futását, amíg meg nem jön a válasz.

Egyébként jQuery-ben pont ugyanezt teszed, csak van egy előre meghatározott promise forma a jövőbeli eseményekhez.

[ Szerkesztve ]

You made 500000 invulnerability potions !

Pont ugyanez a helyzet jQuerys esetben, ott is ha aszinkron használod a $.ajax-ot, akkor ha kezdeni akarsz valamit a visszakapott értékkel azt csak a success ágban teheted. Meghívhatsz egy függvényt paraméterben az eredménnyel, de mégsem olyan mintha kimentenéd későbbi használtra
Itt is pont ez a helyzet. async vs sync

Kicsit olvass vissza vagy itt, vagy a jquerys topicban, a napokban volt erről szó.

LMDE

Komolyan ajánlom, hogy felejts el Ie9 alatt minden böngészőt, és csináld CSS-el. Ha már arra vagy kíváncsi, hog ki mit ajánl
Amúgy meg hajrá Szeged

HOPPÁ!

"unokaöcsém beadandója... és a felsőoktatás szidása nélkül" - hol itt a probléma a felsőoktatással? Évek óta mióta programozás topikokat olvasom, ez az első értelmes házi feladat.

HOPPÁ!

Igen, arra hajlok, megcsinálom css-el. IE alatt gondoltam függőleges lesz, de még az a nyamvadt filter sem működik normálisan, vagy csak a kompatibilitási módban nem. Valami fallbacket fogok kitalálni, vagy lebeszélem őket erről, ugyanis elég rondán tud renderelni dőlt szöveget a firefox, meg a chrome is. IE9 és IE10 viszont gyönyörűen

LEMONS. Perfect for orangejuice.

Igen, és deprecated, ahogy volt már róla szó a topicban. Lásd jQuery hivatalos oldala.
Nem jó, nagyon nem az. Ne fagyasszuk be a júzer GUI-ját azért, mert nem jöttünk rá a jó megoldásra.

(#3522) martonx :
én is így látom. Egy "kicsit" értelmesebb, mint a múltkori "valósítsunk meg komplett webshopot CSAK JavaScript-alapokon"-feladat... így legalább a diákok talán elkezdik érteni, mit jelent az, hogy aszinkron kommunikáció.

(#3519) Lacces :
nem volt egy túl nagy vitatéma, a lényeg, hogy senki ne AJAX-ozzon úgy, hogy szinkron kommunikációt erőltet. Mert az rossz.

Sk8erPeter

Sziasztok!

ASP.NET-ben fejlesztek egy vertikális menüt, aminek az elemeit egy xml-ből szedem. Amikor megvan a fám, hogy melyik menü alatt milyen almenü helyezkedik el, akkor egy netről lesett javascript a kellő helyekre span-eket pakol be, hogy lenyitható legyen az adott menüpont. A problémám az lenne, hogy a linkem előtt látható spanre kattintva szépen le is nyílik a kellő rész, viszont nekem az kellene, hogy magára a linkre kattintva nyíljon le ami alatta van.

Tudom, hogy egy kicsit kusza, de most szaladtam bele először ilyenbe.

A javascript, amit felleltem:

this.sitemapstyler = function(){
var sitemap = document.getElementById("sitemap")
if(sitemap){

this.listItem = function(li){
if(li.getElementsByTagName("ul").length > 0){
var ul = li.getElementsByTagName("ul")[0];
ul.style.display = "none";
var span = document.createElement("span");
span.className = "collapsed";
span.onclick = function(){
ul.style.display = (ul.style.display == "none") ? "block" : "none";
this.className = (ul.style.display == "none") ? "collapsed" : "expanded";
};
li.appendChild(span);
};
};

var items = sitemap.getElementsByTagName("li");
for(var i=0;i<items.length;i++){
listItem(items[i]);
};

};
};

window.onload = sitemapstyler;

Ha esetleg lenne valakinek valami ötlete, hogy hogyan lehetne megoldani a bajomat, azt nagyon szépen megköszönném.

Az ember előbb-utóbb minden szexhez felnő.

Rakj fel légyszi egy példát jsFiddle-re vagy JSBinre, úgy több az esély, hogy debuggoljuk.

Sk8erPeter

Itt van a JSBinre felpakolva. Ha az adott link neve elé kattintasz, akkor lenyílik az "almenü". Nekem azt kellene valahogy elérnem, hogy ha nincs URL megadva az adott linkhez, akkor nyissa le az alatta lévő childokat, ha van URL-je és child elemei is, akkor az URL-re navigáljon, ha pedig nincsenek child elemei, de URL-je igen, akkor is navigáljon oda.

Az ember előbb-utóbb minden szexhez felnő.