Köszönöm szépen, tiszta, egyszerű, érthető

But who is watching the guardians?

Sziasztok!
Egy Adobe Acrobat DC-vel készített űrlap gombjára szeretnék egy olyan j.scriptet, mely leellenőrzi a kötelezően kitöltendő mezők állapotát.
(remélem érthető amit szeretnék, mert nekem ez az egész JS kínai )
Esetleg megspékelve azzal, hogy ha a szükséges mezők nincsenek kitöltve, akkor ne engedje a küldést, ill. a mezők törlését.(feltéve, hogy ez lehetséges..)
Minden segítséget előre is köszönök!

[ Szerkesztve ]

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Esetleg ebből kiindulhatnék?
[link]

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Engem az Adobe-dologgal zavartál be teljesen. De ha attól elvonatkoztatok, akkor kb. erre van szükséged: [link] (az oldal közepe környékén betölt egy kipróbálható példát is rá)

Bocsi, és .
(de tényleg azzal készítettem az űrlapot )
Ez irányú tudásom a nulla felé konvergál....
A problémát az okozza, hogy van egy küldés gomb, ami az egérgomb lenyomásakor küld és, és felengedéskor törli a mezők adatait.
Sajnos csak ezután érkezik figyelmeztetés a nem kitöltött kötelező mező(k)ről, lehet kitölteni újra.
Valahogy azt szeretném megoldani, hogy a küldés - törlés ne valósulhasson meg, ha nem teljes az ürlap.
Az elképzelés, hogy a kurzor gomb fölé vitelekor lefutna egy ellenőrző script.

[ Szerkesztve ]

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Tedd alap esetben inkatívvá a gombot addig, amíg nem teljesült minden feltétel a küldéshez.

document.getElementById("kuldesGomb").disabled = true;

Sziasztok!

Böngésző console ad vissza nekem egy hibát, egészen pontosan nem is egyszer az alábbit:

The service worker navigation preload request was cancelled before 'preloadResponse' settled. If you intend to use 'preloadResponse', use waitUntil() or respondWith() to wait for the promise to settle.

És ami azt illeti, fogalmam sincsen, hogy ezt mire írja, mit töröl és azt miért. Van valakinek ötlete rá? Mit nézzek meg, ha ez írja?

A másik, amit ír és nem egészen értem:

Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

Namost egyfelől azt nem értem, hogy miért írja 5x, ha csak 4 videó van berakva, másfelől nem állítottam neki semmi paramétert, sőt, a gyártiakat is kivettem.

Előre is köszönöm a válaszokat

[ Szerkesztve ]

But who is watching the guardians?

Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

Pedig ez a hibaüzenet egész értelmes, javaslom a guglit, hogy ilyenkor mit lehet csinálni.

Én kérek elnézést!

Rendben. A másikra meg... Hát mivel kezdek rájönni, hol van az elbasz, meglesz a megfejtés

A YouTube problémára itt találtam egy hasonló esetet. A különbség, hogy nálam a Link úgy szerepel. ahogyan annak lennie kell, ráadásul nekem minden működik tökéletesen, csak van ez az üzenet...

[ Szerkesztve ]

But who is watching the guardians?

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

És ezt hova?
Én ide gondoltam, de így nem működik....
Gomb/Tulajdonságok/Műveletek

Ehhez a vezérlő eseményhez adjam a küldés-törlést is, vagy azokat a felengedéshez párosítsam?
Vagy eleve rosszul csinálom.......
/Esetleg ezt a kötelezően kitöltendő mezőkhöz kellene adni?/
(Ha átdobnám privátba a fájlt, ránéznél?)

[ Szerkesztve ]

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Hú, hát ez meg mi? o.O

Akkor ez a gombletiltós dolog nem jó ide, ha műveletet csak a gomb lenyomásához tudsz társítani (mert inaktivált gombot nehéz lenyomni ).

Itt talán így lehet akkor megoldani:

A mezőknek és a gombnak is külön változónevek kellenek, pl.:
mezoNev, mezoEmail, mezoTelefonszam, kuldesGomb

Illetve betöltéskor egyből tiltani a küldés gombot:
document.getElementById("kuldesGomb").disabled = true;

A mezőkbe történő begépeléskor futtatni kell egy szkriptet, ami azt nézi, hogy ha az összes (többi) mezőben már van érték, akkor aktívvá teszi a küldés gombot
(...("kuldesGomb").disabled = false; ).
Így addig, amíg nincs minden mező kitöltve (nincs benne legalább 1 karakter), inaktív marad a gomb.

Biztos van olyan vezérlő esemény is, amit ki tudsz választani, ami akkor futtat kódot, ha egy mezőbe gépelni kezdesz. Oda valami ilyesmi szkript kell:

Ha a mezoNev-nél állítod be, akkor a többit kell figyelni, hisz' ennél a szkript eleve csak akkor aktiválódik, ha beleírsz valamit, kvázi a szkript futtatásakor nem lesz üres. És ugyanezen elven a többinél is.
//mezoNev
if ((document.getElementById("mezoEmail").value.length > 0) &&
    (document.getElementById("mezoTelefonszam").value.length > 0)){
  //gomb deaktiválásának megszüntetése
    document.getElementById("kuldesGomb").disabled = false;
}

Így ha írsz a mezoNev-be, és van tartalom a mezoTelefonszamban, de nincs a mezoEmail-ben, akkor a gomb inaktív marad.
Aztán amint írsz a mezoEmail-be is, már a másik kettőben is lesz adat, tehát aktiválja a gombot.

De amúgy ez a screenshotolt tool eléggé megbonyolítja (számomra), sokkal egyszerűbb és gyorsabb lenne simán csak kódban. Sokkal több lehetőséggel. Pl.: [link] Itt ha úgy kattintasz a Küldés gombra, hogy nem írtál be semmilyen adatot, akkor szól, hogy kötelezően kitöltendő mező (ami neked itt is jól jönne).
Bár ezt most is beleépítheted (ha van hova):
document.getElementById("mezoNev").required;
document.getElementById("mezoEmail").required;
document.getElementById("mezoTelefonszam").required;

De hátha be tudod állítani amiket írtam, lesz mindre lehetőség, és akkor jó lehet.

[ Szerkesztve ]

Nem csak ez az egy lehetőség van a gombnál.
Van pl. ez is, és több is hozzáadható

Esetleg így valahogy?

[ Szerkesztve ]

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Csak egy gyors kérdés: Te miben "programozol?"

But who is watching the guardians?

Acrobat Reader DC-ről van szó.

Elég sokban különbözik a böngészők javascript környzetétől, mivel eleve nem HTML-, hanem PDF-dokumentumról, PDF űrlapról van szó:

[link]

[ Szerkesztve ]

Rally against apathy draws small crowd

Oh, vagy úgy. Ezért nem értettem akkor

But who is watching the guardians?

Ha értenék hozzá, akkor nem lenne gond (vagy nem ennyi)
A melóba kéne a cucc, az Outlook, ill. (vagy) a az adatrögzítő program leállásának esetére.
Eddig papír alapon ment ilyenkor a munka, most ezt szeretném kiváltani ezzel, és egy hálózati mappába szánnám a produktumot.
Persze minden megoldás érdekelne, a lényeg, hogy a végén küldhető-olvasható adatállomány keletkezzék.

[ Szerkesztve ]

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Google-ben van egy ilyen találat a saját topikjában: [link]

var emptyFields = [];
for (var i=0; i<this.numFields; i++) {
var f= this.getField(this.getNthFieldName(i));
if (f.type!="button" && f.required ) {
  if ((f.type=="text" && f.value=="") ||
    (f.type=="checkbox" && f.value=="Off"))
      emptyFields.push(f.name);
    }
}
if (emptyFields.length>0) {
  app.alert("Error! You must fill in the following fields:\n" +
    emptyFields.join("\n"));
}

For anyone else who is trying to implement this heres how:
Create a button
Right click the button and go to properties -> Actions tab
Trigger:Mouse Up
Action: Run JavaScript
-> Add...
Copy and paste Giliad D's code
->ok -> close
Select the fields you want required by right clicking the fields and selecting the "Set as Required Field" option
Save and done!

De találtam egy videókat is: [link] [link]

Ilyesmi keresésekkel (Google-ön és YouTube-on is) még sok más találatot is kapsz:
adobe reader dc pdf check if field is empty javascript
adobe reader dc pdf form validation

Remélem, így már meglesz.

[ Szerkesztve ]

Napok óta túrom a netet, persze nem az Adobera kihegyezve.
Nem gondoltam, hogy ez külön világ....
Még pallérozom az elmémet, aztán ha nem megy - így 56 év környékén már nem vagyok olyan befogadó képes - megpróbálom valamelyik informatikusunkat becserkészni ezügyben.

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Előre is bocs a tudatlanságomért....
Ebbe a cuccba be kell írnom valamely formába,hogy melyik mezőket ellenőrizze?
(Bár azt írja, hogy csak illesszem be a scriptet, és legyenek kijelőlve a kötelező mezők)
Merthogy önmagában a küldés nem, de a tartalom törlése végbemegy...
Mindegy csinálok egy külön gombot a törlésre.

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Üdv mindenkinek!

Hogyan kell rávenni egy JS kódot, hogy az fusson akkor is, amikor nincs előttem a böngészőben az a lap?
Értem ezalatt, hogy van pl egy interval, ami számoljon most a példa kedvéért másodpercenként +1-el, amit kiirat egy <h3 id="demo"></h3>-ba.
Namost, ha elindítom a számlálót és akár egyazon böngészőn belül átmegyek egy másik TAB-ra, vagy nyitok egy mellékes programot, akkor ez a számláló leáll, amíg vissza nem lépek az oldalra.

Ez mitől áll le és hogyan vehető rá, hogy ne tegye?
Előre is köszönöm a magyarázatot!

But who is watching the guardians?

A böngésző az erőforrásokkal való spórolás miatt állítja le a JS futást - hogy a sok háttérben levő lapon futó JS ne akassza meg az előtérben futó lapot.

JOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...

Külön gombra téve a törlést működik a Küldés gombon a script
Ezer hála Taci!

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Köszönöm az információt. Rgó, ha a Weboldal betöltését egy JS segíti elő, akokr nem fog betölteni, ha külön lapon megnyitjuk, de nem kattintunk át...

But who is watching the guardians?

Örülök, hogy működik, nagyon szívesen.

@Mr. Y: Betölteni betölt, viszont ahogy sztanozs is írja, egy bizonyos időn túl nem engedi futni a szkripteket. (Amúgy ha JS-tel szeretnél számoltatni, úgy érdemes, hogy a rendszeridőhöz mérten számolsz, mert ha a háttérben le is áll a szkript, amikor aktív lesz, és folytatódik, "jó helyen lesz", hiszen a rendszeridőhöz képest számol, ami mindig adott.)

[ Szerkesztve ]

Van egy betöltő animáció. Amit ha elindít és ellépek, képes megállítani. Ha pedig _blank elven nyitom meg, el sem indul, csak ha rámegyek. Illetve, a tartalom feltöltése is egy JS segítségével megy véghez, külső forrásból
Végülis számomra nem probléma, ha a felhasználókat nem zavarja.

But who is watching the guardians?

Nekem az oldal tartalmát 99%-ban JS generálja (JS --> PHP --> SQL --> PHP --> JS --> HTML), és ha háttérben is nyitom (pl. linkjére középső egérgomb), akkor is betölt mindent.

Ezt a részt már elég rég csináltam, nem emlékeztem elsőre, hogy hogyan tölt be, de most megnéztem, az index.html-ben van egy <script>elsoBetoltes();</script> rész (más néven persze), az indít el minden mást. Animációt is hoz magával (betöltő), felteszem, az is gond nélkül lefut, legalábbis se logban se konzolban nem látok hibát.

Viszont a külső plugineket (pl. CookieBot banner-e) tényleg csak akkor, ha aktív lesz a böngésző tabja.

Nem tudom, csak egy tipp, de nem lehet, hogy "rossz helyen" (időben) van hívva az animáció, az oldal betöltése után?
Logold, hol tölt be az oldal, és azt is, hol indul el az animáció, és nézd meg, nincs-e ez utóbbi a teljes betöltés után indítva.
window.onload = function() { 
    console.log('The page has fully loaded');
}

Jobb ötletem nincs erre sajnos most, nálam ilyen még nem fordult elő (ezek szerint talán csak szerencsém volt).

Röviden, hogyan működik:

Adott egy HTML felület, mely így indít:
<body onload="engine()">
Az engine() JS csinál mindent. Az adatokat JSON fájlokból szedi, Cooke-kat nem használok. Az animáció, melyet egy interval() vezérel, előbb fut le, mint a betöltés.

A JS kinézete:

function engine() {
animation();
uploaddata();
}

Szerk: a JS is külső fájl, de még a Body előtt, a Head-ben kerül behívásra

[ Szerkesztve ]

But who is watching the guardians?

Most visszarakva egy gombra a három funkciót (ellenőrzés-küldés-törlés) is működik, fene se érti....
Más:
Egy gombra raknám X mező szövegének másolását Y mezőbe.
Találtam? két megoldást is, de nálam nem működik, v.sz. én bénázhatok.
[link]
[link]

[ Szerkesztve ]

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Erre sajnos nem látok rá, ehhez használnom kellene a programot.

De az első linkben lévő megoldás ugye ez:
if (event.target.value!="Off") {
     this.getField("address_secondary").value = this.getField("address_main").valueAsString;
}

Gondolom, a változóneveket átírtad a megfelelőekre.

Illetve az sem mindegy, hogy .value-t vagy .valueAsString-et használsz.
With valueAsString you know what you're getting back, ie a string. With value you don't know. It can be a string, or a number or even a boolean or an array. JavaScript is very flexible and does automatic type casting for you, but it's better to know what you're working with.

Bár igazából egy mező tartalmát másolod, ott ez a példa is jó kellene hogy legyen.

Nézd meg, hogy jó mezőneveket adtál-e meg (az "address_secondary" (ide másol) és az "address_main" (innen) helyett. Hova <-- Honnan.).

if (event.target.value!="Off") {
this.getField("HONNAN").value = this.getField("LAKCÍM").AsStringvalue;
}
Jól gondolom, hogy hiányzott egy kapcsos zárójel a végéről?
Így legalább nem dobott hibaüzit, de sajnos nem működik.
Próbáltam AsString nélkül is.
Próbáltam a másik megoldás szerint gombra, egérkattintásra rakni, az sem jó.

[ Szerkesztve ]

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

regisztráld be itt az engine()-ben az interval-t és nem fog előbb lefutni.

JOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...

Ezt a kódodból másoltad direktben?

Mert AsStringvalue van ide írva, de a valueAsString a helyes.

A szerkesztőből másoltam.
Abban nem volt benne az AsString, véletlenül rossz helyre írtam itt.

Win11 Pro/64, MI TV Stick, Kodi 20.2 (többi az adatlapomon)

Üdvözletem!

Külső forrásból való adatfeltöltést csinálok, így használok Style beállítást JS alól is.
Ez a művelet hibátlan, amennyiben másodjára futtatom le. De első betöltésre nem hajlandó megcsinálni a pozícionálást, ami furcsa, mert minden mást igen.

Részletesebben:

Betölt egy egyedi azonosítóval ellátott DIV-et, amely tartalmaz további egyedi azonosítóval rendelkező szöveget és képet. A JS határozza meg:
- A fő DIV paramétereit ----> Pipa
- A szöveg paramétereit ----> Pipa
- A kép paramétereit ---> Pipa, kivéve a kep.style.position = x; Ez ugyanis csak második betöltésre kerül oda, ahol lennie kellene elsőre is.

Mivel lehet a gond? Miért csak ez az egy paraméter? Illetve miért fut le második betöltésre, ha elsőre nem?
Előre is köszönöm a válaszokat, illetve megkérek mindenkit, hogy a "Miért nem használsz CSS-t hozzá" és hasonló kérdéseket mellőzzétek. A jelen feladat az itt felvázolt mintát követeli.

But who is watching the guardians?

Reprodukálni tudod esetleg egy jsfiddle-ben? A második betöltés alatt azt érted hogy F5-tel frissítesz, vagy hogy anélkül csak újra lefuttatod a JS kódot?

a "Miért nem használsz CSS-t hozzá" és hasonló kérdéseket mellőzzétek.

Pedig valószínűsítem, hogy az általad felvázolt problémát megszüntetné.

Do the thing!

Sima F5 frissítés, tehát amikor előről kell kezdenie minden lefuttatását. Továbbá, hogy Shift+F5-el frissítek, akkor is jó lesz. Holott elvileg akkor produkálnia kellene az első betöltés hibát, mert törli a gyorsírótárat.

a "Miért nem használsz CSS-t hozzá" és hasonló kérdéseket mellőzzétek.

Pedig valószínűsítem, hogy az általad felvázolt problémát megszüntetné.

Én nem. Mert mint említettem, minden, külső fájlból behívott adatnak egyedi azonosítója van. Nem írhatok olyat a CSS-be, hogy pl
#picture1,
#picture2,
#picture3,
#picture4,
#picture5, ....... #picture10000 {display: flex;}
mert felesleges.
A külső tár, amiből táplálkozik, folyamatosan bővül, így folyamatosan növekszik az egyedi azonosítók száma is. Éppen ezért a jövőre IS felkészítve csinálom a kódot, hogy csak a felhasználó által betölteni kívánt adatoknak készítse elő a terepet.

JSFiddle-ben nem tudom reprodukálni, az sok meló lenne jelenleg, de megmutatom, hogy mi az érintett kódrészlet:

function setpic(p, o) {
p.style.position = "absolute";
p.style.height = o.clientHeight - 40 + "px";
p.style.width = "auto";
p.style.top = "30px";
p.style.left = o.clientWidth / 2 - p.clientWidth / 2 + "px";
}

És mindebből a legutolsó pont, a p.style.left = o.clientWidth / 2 - p.clientWidth / 2 + "px"; nem fut le elsőnek.

[ Szerkesztve ]

But who is watching the guardians?

Miért nem használsz CSS-t hozzá? -/ Bocs ezt nem lehetett kihagyni ...

css selector

[id^="picture"] { display: flex; }

Hm. A pozitív gonoszkodás hasznos dolog. Főleg, hogy ötletet adtál. Köszönöm

But who is watching the guardians?

Arra egyébként van ötleted, hogy a bemásolt programrészletet hogyan lehetne megvalósítani CSS-ben? Mert szerintem csak egy részére van opció.

But who is watching the guardians?

Meg lehet, a clientWidth az CSS-ben kifejezhető a 100vw-vel, a clientHeight pedig 100vh-val, a kiszámoláshoz pedig ott a calc()

Do the thing!

Tényleg jó lenne látni valami működő példát, mert így nehéz bármit mondani.

1. - a setpic()-ben consol.log-ba írd ki a: p, o, p.clientWidth , o.clientWidth .... mindent amit csak használsz és nézd meg hol a hiba, lehet valami még nem létezik akkor amikor meghívod.
2. - nem tudjuk mi a p meg az o paraméter , így nehéz ....
3. - o paraméter talán a külső relative div? o.clientHeight - 40 + "px"; tehát ez helyett CSS: bottom: 40px; ?
4. - miért szenvedsz ennyi ID-val? miért nem adsz simán 1 classt a képeknek amire megírod a css-t?
5. o.clientWidth / 2 - p.clientWidth / 2 + "px"; ezzel gondolom középre akarod igazítani? CSS: left: 50%; transform: translateX(-50%);

Szóval minden csak tipp és találgatás részemről, mert nem tudunk semmit a kód/struktúráról.

Bocsi a 3.pont nem jó amit írtam, mert te magasságot állítasz ott ( p.style.height = o.clientHeight - 40 + "px";) én meg pozíciót írtam, elnéztem...

[ Szerkesztve ]

Huh, így összegezve:

Köszönöm szépen a válaszokat, sokat segítettek. Ez alapján már tudok célirányosan keresni
Ezer hála

But who is watching the guardians?

Alapvetés, hogy javascriptben ugyan lehet stílus dolgokat manipulálni, de alapvetően erre a CSS való, pont az ilyen fura anomáliák elkerülése végett.

Én kérek elnézést!

Nem mintha CSSben nem lehetne szép kis anomáliákat összehozni, főleg plain, global CSS-el specificity rulz

[ Szerkesztve ]

Egyértelmű, de ez már a CSS bénasága, a JS viszont egyszerűen nem erre való, noha nyilván a JS-el is lehet stílusokat piszkálni. Légyszi, ne védjük a rossz gyakorlatokat, hanem segítsünk, hogy mi a jó gyakorlat.

Én kérek elnézést!

Ez egyértelmű, eszemben se volt, hogy megvédjem. Csak szimplán megjegyeztem

[ Szerkesztve ]

Sziasztok!

Ha eddig egy adott szöveges változó tartalmából ki akartam nyerni egy-egy részletet, azt a következőképpen tettem:
value.slice(6,-5)
Azonban szeretném a váltózó tartalmából egyetlen karakterre egy lekérdezést. Tehát ha adott egy <div id="valtozo">Kecske</div>, és nekem ebből kell a második karakter, akkor oda valam ilyesmi: get(valtozo[1]);. Csak persze működőképesben

Illetve ide tartozó kérdés, amiért egyáltalán kellene ez nekem. Ez egy input változó, amibe be kell másolni egy iratot, amit aztán karakterenként lebontva csinálja azt, amit kell. Csakhogy, a bemásolandó dokumentumok tartalmaznak tabulátort (behúzás) és entert (új sor) is. Ha a szövegben ilyeneket talál, akkor el kell végezie egy mellékes rutint.
Az addig oké, hogy kell rá egy feltételt tenni, pl if(character == "") {name = "Kati néni";}, a kérdés az, hogy mi kerül az idézőjelek közé (vagy helyére) új sor, illetve tabulátor találásakor.

Van ezekre (főként utobbira) lehetőség?
Előre is köszönöm a válaszokat!

But who is watching the guardians?