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

• kemkriszt98 tag

  #4283

  #4282 Jim-Y

  2014-08-27 15:34:15

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4282 Jim-Y

  #4282 Jim-Y

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

  Biztos lehet jobban is.

  

• kemkriszt98 tag

  #4281

  #4280 DS39

  2014-08-27 14:14:11

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4280 DS39

  #4280 DS39

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

  Nem.. ez a megoldás sehogy se működik... de ha csak egy sáv van akkor 3 sorból meg lehet írni egy olyan változatot ami működik

  $('div.expo').click(function(){
  $('div.panel').slideToggle();
  });

• kemkriszt98 tag

  #4279

  #4278 Jim-Y

  2014-08-27 12:56:27

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4278 Jim-Y

  #4278 Jim-Y

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

  Ez poén... bemásoltam mindent, megnyomom h share kimásolom a linket erre nincs Javascript ... mind1 ez elvileg jó...

• kemkriszt98 tag

  #4277 2014-08-27 12:18:36

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  Sziasztok, ha megnézitek ezt az oldalt láthattok pár "barna" sávot... Ha a felhasználó rákattint az egyikre akkor az alatta lévő div le kellene gördüljön (jQuerry slide). Ez meg is van ha csak egy sáv van... viszont ha több van már nem tudom hogyan különböztessem meg, hogy melyik div melyik sávhoz tartozik... az általam választott módszer nem jött be...

  Tudom, hogy ez a "barna" (így) bűn ronda, nyugalom a végleges oldalon képeket használok majd

• kemkriszt98 tag

  #4270

  #4269 Karma

  2014-08-16 10:11:59

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4269 Karma

  #4269 Karma

  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.

  Találtam Google-ban csak kíváncsi voltam, hogy mit ajánlotok... Kösz

• kemkriszt98 tag

  #4266

  #4262 Sk8erPeter

  2014-08-15 23:40:08

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4262 Sk8erPeter

  #4262 Sk8erPeter

  Forgassad.

  Nanananana... javíts ki ha tévedek de itt a kocka divekből áll... én viszont 3d-s modell alatt konkrétabban egy 3d-s modellt értek Tehát leülök mondjuk a blender elé és alkotok valamit...

  Megjegyzem nagyon jó vagyok már a színes téglalapok modellezésében

• kemkriszt98 tag

  #4261 2014-08-14 21:47:54

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  Sziasztok!

  Ha nem ide való a kérdés akkor bocs de a google találatok alapján js el lehet ezt a problémát megoldani...

  Szóval, van valakinek tapasztalata 3d-s modellek megjelenítésében egy oldalon? Örülnék pár személyes tapasztalatnak azzal kapcsolatban, hogy mi erre a legjobb mód.

  Szerk.: A dolog úgy lenne az igazi ha a cucc interaktív volna tehát a látogatók forgathatnák meg ilyenek

• kemkriszt98 tag

  #4250

  #4249 Jim-Y

  2014-08-09 21:15:13

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4249 Jim-Y

  #4249 Jim-Y

  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

  Köszönöm, észben tartom

• kemkriszt98 tag

  #4248

  #4247 CSorBA

  2014-08-09 18:26:54

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4247 CSorBA

  #4247 CSorBA

  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].

  Ok a "this"-re már rájöttem csak azt nem tudtam, hogy be kell állítani a jQueryt-t

• kemkriszt98 tag

  #4246 2014-08-09 18:11:33

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  Sziasztok, belevetettem magam a jQuerry-be és máris akadályba ütköztem... nem nagyon akar megmozdulni az a div...

  [link]

  Ok, módosítom a kérdésem... mi a baj a "this"-el... mert, hogy anélkül megy...

• kemkriszt98 tag

  #4192

  #4191 Sk8erPeter

  2014-06-04 12:48:49

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4191 Sk8erPeter

  #4191 Sk8erPeter

  Na az meg a másik.

  Ez csak egy teszt kód, amúgy nem szoktam ilyen neveket használni. .. alapból switch- el volt csak mikor láttm, hogy nem megy arra gondoltam , hog a switch működéséről nem tudok valamit ezért le cseréltem. ..

  Akkor majd átírom valahogy úgy ahogy a multkori példában is mutattátok

• kemkriszt98 tag

  #4186

  #4185 Jim-Y

  2014-06-04 10:27:45

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4185 Jim-Y

  #4185 Jim-Y

  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.

  Én is erre gondoltam de az a baj, hogy a HTML fájlban szerepel ez:

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

• kemkriszt98 tag

  #4184

  #4183 Jim-Y

  2014-06-04 10:14:11

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4183 Jim-Y

  #4183 Jim-Y

  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]

  Bocsánatot kell kérjek, azt akartam írni hogy ha valaki egy képre kattint...

  function onClick(mouseEvent){
  var largeE =document.querySelector("#e");
  var largeO =document.querySelector("#o");
  if(mouseEvent.target.id == "1"){
  largeO.src= "http://www.youtube.com/v/m53v0Bn0ynQ?hl=hu_HU&amp;version=3";
  largeE.src= "http://www.youtube.com/v/m53v0Bn0ynQ?hl=hu_HU&amp;version=3";
  }else if(mouseEvent.target.id == "2"){
  largeO.src= "http://www.youtube.com/v/hzLVr2NzC-A?hl=hu_HU&amp;version=3";
  largeE.src= "http://www.youtube.com/v/hzLVr2NzC-A?hl=hu_HU&amp;version=3";
  }
  }

• kemkriszt98 tag

  #4182 2014-06-04 10:05:34

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  Sziasztok, arra volna szükségem, hogy ha valaki egy gombra kattint akkor megnézzem az ID-t és annak alapján történjenek különböző dolgok... a probléma csak annyi, hogy valamiért az if-be nem jutok be... Így próbáltam:

  if(mouseEvent.target.id == "1")...

• kemkriszt98 tag

  #4163

  #4162 Sk8erPeter

  2014-05-23 18:49:01

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4162 Sk8erPeter

  #4162 Sk8erPeter

  FYI: a Javának nem sok köze van a JavaScripthez, így a topicba sem való. Lásd az összefoglaló első mondatát (nem véletlenül került oda), azt a részt, ami zárójelbe van téve

  (#4159) kemkriszt98 :
  Természetesen Jim-Y úgy értette, hogy <script src="change.js"><script> formában tedd a </body> zárótag elé (és ne üres attribútummal, ha ez nem lenne tiszta). Meg amit most írt.

  Érthető volt és amikor azt mondtam, hogy a body végére azt úgy értettem, hogy a záró tag elé Mea culpa.

  (#4161) Jim-Y: Működik Az a helyzet, hogy eleinte kézzel írtam be s mikor láttam, hogy nem megy jött a CTRl + C, CTRL+V és véletlenül úgy maradt. Egyébkén az miért van hogy ha így nyitom meg: localhost/img/base.html akkor nem megy de ha ip címmel akkor működik ?

• kemkriszt98 tag

  #4159

  #4157 Jim-Y

  2014-05-23 18:21:48

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4157 Jim-Y

  #4157 Jim-Y

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

  Így se működik...

• kemkriszt98 tag

  #4156 2014-05-23 17:55:45

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  Na, létrehoztam egy change.js nevű fájlt ezzel a tartalommal:

  var smallImgs = document.querySelectorAll('.small'),
  large = document.querySelector('#large');
  
  for(var i=0;i<smallImgs.length;i++){
  smallImgs[i].addEventListener('mouseover',changeImg);
  }
  
  function changeImg(mouseEvent){
  var source = mouseEvent.target,
  sourceUrl = source.src;
  changeImageSrc(largeImage, sourceUrl);
  }
  
  function changeImageSrc(target,url){
  target.src = url;
  }

  és utána ezt a sort a body elem végére (ha az elejére helyezem nem tölt be az oldal):

  <script src="change.js"/>

  viszont nem nagyon akar működni..

• kemkriszt98 tag

  #4154

  #4153 Jim-Y

  2014-05-23 16:50:14

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4153 Jim-Y

  #4153 Jim-Y

  Ez sajnos nem ugyanaz, mintha a body elé tetted volna, mivel nem használtam sem jquery ready()-t, sem body.onload-ot, így a js előbb töltődik be, mitnhogy a DOM-ot felparszolta volna a böngésző. Az én verziómban a külső javascript fájlt, vagy a <script></script> tageket a </body> elé kell rakni.

  kemkriszt98: szerintem a könyv előtt/vagy mellett lesd meg a topik összefoglalóját. Sok hasznos infót fogsz benne találni, arra vonatkozóan is, hogy egy kezdőnek mivel érdemes kezdenie. üdv

  Értem, köszönöm

• kemkriszt98 tag

  #4151

  #4150 Jim-Y

  2014-05-23 16:10:25

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4150 Jim-Y

  #4150 Jim-Y

  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.

  Hát már ezt is tudom Egyébként még nem nagyon merültem el a Js-es könyvben, ezt a kódot is a 24 órás HTML-es könyv alapján dobtam össze Most már csak az nem világos a példával kapcsolatban, hogy honnan tudja a böngésző, hogy neki azt a kódot kell futtatni? Sehol nem látok erre utalást a HTML kódban. Vagy ez, hogy működik?

• kemkriszt98 tag

  #4149

  #4147 martonx

  2014-05-23 15:06:26

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4147 martonx

  #4147 martonx

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

  Nem mert nem külön fájlban van, de itt a kód

• kemkriszt98 tag

  #4146

  #4145 fordfairlane

  2014-05-23 11:37:36

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  #4145 fordfairlane

  #4145 fordfairlane

  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.

  Nem mert kicsibe megjelennek, csak mintha a js nem menne de mivel több gépen is kipróbáltam így nem tudom mi lehet de akkor haggyuk, 2 óra múlva jövök a kóddal .

• kemkriszt98 tag

  #4143 2014-05-23 09:22:24

  Új Válasz

  Ú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

  

  kemkriszt98

  tag

  Sziasztok, van egy weboldalam ahol van 4 képem (3 kicsi 1 nagy) némi js segítségével megoldottam, hogy mindíg az a kép jelenjen meg nagyba amire ráviszem az egeret ( onmouseover-el). Az én gépemen megy is de ha átmásolom más gépre vagy otthoni szerverre akkor másnak nem. Ha haza megyek kódot is de addig is nincs valami ötletetek?

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