Új hozzászólás Aktív témák

• #4282 Jim-Y veterán kemkriszt98 #4281

  Új Válasz 2014-08-27 15:31:56 #4282

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz kemkriszt98 #4281 üzenetére

  http://jsfiddle.net/jkx6jcvL/1/

  Biztos lehet jobban is.

• #4280 DS39 nagyúr kemkriszt98 #4279

  Új Válasz 2014-08-27 13:56:59 #4280

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  DS39

  nagyúr

  válasz kemkriszt98 #4279 üzenetére

  nálam ez nem működik. (Firefox 24 ESR)
  akkor se ha kiszedem a második "sávot".

• #4278 Jim-Y veterán kemkriszt98 #4277

  Új Válasz 2014-08-27 12:51:37 #4278

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz kemkriszt98 #4277 üzenetére

  Szerintem nem ártana működő példát feltenni Egyébként: jQuery.closest()

• #4269 Karma félisten kemkriszt98 #4266

  Új Válasz 2014-08-16 06:46:45 #4269

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Karma

  félisten

  válasz kemkriszt98 #4266 üzenetére

  Nananananananana Batman!

  Csak a megfelelő kulcsszavakra kell keresned Google-ben, és láthatod, hogy elég népszerű a Blender és a Three.js library összekötése, amivel pont azt össze tudod hozni WebGL alapon, amit szeretnél. Például itt van egy tutorial.

• #4268 Sk8erPeter nagyúr kemkriszt98 #4266

  Új Válasz 2014-08-16 00:09:02 #4268

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz kemkriszt98 #4266 üzenetére

  "Nanananana..." Nem lehet, hogy egy kissé topicot tévesztettél?

• #4267 martonx veterán kemkriszt98 #4266

  Új Válasz 2014-08-15 23:47:59 #4267

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz kemkriszt98 #4266 üzenetére

  Akkor tegyél be unity-t a web oldaladba. Az kimondottan pont erre való.

• #4262 Sk8erPeter nagyúr kemkriszt98 #4261

  Új Válasz 2014-08-14 23:47:58 #4262

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz kemkriszt98 #4261 üzenetére

  Forgassad.

• #4249 Jim-Y veterán kemkriszt98 #4248

  Új Válasz 2014-08-09 20:40:45 #4249

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz kemkriszt98 #4248 üzenetére

  Szia. Én nem értek túlságosan a jQuery-hez, de még a tanulásod elején megemlíteném, hogy érdemes 1-2 good-practice-t betartani.

  Az egyik ilyen, hogy kerüljük a this használatát. Amikor csak lehet használjunk mást. A példádban is lehetett volna mást használni, és ennek nem csak az az előnye, hogy olvashatóbb, és érthetőbb lesz a kód, vannak olyan helyzetek, amikor rossz működésre vezet a this használata.

  Demo (rossz eset, amikor a példád hibázna, nem várt eredményre jutna):

  http://jsfiddle.net/Jim_Y/tsucL8je/18/

  Mi történt?

  - két divet ágyaztunk egymásba. jQuery-vel egy eseménykezelőt állítunk a div-re, és azt várnánk, hogy amelyik kockára kattintunk, az majd 100px-el lejjebb kerül. Nem ez történik!
  - ad1: propagation, a selector nem egy, hanem 2 elemet is "matchel", először azon fut le az eseménykezelő amire ténylegesen kattintottál, tehát a .inner, majd propagál és a .outer div-en is le fog futni az eseménykezelő.
  - ad2: a this mindig az aktuálisan "propagált" elemre mutat. Tehát az első loop-ban a this a .inner, majd a következőben a this a .outer

  Emiatt mindkét div lejjebb fog kerülni, talán 100px-nél nem is olyan feltűnő, de egy kattintásra az a div amin eredetileg kattintottunk (.inner) összesen 200px-el csúszott lejjebb.

  Megoldás vol1:

  Cseréljük le a this-t, ahogy eredetileg is javasoltam event.target-re.

  http://jsfiddle.net/Jim_Y/tsucL8je/19/

  Mi történt?

  - még mindig furcsán működik, még mindig nem azt tapasztaljuk amit szerettünk volna, most egy kattintásra a .inner kocka 2x100px-el lejjebb került.

  Ez azért van, mert az event.target minden loopban ugyanaz, arra mutat amelyik elemre kattintottunk az egérrel. (megjegyzés: az event.currentTarget minden esetben === this)

  Első ciklusban event.target -et eltoltuk 100px-el, majd jön a második ciklus (propagation ugyebár, vagy bubbling effect, ki hogy ismeri) ahol ugyancsak event-targetet toltuk el 100px-el.

  Megoldás vol2:

  http://jsfiddle.net/Jim_Y/tsucL8je/20/

  Mi történt?

  - itt már szinte az történik amire számítottunk, amire kattintunk az 100px-el lejjebb kerül és nincs propagation. Persze ha a .outer div-re kattintunk akkor az inner is lejjebb kerül, ez annak a következménye, hogy az inner az outeren belül van foglalva. Ezen nem tudunk segíteni, csak ha máshogy írjuk meg a html-t.

  Összefoglalva:

  * event.target statikus, mindig arra mutat amire ténylegesen kattintottunk (vagy általánosabban fogalmazva, amelyik node-on az esemény létrejött)
  * this az változik, illetve sok esetben nem lehet megmondani, hogy most éppen mire is mutat a this, jobb ezt elkerülni.
  * event propagation. Ezt is figyelembe kell venni bizonyos esetekben.

  Üdv

• #4247 CSorBA őstag kemkriszt98 #4246

  Új Válasz 2014-08-09 18:20:41 #4247

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  CSorBA

  őstag

  válasz kemkriszt98 #4246 üzenetére

  1, Kell hozzá jquery (Bal oldalt be kell tölteni a Framework & Extensions résznél).
  2, A this az this nem pedig "this" [link].

• #4190 fordfairlane veterán kemkriszt98 #4186

  Új Válasz 2014-06-04 12:09:34 #4190

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  fordfairlane

  veterán

  válasz kemkriszt98 #4186 üzenetére

  Ha html attribútumban kezeled az eventet, ( onclick="onClick()" ) akkor a függvény nem kap Event objektumot.

  <img id="1" class="small" alt="Small img" src="imgs/1.jpg">
  
  <script>
  function onClick(Event) {
  ...
  }
  
  document.getElementById("1").addEventListener("click", onClick);
  </script>

• #4189 Sk8erPeter nagyúr kemkriszt98 #4184

  Új Válasz 2014-06-04 11:09:54 #4189

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz kemkriszt98 #4184 üzenetére

  Jim-Y már adott jótanácsokat, ezenfelül még annyi, hogy ilyen "csak-te-tudod-mi-az"-nevű elemeket ne használj, kerüld az ilyen nem túl beszédes "e", meg "o" id-ket, ahogy kerüld az "1", "2" nevű id-ket is, rossz, nem átlátható, más által nem megérthető a kód. A hosszú if-else-eket is érdemes kerülni, használj switch-case-t.

  Tényleg rakj fel egy egyszerű példakódot, és akkor gyorsabb lesz a segítségnyújtás.

• #4187 Jim-Y veterán kemkriszt98 #4186

  Új Válasz 2014-06-04 10:45:56 #4187

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz kemkriszt98 #4186 üzenetére

  Legyszi oszd meg a teljes kododat, mert elkepzelheto, hogy te a javascript kodot a body vegen adtad hozza, es az onClick nem letezik meg akkor, mikor rakotod az onclick esemenyre.

  Masik hiba, hogy ha igy hivsz meg egy metodust, akkor nincs hidden event metodus, azt az addEventListener teszi hozza a hatterben.

  Harmadik hiba, hogy nehezen modosithatova teszed a kodot azzal, hogy az esemenyt a html-ben definialod es nem a js-ben, ahogy azt kene, illetve ahogy erre mar kaptal peldakodot is tolem, es Sk8erPeter-tol is.

  Peldaul csereld ki a kododban:

  <img id="1" class="small" alt="Small img" src="imgs/1.jpg" onclick="onClick(this.id)"></img>
  
  function onClick(id) {
  console.log(id);
  }

  Es egybol meglesz az id.. de ha ezt ugy csinalnad, ahogy kene (nem biztos, hogy ez lenne a legjobb modszer, de a jelenlegidnel jobb):

  http://jsfiddle.net/K6ph2/

  Gondolj bele, ez mar csak azert is jobb, mert ha onclick eseten tobbe mar nem az onClick()-et akarod futtatni, akkor nem kell annyi helyen belenyulni a html kodba, ahany keped van

  <img id="1" class="small" alt="Small img" src="imgs/1.jpg" onclick="onClick(this.id)"></img>
  <img id="2" class="small" alt="Small img" src="imgs/1.jpg" onclick="onClick(this.id)"></img>
  <img id="3" class="small" alt="Small img" src="imgs/1.jpg" onclick="onClick(this.id)"></img>
  <img id="N" class="small" alt="Small img" src="imgs/1.jpg" onclick="onClick(this.id)"></img>

  Itt most N-szer kene atirni, mig az en verziomban egy helyen atirod a kodot, es kesz.

  Nem veletlenul best-practise az, hogy HTML-be NEM irunk javascriptet, ha ez megoldato, es JS-be NEM irunk CSS-t ha ez megoldhato.

• #4185 Jim-Y veterán kemkriszt98 #4184

  Új Válasz 2014-06-04 10:22:09 #4185

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz kemkriszt98 #4184 üzenetére

  Tippre azert, mert vagy rossz az ev.target nem az amire gondolnal, vagy mert az ev.target-nek nincs id-je, vagy az nem 1.

• #4183 Jim-Y veterán kemkriszt98 #4182

  Új Válasz 2014-06-04 10:12:08 #4183

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz kemkriszt98 #4182 üzenetére

  Szia. En eleg nagy eselyt latok ra, hogy inkabb a feladatot kene mashogy megoldanod, mert szerintem rosszul kozelited meg a problemat.

  A gombokra kulon listenert szokas aggatni, igy nem szokas az id-t igy lekerni. De ha megosztod a kodod tobbi reszet is, peldaul jsfiddle-on, akkor tobbet tudunk majd segiteni.

  Egy gombra kattintas pszeudokodja valami ilyesmi kene hogy legyen:

  myButton = leker DOM element id (vagy mas) alapjan
  myButton addClickListener mitcsinaljon
  mitcsinaljon() {}

  Arrol nem is beszelve, hogy == helyett === javasolt, mert elobbi bizonyos helyzetekben erdekes eredmenyekre tud vezetni. [link]

• #4164 Sk8erPeter nagyúr kemkriszt98 #4163

  Új Válasz 2014-05-23 19:15:35 #4164

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz kemkriszt98 #4163 üzenetére

  Lehet, hogy a %windir%\System32\drivers\etc\hosts (vagyis C:\Windows\System32\drivers\etc\hosts) fájlodban nincs megfeleltetés a localhostra:
  127.0.0.1 localhost

  (bár tudtommal defaultból szokott lenni)

• #4161 Jim-Y veterán kemkriszt98 #4159

  Új Válasz 2014-05-23 18:37:06 #4161

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz kemkriszt98 #4159 üzenetére

  changeImageSrc(largeImage, sourceUrl); hellyett

  changeImageSrc(large, sourceUrl);

• #4157 Jim-Y veterán kemkriszt98 #4156

  Új Válasz 2014-05-23 18:11:29 #4157

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz kemkriszt98 #4156 üzenetére

  Mert a script elemet nem lehet igy irni.
  Ird igy <script src=""></script>

• #4152 Sk8erPeter nagyúr kemkriszt98 #4151

  Új Válasz 2014-05-23 16:25:35 #4152

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz kemkriszt98 #4151 üzenetére

  A jsbin.com és a jsFiddle.net is úgy működik, hogy injektálja a kódot az éppen megjelenített oldalba, csak külön-külön paneleket biztosít, hogy szépen szétválasztva tudd szerkeszteni a különböző nyelvekhez (CSS, JavaScript, HTML) tartozó kódokat, pont úgy, ahogy "élesben" is illik, csak élesben annyival egészül ki a dolog, hogy ezekre a fájlokra a hivatkozásokat is beleszúrod az oldaladba.

  Ez ekvivalens Jim-Y korábbi megoldásával: http://jsbin.com/tusunami/2/edit
  és persze a <script> taget akár a </body> zárótag elé is lehetett volna rakni, ha úgy jobban esik.
  (A kódot nincs időm átvariálni saját koncepcióra.)

• #4150 Jim-Y veterán kemkriszt98 #4149

  Új Válasz 2014-05-23 15:29:58 #4150

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz kemkriszt98 #4149 üzenetére

  Hú-ha, hogy te ezért mit fogsz itt kapni Nem írunk így javascript kódot!

  Itt van egy alap cucc kiindulásnak, hogy hogyan kellett volna inkább:
  http://jsbin.com/tusunami/1/edit?html,js,output

  Nincs időm utánajárni, de biztos van jobb megoldás mint a képek url-jét cserélgetni.

• #4147 martonx veterán kemkriszt98 #4146

  Új Válasz 2014-05-23 12:08:34 #4147

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  martonx

  veterán

  válasz kemkriszt98 #4146 üzenetére

  A js elérési útja van rosszul megadva?

• #4145 fordfairlane veterán kemkriszt98 #4143

  Új Válasz 2014-05-23 11:13:35 #4145

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  fordfairlane

  veterán

  válasz kemkriszt98 #4143 üzenetére

  A képek elérési útja nem jól van megadva, mert mondjuk abszolut URL-ek vannak benne, a meghajtó betűjele, ami másik gépen már nem működik. Esetleg a képeket nem másoltad fel.

• #4144 Sk8erPeter nagyúr kemkriszt98 #4143

  Új Válasz 2014-05-23 10:56:28 #4144

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz kemkriszt98 #4143 üzenetére

  Kód nélkül tök felesleges elkezdeni tippelgetni.

Új hozzászólás Aktív témák