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

• Joci93 senior tag

  #4292

  #4291 Jim-Y

  2014-09-11 19:49:07

  Ú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

  

  Joci93

  senior tag

  #4291 Jim-Y

  #4291 Jim-Y

  Nem tudom, hogy erre gondoltál-e, de csináltam egy példát, hogy én mire: http://jsfiddle.net/aaddnh98/

  Igen, erre gondoltam. Nagyon szépen köszönöm a példát. Esetleg ennek van valami speciális elnevezése?

• Joci93 senior tag

  #4289 2014-09-11 18:44:38

  Ú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

  

  Joci93

  senior tag

  Sziasztok!

  Azt hogyan lehet megcsinálni, hogy egy előre megadott szóhoz kapcsolunk egy programozási parancsot?
  Például, ha leírom azt, hogy kék, akkor a betű színe kékre változik azonnal vagy a form elküldése után.
  Azért írtam ebbe a topikba, mert szerintem a JS felé kell keresni a megoldást.

  Köszi.

• Joci93 senior tag

  #3463

  #3462 Sk8erPeter

  2013-05-10 13:54: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

  

  Joci93

  senior tag

  #3462 Sk8erPeter

  #3462 Sk8erPeter

  Ugye, milyen színvonalas? Muszáj volt, tudtam, hogy rá fogtok kattintani.

  Ilyet bedobok a vizsgamunkámba...nem tudom, hogy mit szólna hozzá a tanár.

• Joci93 senior tag

  #3461

  #3460 Sk8erPeter

  2013-05-10 13:47:51

  Ú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

  

  Joci93

  senior tag

  #3460 Sk8erPeter

  #3460 Sk8erPeter

  dzone-on volt fent ez a rendkívül hasznos script, hátha valakinek szüksége lesz hasonlóra egy projekt során:

  http://theonion.github.io/fartscroll.js/

  

  Uram atyám....

• Joci93 senior tag

  #3458

  #3455 Sk8erPeter

  2013-05-09 14:18:46

  Ú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

  

  Joci93

  senior tag

  #3455 Sk8erPeter

  #3455 Sk8erPeter

  Egyszerűen nem értem a tanítási koncepciót (hogy mit? Sokszor ilyen tanároknál nem biztos, hogy van olyan...). Számológép készítését erőltetik rátok, visszaszámlálós órát készíttetnek, "bejelentkezős" formot csináltatnak JavaScripttel (!!), aztán pedig WEBSHOPOT akar veletek készíttetni a tanár, CSAK JavaScript-alapokon - de mindeközben nem tanítja meg, hogyan lehet validálni normálisan egy űrlapot, hogyan lehet átszínezni oldalon lévő elemeket, stílust változtatni, meg egy csomó gyakorlatias feladatot fel lehetne sorolni, ami biztos, hogy előkerül egy honlapkészítés során. De egy visszaszámlálós óra, számológép? Ki a francot érdekel? Előkerülhet egy bizonyos projekt során ilyesmi, de a leggyakrabban előforduló feladatokat kellene először begyakoroltatni, megmutatni ilyeneket, mint a fejlesztőpanel használata, stb., nem pedig a diákokon kiélni a gyökér kreativitását. Tényleg elkeserítő a helyzet a webfejlesztés "tanítása" során...

  Átszínezős scriptet is csináltunk. 3 gomb, 3 különböző színnel. Ha az egyikre kattintunk, akkor a honlap hátterét átszínezi a beprogramozott színre.

  Mégegyszer köszi a segítséget, egyre jobban haladok a webshoppal.

• Joci93 senior tag

  #3451

  #3448 Sk8erPeter

  2013-05-08 21:05:38

  Ú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

  

  Joci93

  senior tag

  #3448 Sk8erPeter

  #3448 Sk8erPeter

  Ja hogy Te a forráskódból szedted, sorry, azt nem néztem , csak azt néztem, ami magában a szövegben van, példaként bemutatva:

  function createCookie(name,value,days) {
  if (days) {
  var date = new Date();
  date.setTime(date.getTime()+(days*24*60*60*1000));
  var expires = "; expires="+date.toGMTString();
  }
  else var expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
  }
  
  function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
  var c = ca[i];
  while (c.charAt(0)==' ') c = c.substring(1,c.length);
  if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
  }
  
  function eraseCookie(name) {
  createCookie(name,"",-1);
  }

  Na, de ha azt akarod használni, ami ott szerepel, akkor nézd tovább a forráskódot, láthatod, hogy ez a JavaScript-fájl is include-olva van:
  http://www.quirksmode.org/quirksmode.js

  itt pedig szerepel a Cookie objektum:

  /* COOKIES */
  
  var Cookies = {
  init: function () {
  var allCookies = document.cookie.split('; ');
  for (var i=0;i<allCookies.length;i++) {
  var cookiePair = allCookies[i].split('=');
  this[cookiePair[0]] = cookiePair[1];
  }
  },
  create: function (name,value,days) {
  if (days) {
  var date = new Date();
  date.setTime(date.getTime()+(days*24*60*60*1000));
  var expires = "; expires="+date.toGMTString();
  }
  else var expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
  this[name] = value;
  },
  erase: function (name) {
  this.create(name,'',-1);
  this[name] = undefined;
  }
  };
  Cookies.init();

  ha ezt is beteszed a kódba, már működni fog.

  Felraktam neked a kódot, ami amúgy nem valami szép:

  http://jsfiddle.net/RH7yA/

  ===
  Az tényleg durva, hogy tanítanak nektek JavaScriptet, de nem mutatják meg a fejlesztőpanelek használatát...

  Illetve még egy kérdés:
  Egy cookie-ban lehet több értéket tárolni?

• Joci93 senior tag

  #3449

  #3448 Sk8erPeter

  2013-05-08 19:59:28

  Ú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

  

  Joci93

  senior tag

  #3448 Sk8erPeter

  #3448 Sk8erPeter

  Ja hogy Te a forráskódból szedted, sorry, azt nem néztem , csak azt néztem, ami magában a szövegben van, példaként bemutatva:

  function createCookie(name,value,days) {
  if (days) {
  var date = new Date();
  date.setTime(date.getTime()+(days*24*60*60*1000));
  var expires = "; expires="+date.toGMTString();
  }
  else var expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
  }
  
  function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
  var c = ca[i];
  while (c.charAt(0)==' ') c = c.substring(1,c.length);
  if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
  }
  
  function eraseCookie(name) {
  createCookie(name,"",-1);
  }

  Na, de ha azt akarod használni, ami ott szerepel, akkor nézd tovább a forráskódot, láthatod, hogy ez a JavaScript-fájl is include-olva van:
  http://www.quirksmode.org/quirksmode.js

  itt pedig szerepel a Cookie objektum:

  /* COOKIES */
  
  var Cookies = {
  init: function () {
  var allCookies = document.cookie.split('; ');
  for (var i=0;i<allCookies.length;i++) {
  var cookiePair = allCookies[i].split('=');
  this[cookiePair[0]] = cookiePair[1];
  }
  },
  create: function (name,value,days) {
  if (days) {
  var date = new Date();
  date.setTime(date.getTime()+(days*24*60*60*1000));
  var expires = "; expires="+date.toGMTString();
  }
  else var expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
  this[name] = value;
  },
  erase: function (name) {
  this.create(name,'',-1);
  this[name] = undefined;
  }
  };
  Cookies.init();

  ha ezt is beteszed a kódba, már működni fog.

  Felraktam neked a kódot, ami amúgy nem valami szép:

  http://jsfiddle.net/RH7yA/

  ===
  Az tényleg durva, hogy tanítanak nektek JavaScriptet, de nem mutatják meg a fejlesztőpanelek használatát...

  Köszi

  Volt 5 JavaScript óránk. Megtanultuk a név megjegyzést cookival, egy bejelentkező/cover oldalt létrehozását előre meghatározott jelszóval, óra visszaszámlálós baromságot csinálni, számológépet csináltunk táblázattal,
  illetve egy gyakorló óra. Erre a tanár megszólal, hogy csináljunk JavaScriptes webshoppot vizsgamunkának...

• Joci93 senior tag

  #3447

  #3446 Sk8erPeter

  2013-05-08 19:31: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

  

  Joci93

  senior tag

  #3446 Sk8erPeter

  #3446 Sk8erPeter

  Ha nyitottál volna egy konzolt, elég gyorsan kiderült volna, mi a hiba.
  Tehát első körben nyomj egy F12-t (vagy Ctrl+Shift+I), aztán kattints a Console panelre (ha FF-ot használsz, akkor ugye telepítve van a Firebug?). Aztán kezdd el kattintgatni a linkjeidet.
  Gyorsan rájöhetsz, hogy valszeg elég hiányosan másoltad ki valahonnan az amúgy is szar kódot, mert se saveIt(), se readIt(), se eraseIt() függvényed nincs definiálva...

  Linkeltem neked egy oldalt, ahonnan szedhettél volna példakódot, arra nem reagáltál.

  Onnan van kiszedve..
  Chrome-ot használok. Ez a Console-os hibakeresés egész jó. Ilyeneket miért nem mutatnak meg a suliban...

• Joci93 senior tag

  #3445 2013-05-08 19:08: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

  

  Joci93

  senior tag

  Próbálkozok még mindig a JS-es webshoppal, de még nem nagyon akar menni.
  A cookie-ba mentést/kiolvasást/törlést próbálom, de nem működik....

  Itt van a kód... én nem találtam benne hibát...

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  
  
  <html lang="en">
  <head>
  
  <script type="text/javascript">
  
  
  function saveIt(name) {
  var x = document.forms['cookieform'].cookievalue.value;
  if (!x)
  alert('Please fill in a value in the input box.');
  else {
  Cookies.create(name,x,7);
  alert('Cookie created');
  }
  }
  
  function readIt(name) {
  alert('The value of the cookie is ' + Cookies[name]);
  }
  
  function eraseIt(name) {
  Cookies.erase(name);
  alert('Cookie erased');
  }
  
  function init() {
  for (var i=1;i<3;i++) {
  var x = Cookies['ppkcookie' + i];
  if (x) alert('Cookie ppkcookie' + i + '\nthat you set on a previous visit, is still active.\nIts value is ' + x);
  }
  }
  
  </script>
  
  
  </head>
  
  <body>
  
  <form name="cookieform" action="#"><p>
  Érték <input name="cookievalue" />
  </p></form>
  
  <p><a href="javascript:saveIt('ppkcookie1')" class="page">Create cookie 1</a><br />
  <a href="javascript:readIt('ppkcookie1')" class="page">Read cookie 1</a><br />
  <a href="javascript:eraseIt('ppkcookie1')" class="page">Erase cookie 1</a>.</p>
  
  
  
  
  
  
  </body>
  </html>

• Joci93 senior tag

  #3440

  #3439 sztanozs

  2013-05-07 11:41:10

  Ú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

  

  Joci93

  senior tag

  #3439 sztanozs

  #3439 sztanozs

  Simán meg lehet csinálni, és pont ahogy írtad - az alap weboldal tartalmazza az alapadatokat (és a placeholder elemeket a dinamikus tartalomnak). Cookie-ba (vagy HTML 5 local storage-ba) elmented, hogy az adott illető miből mennyit vásárolt. Az oldalmegjelenítésnél pedig nem szerveroldalon generálod le a dinamikus részeket, hanem kliensoldalon (a cookie-ban tárolt infó alapján).

  Köszi, próbálkozom vele.

• Joci93 senior tag

  #3437

  #3436 Vision

  2013-05-07 09:04:39

  Ú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

  

  Joci93

  senior tag

  #3436 Vision

  #3436 Vision

  Nem vágom, hogy miért jó az neked, ha a saját gépedre cookie-ban lementi a megvett dolgokat, de ha ez a cél, akkor lehet. Persze az egész kérdés nehezen képzelhető el valamilyen szerveroldali nyelv alkalmazása nélkül.

  Feladat a suliba, hogy JavaScriptel csináljunk WebShoppot, ami menti a megvett dolgokat, illetve az árukat összegzi. HTML+CSS lehet mellé használni, de PHP-t nem.
  A megvalósítását elég esélytelennek látom.

• Joci93 senior tag

  #3435 2013-05-07 08:50:50

  Ú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

  

  Joci93

  senior tag

  Sziasztok!

  JavaScriptben lehet webshoppot csinálni? (Gondolom Cookie-ba mentenné a "megvett dolgokat.)
  Kamu oldal lenne, a suliba.
  Találtam néhány régebbi bejegyzést, ami használhatónak tűnik.
  [link]
  [link]
  [link]

  Illetve nem tudom, hogy hogyan menti le a dolgokat, ha átmész egy másik oldalra...

  Köszi a segítséget.

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