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

• Sk8erPeter nagyúr

  #3231

  #3230 Dave-11

  2013-02-03 16:59: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

  

  Sk8erPeter

  nagyúr

  #3230 Dave-11

  #3230 Dave-11

  Rendben, csak az lenne a gond, hogy ezt még csak így én gépeltem fel magamnak próba kedvéért, de majd úgy fog működni, hogy PHP-val egy adatbázisból íratom ki a bejegyzéseket, egy while ciklussal, és akkor hogy állítsak különböző id-t, nincs olyan megoldás, ami működik azonos id-jűekre?
  Erre gondoltam:
  <?php
  $query = "SELECT cim, tartalom FROM bejegyzesek";
  $adat = myqsl_query($query);
  while($cikk=mysql_fetch_assoc($adat)){
  echo "<div id='cikk'>";
  echo "<h1>" . $cikk["cim"] . "</h1>";
  echo $cikk["tartalom"];
  echo "<input type='text' id='hozzaszolas' />";
  echo "<button id='gomb'>Küldés!</button>";
  }
  ?>
  Ezt most csak gyorsban írtam le, de ilyesmire gondoltam. Szóval, ötlet?

  "PHP-val egy adatbázisból íratom ki a bejegyzéseket, egy while ciklussal, és akkor hogy állítsak különböző id-t"
  Te magad írtad le a kulcsszót... ciklus... pl. létezik olyan, hogy ciklusváltozó, aminek az értékét minden lépésnél növeled eggyel.

  Például:

  $i = 1; // most direkt egyről indítom
  while($cikk=mysql_fetch_assoc($adat)){
  // ....
  echo '<input type="text" class="hozzaszolas" id="hozzaszolas_' . $i . '" />';
  // ....
  $i++; //növeled
  }

  nem egy nagy misztikum, így olyan id-jeid lesznek, hogy hozzaszolas_1, hozzaszolas_2, stb...
  de én a helyedben inkább a cikknek az id-jával helyettesíteném, például így:

  echo '<input type="text" class="hozzaszolas" id="hozzaszolas_' . $cikk['id'] . '" />';

  (persze csak ha id kulcs létezik)

  hogy OFF-oljak is egy sort, ha már PHP-kód:
  az elavult és szar mysql_query-s bohóckodásról még most szokj le, és szokjál rá a PDO-ra (Tele von Zsinór kolléga gyors áttekintő cikke: http://maerlyn.eu/2011/12/03/pdo.html). Objektumorientált adatbázis-wrapper, prepared statementekkel.
  Ha ennél meggyőzőbb érv kell:
  http://prohardver.hu/tema/php_kerdesek_2/hsz_10152-10152.html
  
  

  másik:
  echo "<input type='text' id='hozzaszolas' />";
  ezt szintén felejtsd el. A macskakörmöt hagyd meg HTML-kódnak, a PHP-kódban pedig használj sima aposztrófot:
  echo '<input type="text" id="hozzaszolas" />';
  Gyorsabb is (nem kell változó-behelyettesítéssel foglalkozni aposztróf esetén).

• Sk8erPeter nagyúr

  #3227

  #3224 Dave-11

  2013-02-03 15:25: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

  

  Sk8erPeter

  nagyúr

  #3224 Dave-11

  #3224 Dave-11

  Lenne egy kis gondom. Van egy oldal, ezen belül 3 bejegyzés. Egy toggle eseményre előjön alattuk egy szöveg mező és mellette egy gomb. Ha a gombot lenyomjuk, akkor a bejegyzés szövege megváltozik a beviteli mezőben megadottra. Ez eddig jó is lenne, csak az a baj, hogy csak az első gombbal működik, a többi valamiért nem reagál. Vetnétek rá egy kukkantást?
  http://jsbin.com/uhofeh/1/edit

  Ja, az van, amit martonx írt, de nem csak a gombnál adtál azonos id-ket, hanem szinte mindenhol.

  Jópár egyszerűsítést beleraktam a kódodba, és így működik:

  http://jsbin.com/uhofeh/2/edit

• martonx veterán

  #3225

  #3224 Dave-11

  2013-02-03 14:44:43

  Ú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

  

  martonx

  veterán

  #3224 Dave-11

  #3224 Dave-11

  Lenne egy kis gondom. Van egy oldal, ezen belül 3 bejegyzés. Egy toggle eseményre előjön alattuk egy szöveg mező és mellette egy gomb. Ha a gombot lenyomjuk, akkor a bejegyzés szövege megváltozik a beviteli mezőben megadottra. Ez eddig jó is lenne, csak az a baj, hogy csak az első gombbal működik, a többi valamiért nem reagál. Vetnétek rá egy kukkantást?
  http://jsbin.com/uhofeh/1/edit

  Az úgy nem jó, hogy mindegyik gombnak gomb az id-je. Az id nem lehet azonos, vagy ha igen, akkor csak azzal történik bármi, amelyik legelőször következik a DOM-ban.

• Jim-Y veterán

  #3191

  #3190 Dave-11

  2013-01-26 18:48: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

  

  Jim-Y

  veterán

  #3190 Dave-11

  #3190 Dave-11

  Na műkszik a dolog
  Próbáltam már korábban is ezt az onChange dolgot, csak akkor nem volt jó, utána meg az volt a baj hogy nem működtek a függvények, amiket ezekhez az eseményekhez párosítottam. És az volt a gond, hogy a $(document).ready(); -n belülre írtam meg őket

  a $(document).ready() az jquery, amivel szintén egyszerűen meg lehet oldani a dolgot:

  http://jsfiddle.net/4qbAg/2/

  A működése nagyon hasonló a pure js-éhez, a JQ kód figyeli, hogy a proci element mikor változik, ha változik, akkor az ar elem. text fieldjébe beleírja a változás (change) eseményt kiváltó event egyik propertyjét, esetünkben ez a target.value ami épp az lesz, ami kell nekünk.

• Jim-Y veterán

  #3188

  #3186 Dave-11

  2013-01-26 02:31: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

  

  Jim-Y

  veterán

  #3186 Dave-11

  #3186 Dave-11

  Egy kis kamu webshopot csinálok, igazából az egész csak egy oldalból áll, jelenleg van benne egy lenyíló lista pár termékről, és e mellett egy html input mező. Az lenne a lényeg, hogyha a termék nevére kattintok a lenyíló listában, akkor az a lenyíló lista mellett egy szöveget módosít, annak megfelelően, hogy mennyi az ára (az option tag value értéke) a terméknek. Valahogy így:
  <select id="proci">
  <option value="10000" onClick="document.getElementById('ar').innerHTML = this.value;">Kétmagos proci</option>
  <option>...</option>
  <option>...</option>
  <option>...</option>
  </select>
  <p id="ar"></p> // ezt fogja a kattintás megváltoztatni
  Na ez eddig jó is, csak kicsit zavaró, hogy így kell beírnom a javascript kódot. Próbáltam, hogy csinálok neki egy külön függvényt, de valamiért nem volt jó. Pl.:
  <script language="javascript">
  function arValt(ar){
  document.getElementById('ar').innerHTML = ar;
  }
  </script>
  <select id="proci">
  <option value="10000" onClick="arValt(this.value);">Kétmagos proci</option>
  </select>
  Mi lehet a gond?

  http://jsbin.com/ukilit/1/edit
  http://jsfiddle.net/Jim_Y/4qbAg/1/

• martonx veterán

  #3187

  #3186 Dave-11

  2013-01-26 00:01:16

  Ú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

  

  martonx

  veterán

  #3186 Dave-11

  #3186 Dave-11

  Egy kis kamu webshopot csinálok, igazából az egész csak egy oldalból áll, jelenleg van benne egy lenyíló lista pár termékről, és e mellett egy html input mező. Az lenne a lényeg, hogyha a termék nevére kattintok a lenyíló listában, akkor az a lenyíló lista mellett egy szöveget módosít, annak megfelelően, hogy mennyi az ára (az option tag value értéke) a terméknek. Valahogy így:
  <select id="proci">
  <option value="10000" onClick="document.getElementById('ar').innerHTML = this.value;">Kétmagos proci</option>
  <option>...</option>
  <option>...</option>
  <option>...</option>
  </select>
  <p id="ar"></p> // ezt fogja a kattintás megváltoztatni
  Na ez eddig jó is, csak kicsit zavaró, hogy így kell beírnom a javascript kódot. Próbáltam, hogy csinálok neki egy külön függvényt, de valamiért nem volt jó. Pl.:
  <script language="javascript">
  function arValt(ar){
  document.getElementById('ar').innerHTML = ar;
  }
  </script>
  <select id="proci">
  <option value="10000" onClick="arValt(this.value);">Kétmagos proci</option>
  </select>
  Mi lehet a gond?

  Egyrészt jsfiddle a barátod. Másrészt nem az option-nek kellene onclick eseményt adni, hanem a select-nek onchange-t.

• Sk8erPeter nagyúr

  #3185

  #3184 Dave-11

  2013-01-24 22:06:47

  Ú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

  

  Sk8erPeter

  nagyúr

  #3184 Dave-11

  #3184 Dave-11

  Kár, de hatásos kis plugin

  Szerintem nem kár, hát pont ezt írtam korábban, hogy a randomizálás nem sok kép esetén hülyeség, mert akkor könnyen előfordulhat az, hogy egymás után ugyanazok a képek jelennek meg fadeTo-val.

  Viszont tudja a randomizálást is:
  http://jquery.malsup.com/cycle/begin.html

  4 - Choose Other Options
  ...
  $('#s6').cycle({
  fx: 'scrollDown',
  random: 1
  });

  

• Sk8erPeter nagyúr

  #3183

  #3182 Dave-11

  2013-01-24 20:31: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

  

  Sk8erPeter

  nagyúr

  #3182 Dave-11

  #3182 Dave-11

  Hú ez szuper, és akkor ez teljesen random csinálja a dolgot úgy hogy lehetőleg ne váltson arra a képre, ami éppen van
  Meg van egy csomó effekt lehetőség

  "és akkor ez teljesen random csinálja a dolgot"
  Nem, szabályosan, sorrendben csinálja

• Sk8erPeter nagyúr

  #3181

  #3180 Dave-11

  2013-01-24 19:59: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

  

  Sk8erPeter

  nagyúr

  #3180 Dave-11

  #3180 Dave-11

  Na hát végül is sikerült megoldanom, vetnétek rá egy pillantást, meg esetleg mondanátok egy véleményt a kódról, hogy mennyire jó? Igazából kezdő javascript/jquery tanonc vagyok

  http://jsfiddle.net/q4RUB/1/

  Első jsfiddle dokumentumomt!!

  Nem rossz, de ezzel a randommal az a baj, hogy kevés elemnél nyilván könnyen előfordulhat, hogy ugyanaz a kép többször előfordul egymás után.
  Amúgy a jsFiddle-re felrakott kódnál nincs szükség a html, head részre.

  jQuery Cycle pluginnel, mint könnyen konfigurálható alternatíva (ehhez az "Add Resources"-nél beraktam a plugin JS-fájlját:

  http://jsfiddle.net/q4RUB/2/

• Karma félisten

  #3175

  #3174 Dave-11

  2013-01-23 20: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

  

  Karma

  félisten

  #3174 Dave-11

  #3174 Dave-11

  Óh :/
  Akkor azt hogyan tudnám megoldani, hogy a háttér 5 másodpercenként váltakozzon?

  setInterval?

  Fade effektet csak két kép egyszerre megjelenítésével tudsz csinálni amúgy, ha az opacity-t változtatod. Korábban én is írtam ide ilyen jsFiddle-t.

• Jim-Y veterán

  #3173

  #3172 Dave-11

  2013-01-23 20:25:30

  Ú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

  

  Jim-Y

  veterán

  #3172 Dave-11

  #3172 Dave-11

  Van az alábbi jQuery kódom, amivel azt szeretném elérni, hogy egy header osztályba tartozó div-nek megváltoztassa a háttér képét az animate() eseménnyel, de valamiért nem működik. Vetnétek rá egy kukkantást:
  $(document).ready(function(){
  var x = 1;
  function bgEffect(){
  if(x==1){
  $("div.header").animate(function(){
  'background-image' : 'url(img/bg_02.jpg)'
  },"slow");
  } else if(x==2){
  $("div.header").animate(function(){
  'background-image' : 'url(img/bg_03.jpg)'
  },"slow");
  } else if(x==3){
  $("div.header").animate(function(){
  'background-image' : 'url(img/bg_01.jpg)'
  },"slow");
  }
  window.setInterval("bgEffect()",1000);
  }
  bgEffect();
  });

  All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be,

• Sk8erPeter nagyúr

  #3164

  #3163 Dave-11

  2013-01-15 20:09:02

  Ú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

  

  Sk8erPeter

  nagyúr

  #3163 Dave-11

  #3163 Dave-11

  Hát már tavaly is voltam ezen a versenyen, igazából csak a döntőben volt javascript vagy jQuery segítségével megvalósítható feladat, de ez kb a a feladatlap 5%-át tette ki, szóval inkább CSS meg PHP.
  Amúgy a döntőig még kb 3 teljes hónap van hátra.

  Ó, hát az rengeteg.
  Akkor nézd meg első körben, amit ajánlottam, aztán majd jöhetnek a haladóbb szakirodalmak is.

• Sk8erPeter nagyúr

  #3162

  #3161 Dave-11

  2013-01-15 19:47: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

  

  Sk8erPeter

  nagyúr

  #3161 Dave-11

  #3161 Dave-11

  Tudnátok linkelni valami jó kis JavaScript gyorstalpalót?
  Nemsokára lesz egy versenyem, webprog kategóriában indultam, és kell html, css, php és javascript. Ezek közül mind megvan (nem egy profi szinten de megvan), kivéve a javascript. Egyszer elkezdtem nézni egy videósorozatot róla, de semmit nem értem, mivel csak az alap dolgokat magyarázta, változók, if - else, for, while, stb. de ezeket más nyelvekből már jóformán tudtam.
  Valami olyanra gondoltam, ami a javascript tényleges, gyakorlati használatát tárgyalja. Például voltak ilyen feladatok: legyen az oldalnak egy fejléce, ami egy kép, és 10 másodpercenként váltakozik, vagy a háttér 5 másodpercenként, vagy ha két input mezőbe beírok két számot akkor azokat összeadja, ilyesmi.
  Tudnátok segíteni?

  Esetleg innen összeszedheted az alapokat:
  http://nagygusztav.hu/web-programozas
  van benne külön JS-rész is.
  Csak belepörgettem, az alapján az alapokhoz talán jó lehet. Csak az ilyen document.urlap.tipus[0].checked-jellegű kódokat ne jegyezd meg, és ne használd majd a későbbiekben.

  Amiket leírtál, azok egyébként lazán összeguglizhatók. Én speciel össze-vissza ugráltam a tanulásban, rendszertelenül kutakodtam mindenféle engem érdeklő probléma után, könyvtárból kivettem szakkönyveket, e-bookokat nézegettem, példakódokat bújtam Guglizás után, nálam nem volt különösebben rendszer a tanulásban, de aztán szép lassan kezdett összeállni a kép, bár így is nyilván van egy csomó minden, amiről még fogalmam sincs.
  Mindenesetre webprogramozós versenyen bátorság elindulni JavaScript-tudás nélkül, mikor lesz? Mennyi időd van felkészülni?

• Sk8erPeter nagyúr

  #2600

  #2599 Dave-11

  2012-04-25 11:26:35

  Ú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

  

  Sk8erPeter

  nagyúr

  #2599 Dave-11

  #2599 Dave-11

  Sziasztok! El szeretnék kezdeni Javascriptet tanulni, mert HTML + CSS már megy, PHP-val is elég jól állok már, és kicsit bővíteni szeretném a tudásomat, hogy majd egy magasabb szintű honlapot is el tudjak készíteni.
  Nem akarom lekicsinyíteni a Javascriptet, de ahogy így nézegettem egész könnyűnek, legalábbis nem túl nehéznek tűnik, de javítsatok ki ha tévedek Nektek mi a véleményetek róla? Mi a legjobb dolog, amit már eddig elkészítettetek vele? Illetve általában mire használják?

  Feladatfüggő, hogy mennyire könnyű vagy nehéz...
  Ha egy DOM-ban lévő elem háttérszínét akarod megváltoztatni, az tipikusan az elég egyszerű feladatok közé tartozik...

  "általában mire használják?"
  Általában kliensoldali programozásra.
  Leggyakoribb felhasználási területe a weboldal megjelenítésének és működésének felhasználóbarátabbá tétele kliensoldali kódokkal, formvalidálás, elemek elrejtése-megjelenítése, stb. Plusz AJAX-ozás, táblázatok legenerálása, stb. Aztán lehet bonyolítani.
  Most csak nagyon röviden, leegyszerűsítve.

• ntomka nagyúr

  #1885

  #1881 Dave-11

  2010-10-26 23:43:03

  Ú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

  

  ntomka

  nagyúr

  #1881 Dave-11

  #1881 Dave-11

  Értem.
  Nem tudnátok valami ötletet adni? Az az igazság hogy belekezdtem, vagyis inkább elhatároztam hogy kicsit JavaScript -ezek, de nem tudom hogy mit csináljak. Tudnátok adni valamilyen ötletet, ami hasznos egy oldalra, és JavaScript -es?

  Ha megy az angol valamennyire, akkor nyálazd át ezt.

• Sk8erPeter nagyúr

  #1879

  #1878 Dave-11

  2010-10-26 17:08:43

  Ú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

  

  Sk8erPeter

  nagyúr

  #1878 Dave-11

  #1878 Dave-11

  Sk8erPeter csak nem deszkás vagy? Ha a nevedből jól olvasom

  Hát onnan származik a név, hogy régen nyomtam, de ez a téma meglehetősen OFF-topic.

• Gyuri16 senior tag

  #1875

  #1874 Dave-11

  2010-10-25 19:36:47

  Ú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

  

  Gyuri16

  senior tag

  #1874 Dave-11

  #1874 Dave-11

  Megvan köszi
  JavaScript -tel lehet beléptetőt csinálni egy oldalra?

  javascripttel inkabb ne. mivel az kliens oldalon fut, igy a felhasznalo latja az egesz kodot, es egyszeruen ki tudja kerulni a korlatozasokat. bejelentkezest szerver oldalon illik csinalni, valaszthatsz tobb szerver oldali nyelvbol, pl: php, asp

• WonderCSabo félisten

  #1873

  #1872 Dave-11

  2010-10-25 17:57: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

  

  WonderCSabo

  félisten

  #1872 Dave-11

  #1872 Dave-11

  Sziasztok!
  Nekem a következő problémám van. JavaScript -tel akarok csinálni egy olyat, hogy meg vannak adva különböző szövegek, és hogy mindíg más jöjjön fel: változó szöveg (random text)
  Rákerestem a Google-ben, találtam is párat, de nem jó, nem hozza fel a szöveget. Mi lehet a hiba az alábbi kódban:
  <html>
  <head>
  <body>
  <script type="text/javascript">
  var r_text = new Array ();
  r_text[0] = "All the leaves are brown";
  r_text[1] = "And the sky is grey";
  r_text[2] = "I've been for a walk";
  r_text[3] = "On a winter's day";
  r_text[4] = "I'd be safe and warm";
  r_text[5] = "If I was in L.A.";
  r_text[6] = "California dreaming, On such a winter's day";
  </script>
  </body>
  </html>
  Egy HTML dokumentumba beágyazva akarom megcsinálni, amint a kódon is látszik.
  Légyszi segítsetek!

  Nem generáltál véletlenszámot, és nem is írtál semmit a dokumentumba. Csak félig csináltad meg a tutorialt, csináld végig.

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