Keresés: - JavaScript topic - Fototrend Hozzászólások

LOGOUT témák

PROHARDVER! témák

Mobilarena témák

IT café témák

GAMEPOD témák

Keresés

Fototrend

Frissítve: 2014-02-25 10:20 Téma összefoglaló

Fototrend

JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

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

nevemfel senior tag

#10292
#10291 laracroft
2024-06-26 09:29:56

Ú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

nevemfel

senior tag

#10291 laracroft

var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl, { html: true }) });
nevemfel senior tag

#10021
#10020 laracroft
2023-10-12 10:02: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

nevemfel

senior tag

#10020 laracroft

<!DOCTYPE html> <html lang="hu"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>Title</title> </head> <body> <form class="row" id="kereses" name="kereses" method="post"> <div class="col-md-2"> <button type="button" class="btn btn-danger" id="uj_hiba" onclick="window.open('uj_hiba.php','_blank')"> Új Hibanapló</button> </div> <div class="col-md-2"> <input type="text" class="form-control" id="hiba" name="hiba" placeholder="Hibajelenség"> </div> <div class="col-md-2"> <input type="text" class="form-control" id="bejelent_nev" name="bejelent_nev" placeholder="Bejelentő neve"> </div> <div class="col-md-2"> <button type="submit" class="btn btn-primary" name="keres" id="keres">Keresés</button> </div> </form> </body> </html>
<button type="button"> -t kell beállítani, ha egy gombot sima gombként akarsz használni, nem submit elemként.
cattus addikt

#9123
#9122 laracroft
2022-01-24 14:56:40

Ú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

cattus

addikt

#9122 laracroft

1. Amit megadsz callback a duplikálás check esetében, azt a függvényt ugyanúgy meg kell adnod az új sor adott elemének is (enélkül az eseménykezelő csak az első betöltésnél már meglévő HTML elemekre lesz érvényes. Ehhez az kell, hogy nem egy anonim függvényt adsz át, hanem egy már létezőt:
function checkNullAndDuplicates() { var value = $(this).val(); $('[name="zona_szam[]"]').not(this).each(function(){ if($(this).val() == value || value=="0") { document.getElementById("error").style.display= ''; } }) } } $('[name="zona_szam[]"]').on('change', checkNullAndDuplicates);
Ezt a függvényt kell az új DOM elemnek odaadni. Mivel a mostani módszered egy sima HTML stringet ad hozzá a DOM-hoz, ez elég körülményes, de azt meg tudod egyszerűen csinálni, hogy egy sor hozzáadása után lekéred az összes [name="zona_szam[]"] elemet, és megadod az onchange eseménykezelőnek a fent definiált függvényt.
2. A change eseménykezelőben megnézed, hogy jó-e az érték, és ha igen, akkor átírod az error elemnek a style.display property-jét 'none'-ra.
nevemfel senior tag

#9033
#9031 laracroft
2021-12-03 14:26: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

nevemfel

senior tag

#9031 laracroft

Használd a "change" eventet az "input" helyett. És ha már úgyis jqueryzel, a document.getElementById("error").style.display = "";
helyett használhatsz
$("#error").show();
-ot.
cattus addikt

#9032
#9031 laracroft
2021-12-03 14:19: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

cattus

addikt

#9031 laracroft

A focus out eventre lesz szükséged.
Mr. Y őstag

#9030
#9028 laracroft
2021-12-03 12:23:32

Ú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

Mr. Y

őstag

#9028 laracroft

Úgy van, ahogy martonx írta. Class esetén vonatkozik az összesre, de azonos ID esetén csak az elsőre
martonx veterán

#9029
#9028 laracroft
2021-12-03 11:07: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

martonx

veterán

#9028 laracroft

igen, mihelyst az id egyedi lesz
Taci addikt

#9025
#9024 laracroft
2021-11-29 19:16:55

Ú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

Taci

addikt

#9024 laracroft

Én nem bonyolítanám, két for ciklussal oldanám meg. Összedobtam neked egy jsFiddle-t hozzá: [link] (konzolba ír - F12)
disy68 aktív tag

#8944
#8942 laracroft
2021-11-11 16:23:37

Ú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

disy68

aktív tag

#8942 laracroft

hajrá
martonx veterán

#8943
#8942 laracroft
2021-11-11 15:54:44

Ú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

#8942 laracroft

Jó helyen jársz, ehhez javascript fog kelleni valóban. Sajnos ennyi alapján amit leírtál, mi is vakon vagyunk.
cattus addikt

#8861
#8860 laracroft
2021-09-06 17:41:20

Ú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

cattus

addikt

#8860 laracroft

Az első select onchange eventjére kell feliratkoznod és az alapján szűrni, hogy mi jelenjen meg a másodikban.
disy68 aktív tag

#8582
#8576 laracroft
2021-04-19 15:55: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

disy68

aktív tag

#8576 laracroft

Te most csak a click eseményeket figyeled az inputokon. Ahogy #8578 Silεncε is írja, használd az inputok "input" eseményét a változások figyeléséhez és véletlenül se használj interval-t meg pollozást tökfölöslegesen. Én a magam részéről azt is javaslom, hogy a javascript/html/css-t mindig tarts külön, átláthatóbb, karbantarthatóbb, orrodat is tisztíccsa
én valahogy így csinálnám, minusz a magyar nevek
cstomee tag

#8580
#8576 laracroft
2021-04-19 15:43: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

cstomee

tag

#8576 laracroft

jsFiddle

Ahogy Silεncε írta csak egy listener kell.

for ciklus meg setinterval-al is megoldható gondolom, bár fogalmam sincs hogy hogy , de így azért jóval egyszerűbb és szebb megoldás.
coco2 őstag

#8579
#8576 laracroft
2021-04-19 15:13:18

Ú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

coco2

őstag

#8576 laracroft

Én timerrel csinálnám pollozva. Úgy a legegyszerűbb és úgysem múlik rajta semmi.
Silεncε őstag

#8578
#8576 laracroft
2021-04-19 14:55:00

Ú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

Silεncε

őstag

#8576 laracroft

Megcsinalni most nincs lehetőségem, de ez kell neked: [link] raksz az input eventre egy listenert, ez le fut mindig, amikor írnak a mezőbe, ebben tudod csekkolgatni, mi a current value az input mezonek és az alapján állítgatni a checkboxot
Mr. Y őstag

#8577
#8576 laracroft
2021-04-19 14:48: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

Mr. Y

őstag

#8576 laracroft

Kétféle megoldás jutott eszembe, de nem tudom, hogy hasznát vennéd-e bárelyiknek:
1) A becenév input-ot ellátod egy onclick-el és abba tiltod le a checbox-ot, bár ebben az esetben ha nincs beírva semmi is le lesz tiltva, ha belekattintanak.
2) Csinálsz egy LOOP-ot, pl fél másodpercenként lefut az adott JS, ellenőrizve, hogy történt-e valami változás.
nevemfel senior tag

#8150
#8146 laracroft
2021-01-05 16:51:06

Ú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

nevemfel

senior tag

#8146 laracroft

[link]
cattus addikt

#8148
#8146 laracroft
2021-01-05 16:11: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

cattus

addikt

#8146 laracroft

Két lehetőséged van, vagy kiveszed / berakod a DOM-ba azokat az elemeket amik az adott opcióhoz tartoznak, vagy a required attribútumát módosítod. Az utóbbi talán egyszerűbb, mivel nem kell JS-ből HTML node-okat létrehozni.
instantwater addikt

#8147
#8146 laracroft
2021-01-05 15:31:57

Ú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

instantwater

addikt

#8146 laracroft

2 külön formmal?
Vagy React/Vue komponensekkel?
laracroft senior tag

#8132
#8131 laracroft
2020-12-09 10:32:19

Ú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

laracroft

senior tag

#8131 laracroft

Ohh köszi közben rájöttem
martonx veterán

#7141
#7139 laracroft
2019-05-03 22:45:56

Ú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

#7139 laracroft

Azt rontod el, hogy 2019-ben jquery-t használsz
Doink aktív tag

#7140
#7139 laracroft
2019-05-03 20:18: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

Doink

aktív tag

#7139 laracroft

<!DOCTYPE html> <html> <body> <button id="btn">Click me</button> <script> const btn = $("#btn"); btn.on("click", () => { btn.attr("disabled", "disabled"); $.get("/egy-szep-url") .then((response) => { // 200 OK jött vissza }).catch((error) => { alert(error); }).always(() => { alert("Most fog lejönni a disabled"); btn.removeAttr("disabled"); }); }); </script> </body> </html>