- Yettel topik
- Huawei Watch GT 6 és GT 6 Pro duplateszt
- iPhone topik
- Huawei Watch Fit 5 Pro - jó forma
- Apple iPhone 17e – mágnesek ereje
- Honor 600 – kezes, kitartó, költséges
- Milyen okostelefont vegyek?
- Samsung Galaxy Z Fold7 - ezt vártuk, de…
- Samsung Galaxy S21 Ultra - vákuumcsomagolás
- Xiaomi 15T Pro - a téma nincs lezárva
-
Mobilarena
Mobilarena
Új hozzászólás Aktív témák
-
Használhatod a foreachet is, teljesen mindegy. Én nem használom, legfeljebb tömbökön, mert a DOM nem tömböket ad vissza, hanem HTMLCollection-t (ennél nincs forEach, ezért először tömbbé kell konvertálni), vagy NodeList-et, aminél van forEach, de nincs meg a többi (map, reduce, filter).
Ha javascriptről és a DOM-ról van szó, és simán végig akarsz szaladni egy iterálható gyűjtemény elemein mindenféle nagy varázslat nélkül, akkor a leghülyebiztosabb a mezítlábas for ciklus.
Nagyon szépen köszönöm a segítséget.
Most próbálom mindenbe bele erőszakolni a froeach és az arrow function-t, hogy megértsem, mert nagyon nem megy a fejembe.
De egyértelműen könnyebb lenne for ciklussal dolgozni a DOM-on. -
let details = document.getElementsByTagName("details");
for (let i = 0; i < details.length; i++) {
let detail = details[i];
setTimeout(function() {
detail.open = true;
setTimeout(function() {
detail.open = false;
}, 1000);
}, i * 1000);
}Először is köszönöm szépen a válaszokat.
Azért csinálom foreach-el, hogy tanuljak, pont ezek a hiányosságok miatt, amiket itt kérdezek
Sikerült megoldani foreach-el:
const array = Array.from(document.getElementsByTagName("details"));
array.forEach((element, index) => {
setTimeout(() => {
array.forEach((aa) => {aa.open = false;});
element.open = true;
}, index * 1000);
}); -
-
-
Ránézve a kódra, én is ezt tenném, amit írtál:
Google alapján arra jutottam, hogy talán eseménykezelést kellene csinálnom a form-on létrehajtott submit eseményre, de lehet, hogy teljesen rossz úton járok.
A submit feliratú button type-ját buttonról submit-ra módosítanám, és levenném az onclick eseménykezelőt erről a gombról. A submitAction függvényt a form elem onsubmit eseményéből hívnám meg:
<form method="post" onsubmit="return submitAction()">.A submitAction functiont is módosítani kell. Ha mehet a submit, akkor a submitAction true értékkel térjen vissza, ha nem, akkor false-al, tehát ezt:
document.forms[0].submit();, erre kell cserélni:return true;Na most ez az elmélet, kipróbálni nem próbáltam ki. Ami látszik a forráskódból, hogy ez egy nagyon régi script lehet, és én semmiféle validációt nem látok a submitAction-ben, így ez elvileg mindig végrehajtja a form submitet, bármi is van az email mezőben. Az sem világos, hogy a loadAction és a submitAction miért állítgatja a form action-jét, méghozzá ha jól látom, ugyanarra az értékre.
Köszönöm a javaslatot, bevált, a javasolt átalakítás után már jól működik.
-
Nálam ez a kód működik:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<a href="https://dereferer.me/?https://www.imdb.com/title/tt1448754/">Link 1</a>
<script>
(function () {
'use strict';
const REPLACEMENTS = {
'dereferer.link': {
pattern: /^https?:\/\/(?:www\.)?dereferer\.link\/\?(.+:\/\/.+)/,
noreferrer: true,
},
'dereferer.me': {
pattern: /^https?:\/\/(?:www\.)?dereferer\.me\/\?(.+:\/\/.+)/,
noreferrer: true,
},
};
for (const el of document.querySelectorAll('a')) {
for (const [name, repl] of Object.entries(REPLACEMENTS)) {
const match = repl.pattern.exec(el.href);
if (match) {
const origUrl = match[1];
console.debug(`Dereferer Remover (${name}): replacing ${el.href} -> ${origUrl}`);
el.href = origUrl;
if (repl.noreferrer) {
el.rel = 'noreferrer';
}
}
}
}
}());
</script>
</body>
</html> -
Az input type button szövegét nem tudod formázni, és ikont sem tudsz használni a gombon belül.
Ezzel nem értek egyet. Formázni pontosan ugyan annyira lehet CSS segítségével. Ikont meg... Hát ha nem egyedi képet akarsz, hanem az alapértelmezett HEX ikonok közül válogatnál, akkor de, lehet
![;]](//cdn.rios.hu/dl/s/v1.gif)
-
hellsing71
tag
-
<!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.
Köszi, igen ezt elfelejtettem...
köszi
-
I. Objektumok.
Javascriptben egy objektum mezőit kétféle szintaxissal lehet elérni.
1. dot notation:
obj.property2. bracket notation:
obj["property"]A bracket notation akkor szükséges, ha olyan propertyt akarsz kezelni, ami
1. változóban van eltárolva,
2. javascriptben nem minősül megengedett azonosítónak (identifier). Például számjeggyel kezdődik, mint tömbelemek esetében, vagy space-t tartalmaz.Erre találták ki a bracket notationt, ami stringet vár, nem azonosítót. Ha nem stringet kap, akkor a kapott értéket stringgé konvertálja.
II. Tömbök.
Javascriptben létezik egy ún. array literal:
var cars = ["BMW", "Toyota", "Mazda"];
Az ezzel a szintaxissal létrehozott érték egy olyan objektum, aminek a prototype linkje a beépített Array objektumra mutat.
Ebből örököl egy csomó tömbspecifikus metódust (push, pop, slice, splice stb...) és a length propertyt. Tehát a tömb is objektum, de speciális objektum.III. typeof
A typeof egy legacy nyelvelem. Minden objektumra, függetlenül, hogy miből származik, a type operátor "object"-et ad vissza, kivéve function esetében. Tömb esetén tehát szintén "object"-et fog visszaadni.
Ha azt akarod tesztelni, hogy egy érték tömb vagy sem:
1. cars instaceof Array true-t ad vissza, ezzel jelezve, hogy a cars proto linkje az Array-re mutat (ami egyébként az Objectre linkel tovább). Cross framek (iframe) esetében az instanceof bugosan viselkedik, mindig false-t ad vissza.
2. Array.isArray(cars); szintén true-val tér vissza tömb esetén. Ez cross-frame kompatibilis.Oké, köszi a fejtágítást, így már jobban értem.
-
Ha tömb lenne, így kellene rá hivatkozni: backpack['pocketnum']
Ez javascript esetében nem így van. Objektum propertykre is lehet hivatkozni ezzel a szintaxissal, ezt nevezik "bracket notation"-nak. Egyébként javascriptben a tömb is egy objektum. És még valami: javascriptben nincs olyan, hogy "asszociatív tömb". Az asszociatív tömb (tömb, ahol a tömbelem kulcsa string) az az objektum.
Egy kicsit körbejártam ezt, és elismerem, igazad van.
Ezek szerint JS-ben elméletileg NINCS is tömb, a tömb is objektum, DE az objektumok a gyakorlatban tömb ÉS objektum SZINTAXISSAL is kezelhetők. Viszont akkor félrevezető, hogy tömb szintaxissal létrehozott objektumokat tömbnek "hazudja" a Console ...Megerősítésképpen:
Tanulságos ..., nyilván van gyakorlati előnye, de szigorúan nézve számomra ez inkább zavaró. Az ember azt hiszi, hogy tömbje van, pedig nem is ... -
nincs fajlrendszerunk az adott cuccon.
Na de fájlrendszer nélkül hogyan generálod le, és juttatod el ezt a html oldalt a kliensnek? Kell, hogy legyen valami http kiszolgáló, ami, feltételezem, fájlból olvas, és annak a tartalmát küldi a böngészőnek.
Van valami lehetoseg pl 1 nagy html fajlba legeneralni az osszes fuggoseget? Ha az nem megy akkor ujbol meg kell csinalnom szigoruan fuggosegek nelkul.
Természetesen van. <style></style>-ba beágyazod a stíluslapokat, <script></script> tagok közé a scripteket.
Léteznek erre ún. "inliner" toolok(CSS inliner, JS inliner), amik automatikusan legenerálják neked a kódot, de egyiket sem ismerem.
-
magortaltos
csendes tag
Példakód:
index.html
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="data:,">
<title>Ajax példa</title>
</head>
<body>
<script>
(function() {
var ajaxFunc = function() {
fetch("http://localhost/endpoint.php")
.then(function(response) {
return response.text();
})
.then(function(body) {
console.log(body);
})
.catch(function(error) {
console.error(error);
});
setTimeout(ajaxFunc, 2000);
};
setTimeout(ajaxFunc, 2000);
}());
</script>
</body>
</html>endpoint.php
<?php
echo "helló";nevemfel !
Végre egy kód!
Köszönöm szépen! Megpróbálom. -
Én meg arra utaltam, hogy egyidőben nem tudsz semmit sem futtatni párhuzamosan egy böngészőtabon. Sem asyncet, sem promiset, sem intervalt, sem semmi eventet.
A látszólagossággal meg szerintem itt nagyjából mindenki tisztában van, hogy "úgy néz ki", mintha egyidőben futnának dolgok. Oké, na és? Pont arról van szó, hogy a látszat ellenére nem párhuzamosan futnak. Te meg kötöd az ebet a karóhoz, hogy de "egyidőben" futnak. Akkó jóvan akkó, legyél vele nagyon boldog, igazad van, télleg "egyidőben" futnak. Fantasztikus felfedezés.
-
Az interval, timeout ugyanazt az event-loopot használja. Egyetlen szálon fut a teljes javascript kód. Ha pl. épp számol egy kódrész, addig amíg be nem fejezi a számolást, addig sem interval, sem timeout, sem egyéb UI event nem kerül végrehajtásra.
Próbáld ki:
setTimeout(function() {
console.log("lefutna 100 ms múlva");
}, 100);
for (var war = 0; war < 10000000 ; war++) {
war;
};
console.log("lefutott a ciklus");Arra utaltam, hogy több interval-t futtathatsz "egyidőben". Nem arra, hogy mindez nem igaz, ha befagyasztod a böngészőablakot...
Szerk.: Processzor kérdése amúgy, hogy a meghatározott "10.000.000" ciklusszám le tud-e futni 100ms-en belül
-
Azaz egyedül a felülírásra kellhet odafigyelned, már ha erre is tényleg oda kell figyelned, vagy pedig elfogadjuk természetesnek, hogy ha A kulcsot az egyik fül B-vel, a másik meg C-vel akarja feltölteni, akkor az fog nyerni, amelyik utoljára módosította.
Ugye a javascript kód egy oldalon egyetlen szálon fut, tehát egyetlen oldalon ilyen nem történhet. Az is feltételezhető, hogy ha több tabon fut ugyanazon a domainen található különféle script, az szintén egy szálon fog futni, dacára annak, hogy külön tabok futhatnak külön szálon. Tehát ebben az esetben egy localStorage.setItem(kulcs, walamiMuvelet(localStorage.getItem(kulcs))) atomi műveletnek tekinthető.
Nem vagyok expert abban, hogy _pontosan_ hogyan is működnek a modern böngészők javascript futtatókörnyezetei, de nagyon remélem, hogy azonos domaint egy szálon kezelnek. Mert ha nem így van, akkor a Jóisten irgalmazzon nekünk, meg a scriptjeinknek, hogy mi lesz a végeredmény, ugyanis ez teljesen szembemegy a böngészőben futó javascript alapelveivel.
-
Légyszi, ha már konkrét lib-et javasolsz, legalább jót (modern és kicsi, ellentétben az elavult, és hatalmas momentjs-el).
Direkt ezért se akartam konkrét lib-et javasolni, mert csomó alternatíva van. Egy van, amit így 2023-ban már nem szabad használni, az a momentjs
De ha már belementünk, akkor itt van néhány jó alternatíva:
1. Day.js · 2kB JavaScript date utility library - nekem ez jön be legjobban, de kinek melyik.
2. date-fns - modern JavaScript date utility library
3. GitHub - moment/luxon: ⏱ A library for working with dates and times in JS -
const alpha = [1, 2, 3, 4, 5, 6], beta = [7, 8, 9, 0 ,1, 2], delta = ["mikrofon", "próba"];
const allArray = [alpha, beta, delta];
console.log(allArray[1][2]);Tudod ebben az az érdekes, hogy ugyan ezt írtam le, mint nem működő opció.
Viszont most valamiért mégis megy...
Ezek szerint csak megerősítésre volt szükségem XD Köszönöm
-
Kicsit átalakítottam a scriptet is:
<div id="497489" style="width: 100%; overflow-y: hidden;" class="wcustomhtml">
<div class="gombkeret">
<input id="radio1" type="radio" name="radio" data-href="https://www.paypal.com/cgi-bin/webscr?test=1" checked=""><label for="radio1" class="radio"><strong> Standard Mail:<span class="shippingfee"> £5</span></strong> </label>
<input id="radio2" type="radio" name="radio" data-href="https://www.paypal.com/cgi-bin/webscr?test=2"><label for="radio2" class="radio"> <strong> Registered Mail: <span class="shippingfee"> £9</span></strong> </label>
<input id="radio3" type="radio" name="radio" data-href="https://www.paypal.com/cgi-bin/webscr?test=3"> <label for="radio3" class="radio"><strong> Download Only (.ISO format 4.3GB, playable on Computers, Tablets and Phones with free <a href="https://www.videolan.org">VLC Player</a>)</strong></label>
<div id="address_block"><label for="gmail_address">Your Gmail address:</label> <input type="text" id="gmail_address" name="gmail_address"></div>
</div>
<div id="down_icon2"><a href="https://www.paypal.com/cgi-bin/webscr"><img src="files/theme/paypal.png"></a></div>
<div id="paypalsecure"><img src="files/theme/secure2.png"></div>
<script>
var sliders = document.querySelectorAll(".gombkeret input[type='radio']");
var link = document.querySelector("#down_icon2 a");
var i;
for (i = 0; i < sliders.length; i++) {
sliders[i].addEventListener("change", function() {
var address_block = document.querySelector("#address_block");
link.setAttribute("href", this.getAttribute("data-href"));
if (this.checked && this.getAttribute("id") === "radio3") {
address_block.style.display = "block";
} else {
address_block.style.display = "none";
}
});
}
</script>
</div> -
A swich case statement javascript alatt a következőképpen néz ki:
switch (expression) {
case value1:
statements1;
break; // opcionális
case value2:
statements2;
break; // opcionális
default:
statements3;
break; // opcionális
}(value1 - 2 lehet Number és string is, ez a legfőbb különbség a C-hez képest.)
Alapszintaktika, hogy bármilyen statement helyére tehetsz több statement-et tartalmazó utasításblokkot, kapcsos zárójelek közt: {}Te a breaket a {}-os utasításblokkba tetted, ami ebben az esetben nem a case esetből ugrik ki, hanem a {}-al jelölt utasításblokkból. Tehát ráfut a következő case esetre.
-
Ilyesmire gondoltál?
<script>var startDate = "2022-06-01", myArray = [1, 2, 3], newArray;function addDays(element) {var result = new Date(startDate);result.setDate(result.getDate() + element);return result.toLocaleString("hu");}newArray = myArray.map(addDays);console.log(newArray);</script>Végül is megoldja a problémám.
De mi van olyankor, ha mindenképp 2 vagy több értéket várna a function?
Hogy mondom meg, hogy az 5. érték amit a függvény vár az a tömb i-ik eleme? -
A te példádban az volt a fő probléma, hogy a youtube inicializációs hívásába tetted bele a video id-ját egy globális változóból. Aztán annak a változónak az értékét ugyan változtattad, de a youtube lejátszó script attól még nem figyeli folyamatosan azt a változót, mert miért is tenné?
Ha a lejátszóban videót akarsz váltani, azt csak úgy tudod megtenni, ha meghívod a player.cueVideoById(videoId) vagy player.loadVideoById(videoId) metódust.
player.cueVideoById(videoId) - ezen izzadtam is jó pár percet, akkor ezert nem ertettem.
Van még pár dolog ami nem világos, de mára már igen kifáradt az agyam.
Szépen átrágom magam rajta, mert nagyon nem értem mi merre miert hogyan.Ezt iframe -val csináltam először meg, de ahhoz nem tudtam lejátszó gombot rendelni.
Majd youtube oldalán írták, hogy api-val kell. Az meg nekem magas, így csak kimásoltam, és próbálgattam. Már addig eljutottam, hogy kiszedtem a teljes oldalt amit az a pár sor lerenderel, azzal akartam megoldani, mert ott iframe van ismét, és azzal meg tudom oldani. De addigra te megcsináltad, és most azzal izzadok
Azert elszomorít, hogy töb mint 1 év után a függvények még mindig kifognak rajtam
De lesz ez még így se
-
Na, gyorsan átírtam. Messze van a tökéletestől, de többre már tényleg nincs időm.
<script>// video api// Load the IFrame Player API code asynchronously.var tag = document.createElement("script");tag.src = "https://www.youtube.com/player_api";var firstScriptTag = document.getElementsByTagName("script")[0];firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);// Replace the 'ytplayer' element with an <iframe> and// YouTube player after the API code downloads.var player, btn;function onYouTubePlayerAPIReady() {player = new YT.Player("ytplayer", {height: "100%",width: "100%",playerVars: {loop: 1,controls: 0,showinfo: 0,autohide: 1,modestbranding: 1,vq: "hd1080",},events: {// Ezzel lehet reagálni a "videó betöltött" eseményreonReady: function (event) {btn = document.getElementById("gomb");// Reagálás kattintás eseményrebtn.addEventListener("click", function () {if (player.getPlayerState() === 1) {event.target.pauseVideo();} else {event.target.playVideo();}});},onStateChange: function () {btn = document.getElementById("gomb");if (player.getPlayerState() === 1) {btn.innerHTML = "Szünet";} else {btn.innerHTML = "Indítás";}}},videoId: "",});}// video api vege// MODAL kezdeteconst openModalButtons = document.querySelectorAll("[data-modal-target]");const closeModalButtons = document.querySelectorAll("[data-close-button]");const overlay = document.getElementById("overlay");openModalButtons.forEach(function (button) {button.addEventListener("click", function () {const modal = document.querySelector(button.dataset.modalTarget);openModal(modal, button.id);})})overlay.addEventListener("click", function () {const modals = document.querySelectorAll(".modal.active")modals.forEach(function (modal) {closeModal(modal);})})closeModalButtons.forEach(function (button) {button.addEventListener("click", function () {const modal = button.closest(".modal");closeModal(modal);})})function openModal(modal, videoId) {modal.classList.add("active");overlay.classList.add("active");player.cueVideoById(videoId);}function closeModal(modal) {modal.classList.remove("active");overlay.classList.remove("active");player.pauseVideo();}</script>Először is nagyon szépen köszönöm
Kicsit nehéz nekem, kell pár nap, hogy kibogarásszam, mi miért merre.
/A video mérete pici lett vmiért, és nem nagyon látom az enyem miert nem működött./
Legalább tanuok vele -
Ha csak kódmorzsákat osztasz meg, senki nem fog tudni segíteni.
Ha egy függvény nem lát egy adott változót, annak lényegében három oka lehet:
1. Láthatóság (scope). Javascriptben minden függvény automatikusan látja a rajta kívül deklarált változókat. Ha egy változót egy függvényben deklarálsz, az látható lesz azon függvények számára, amit ezen a függvényen belül deklarálsz. A globális változó automatikusan látható minden függvény számára.
2. Elfedés. Ha van egy külső változód, amit az adott függvénynek látnia kell, de te az adott függvényen belül is deklarálsz egy pontosan ugyanolyan nevű változót, akkor onnantól a függvény számára hozzáférhetetlenné válik a külső változó. Innentől az adott néven már csak a saját lokális változódat látod, ami egy teljesen külön entitás.
3. Sorrendiség. Azt hiszed, hogy az adott változó már megkapta a várt értéket, de valamiért a változóba írás később történik meg, mint a változó értékének kiolvasása.
Van egy olyan sejtésem, hogy a kérdezőnek az alábbi problémája van:
var x = 7;
function myFunction() {
x = x+3;
}És minden kattintás után azt az eredményt kapja, hogy
10. Ő pedig azt szeretné, hogy a második kattintáskor már13legyen, a harmadiknál16és így tovább. Én úgy tudom, hogy vagy külső változóba mentve (DIV innerHTML) vagywindow.localStoragemegoldással lehetne kivitelezni, amit szeretne.
Viszont a kérdése alapján van erre egy harmadik opció is. Ezt pl én sem tudom -
-
Hozz létre egy .htaccess fájlt a webroot könyvtárban (nálad ez nyilván nem a /var/www/html könyvtár, de hogy hol van, azt csak te tudhatod. Lényegében az a könyvtár, ahol a főoldal index.html van), ha még nincs, és másold bele ezt:
<FilesMatch "\.(html|htm|js|css|php)">FileETag NoneHeader unset ETagHeader set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"Header set Pragma "no-cache"Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"</FilesMatch>A legelső sorban (FilesMatch) láthatod, hogy milyen nevű, illetve milyen kiterjesztésű fájlokra fog vonatkozni ez a kódrész.
A Header set direktíva azt eredményezi, hogy a webszerver minden egyes válaszába ezeket a fejléceket fogja belerakni.
A Header set Cache-Control egy cacheléssel kapcsolatos fejléc, ami arra utasítja a böngészőt, hogy ne cachelje az adott oldalt. A többi (Pragma, Expires) inkább csak régebbi böngészők miatt kell.
-
Hozz létre egy .htaccess fájlt a webroot könyvtárban (nálad ez nyilván nem a /var/www/html könyvtár, de hogy hol van, azt csak te tudhatod. Lényegében az a könyvtár, ahol a főoldal index.html van), ha még nincs, és másold bele ezt:
<FilesMatch "\.(html|htm|js|css|php)">FileETag NoneHeader unset ETagHeader set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"Header set Pragma "no-cache"Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"</FilesMatch>A legelső sorban (FilesMatch) láthatod, hogy milyen nevű, illetve milyen kiterjesztésű fájlokra fog vonatkozni ez a kódrész.
A Header set direktíva azt eredményezi, hogy a webszerver minden egyes válaszába ezeket a fejléceket fogja belerakni.
A Header set Cache-Control egy cacheléssel kapcsolatos fejléc, ami arra utasítja a böngészőt, hogy ne cachelje az adott oldalt. A többi (Pragma, Expires) inkább csak régebbi böngészők miatt kell.
Köszönöm szépen, működik, és értem is
-
Nekem úgy tűnik, hogy itt a checkmarx kissé paranoiás. Nem harmadik féltől jön az ajax response.
Igen, bár tegyük hozzá, hogy nem csak harmadik féltől jöhetnek ártó kódok
Elég ha valaki location.href = 'myhackersite.url' user névvel regisztrál be, és a felületen megjelenítik a user nevet
Szóval persze biztonsági kockázat, de nem annyira ördögtől való (pláne nem a modern js frameworkök előtt) összerakni a html-t, saját backend hívásokból.
Ezért is írtam:
1. megoldás: újraírni a rendszert
2. checkmarx-nál 100% biztos vagyok, hogy lehet paraméterezni, hogy mire riasszon be, és mire ne. Ez esetben a fejlesztő, ha biztos benne, hogy ezek nem 3rd party url hívások, és kivédte, hogy nem kerülhet ártó szándékú js a saját adatbázisba, akkor igaziból nulla a kockázat. -
Igazad van, az innerHTML sem biztonságos:
There is one built-in safeguard in place, though. Just injecting a script element won’t expose you to attacks, because the section of the DOM you’re injecting into has already been parsed and run.
// This won't executevar div = document.querySelector('#some-div');div.innerHTML = '<script>alert("XSS Attack");</script>';JavaScript that runs at a later time, though, will.
// This WILL rundiv.innerHTML = '<script deferred>alert("XSS Attack");</script>';// This will, toodiv.innerHTML = '<img src=x onerror="alert(\'XSS Attack\')">';Ez a megoldás viszont ígéretesnek tűnik:
If the third-party content is allowed to contain markup, a helper library like DOMPurify will remove any markup that’s not part of a secure whitelist before injecting it.
-
-
-
Konkrétumok nélkül nem tudom megítélni, hogy az a többezer sor vajon fölösleges vagy sem.
A HTML nem csak az oldal struktúráját tartalmazza, hanem a tartalmat is. (kivéve a nem szöveges tartalmakat, mint amilyenek a képek, videók)
A CSS-nek sokszor fel kell készülnie arra, hogy a sokféle készüléken sokféle böngésző van, és nem elhanyagolható számú sor kell ahhoz, hogy egyformára hozza ezeket a különféle kliens szoftvereket (CSS reset).
A JS sokszor komplett reaktív frameworkot rejt magában, ami arra kell, hogy ne kézzel kelljen "ajaxosítani" a kliens-szerver közti interakciót.
Igen, ezek a frameworkok sokszor feleslegesen nagynak tűnnek, de ha ennek nincs negatív hatása a szoftver használójára, nem lassú tőle sem a kliens, sem a szerver, sem a kettő közti kommunikáció, vagy nem _emiatt_ lassú, nem kell foglalkozni vele túl sokat.
A szoftverfejlesztők sokszor milliós havi bérét sok cégnek nem egyszerű kigazdálkodnia, ezért a legfontosabb tényező, hogy a fejlesztő gyorsan tudjon dolgozni, és a frameworkok erre vannak kitalálva. Persze ha egy szoftver nem hatékonyan használja az erőforrásokat, az ronthatja a szoftver minőségét, de idő-, és pénzkidobás olyan dolgot optimalizálni, ami jó eséllyel nem lesz szűk keresztmetszet.
Ja igen, még egy érv az elterjedt frameworkok használata mellett: Jó eséllyel nem te leszel az egyetlen, aki hozzányúl a kódhoz, és ilyenkor jól jöhet az, hogy olyan frameworkot használsz, amit a kollégáid is ismernek.
Két dolog végett igazat adok neked, amit nem vettem számításba: A CSS, illetve az, hogy más is belenyúlhat. Ugyanis utóbbi esetemben nem játszik, én magam csinálom, amit szeretnék és [töröm a kezeit] elv működik, ha abba bele akarnak piszkálni
martonx: Most, hogy példával éltél, már látom, mire gondoltok, mint komplex projekt. Így érthető az érv és el is fogadom
-
Én arra volnék kíváncsi, hogy a data változót hogyan töltöd fel. Ez a JSON.stringify kimenet sehogy nem áll össze. JSON formátum esetén minden key idézőjelek között kellene, hogy legyen.
Semmi baja az adatoknak. Vak voltam, és nem vettem észre, hogy nem megfelelő konténerbe próbálom betölteni, azért nem rajzolta ki.
-
Én is maradok az ES5-nél, bár kétségtelen, volt, mikor elcsábultam az ES6 feature-it tekintve. for...of, rest - spread operátor, natív module kezelés, destructuring. A többi szemét.
TS-t egyszer megnéztem, és arra jutottam, hogy nem érdekel. A problémák, amik fejlesztés közben jellemzően felmerülnek, a TS ezek közül nem old meg semmit.
TS-t egyszer megnéztem, és arra jutottam, hogy nem érdekel. A problémák, amik fejlesztés közben jellemzően felmerülnek, a TS ezek közül nem old meg semmit.
Szoval meg nem dolgoztal nagy projekten, csapattal? -
De mondom, lelked rajta.
A lelkem az úré. Minden másra ott van a javascript.
Szerk: Én C64 basic-en kezdtem, aztán jött a Pascal 6-7, ES1-2-3-5, PHP 3-4-5-7, hozzá a JAVA 1.2, és egyszer kénytelen voltam alámerülni a COBOL gyönyöreibe. Szóval lehet, hogy ez csak valamiféle generációk közti megnemértés.
-
Én is maradok az ES5-nél, bár kétségtelen, volt, mikor elcsábultam az ES6 feature-it tekintve. for...of, rest - spread operátor, natív module kezelés, destructuring. A többi szemét.
TS-t egyszer megnéztem, és arra jutottam, hogy nem érdekel. A problémák, amik fejlesztés közben jellemzően felmerülnek, a TS ezek közül nem old meg semmit.
-
Persze, nekem is megvolt az npm install parse-gedcom, globális csomagként (ehhez kell a -g). Lehet, hogy linux alatt, bashben ez jól működiik, de windows cli-ben, adminisztrátor pirivilégiummal, és git-bash alatt sem megy így. Pedig kapott egy input.ged fájlt, nehogy az legyen a problémája, de semmi értékelhetőt nem produkált így sem, még egy értelmezhető error-t sem.
-
Persze, nekem is megvolt az npm install parse-gedcom, globális csomagként (ehhez kell a -g). Lehet, hogy linux alatt, bashben ez jól működiik, de windows cli-ben, adminisztrátor pirivilégiummal, és git-bash alatt sem megy így. Pedig kapott egy input.ged fájlt, nehogy az legyen a problémája, de semmi értékelhetőt nem produkált így sem, még egy értelmezhető error-t sem.
-
u.i: nem tudom miért ilyen fos a PH-s kódformázás, de mindegy, majd magadnál szépre átformázod, ezt a pár sor kódot.
Próbáld ctrl+shift+v-vel beszúrni vscode-ból.
Igazabol csak nem szabad hasznalni az uj szerkesztot.
De a kod formazas sose volt a rios erossege.martonx: nem lesz jo mert korabban azt is mondta hogy irni is szeretne.
-
Én már elengedtem, mindenkinek nyugodtabb, ha elengedjük. Ő meg majd átgondolja, és rájön, hogy az egészet koncepcionálisan rontotta el / végső kínjában csak csinál egy jsfiddle példát, amin keresztül aztán 5 perc alatt megoldjuk a problémáját, több napos, mindenki idegeit tépő vergődés helyett
-
Ha több helyről meg akarsz hívni egy függvényt, direktben, és külön eseménykezelőből is, akkor muszáj neki nevet adni. Eseménykezelőhöz pedig könnyen hozzá lehet rendelni egy meglevő függvényt.
targetElement.addEventListener(eventType, fuggveny);Nagyon szépen köszönöm, ez az amit kerestem.
"Eseménykezelőhöz pedig könnyen hozzá lehet rendelni egy meglevő függvényt."
Ezt nem tudtam, hogy nem kell létre hozni, hanem hozzá is rendelhetem.Mégsem jó, mert így hiába nem futtatom a függvényt, a változó létre jön, az event nélkül is.
-
-
<!DOCTYPE html><html><head><metaname="viewport"content="initial-scale=1,maximum-scale=1,user-scalable=no"/><link rel="stylesheet" href="maplibre-gl.css" /><style>#map {position: absolute;top: 0;bottom: 0;width: 100%;}</style></head><body><div id="map"></div><script type="module">import { Map, GeolocateControl } from './maplibre-gl.js';const mapTilerKey = "get_your_own_OpIi9ZULNHzrESv6T2vL"; // https://cloud.maptiler.com/account/keys/const map = new Map({container: "map",style: `https://api.maptiler.com/maps/hybrid/style.json?key=${mapTilerKey}`,center: [1, 15],zoom: 3});map.addControl(new GeolocateControl({positionOptions: {enableHighAccuracy: true}}));</script></body></html>Innen lehúzhatod a css-t: [link]
Ez meg a js: [link]Nem egyszerű megoldás, de ez a lib eléggé friss még. Majd alakul.
-
megtanulsz kódolni akkor a legtöbb nyelv csak szintax diff lesz
Mégis miről beszélsz? A delikvens nem tudja, hogy mi az a függvény, és mit jelent az, hogy "függvényt meghívni". Visszautasítja a kétszázadik javaslatot is arra vonatkozólag, hogy hol talál leírást, videót, akármit a programozás alapjairól.
-
Az első példádat simán betettem a html oldalba, script tagok közé, és a firefox erre ezt írta:
A document.execCommand('cut'/'copy') megtagadva, mert az nem egy rövid ideig futó, felhasználó által generált esemény kezelőjéből lett hívva.
Ezután beraktam az egészet egy eseménykezelőbe, így már működik:
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Köszönöm szépen! Megpróbálom.
Nem értem.
Új hozzászólás Aktív témák
- Le Mans Ultimate
- Yettel topik
- MasterDeeJay: Legolcsóbb "x99" gép építése. (folyamatban)
- A Linux megnégyszerezte magát a Steamen — a Microsoft ismét ígérget
- Autós topik
- Építő/felújító topik
- Luck Dragon: Asszociációs játék. :)
- Kerékpárosok, bringások ide!
- Tőzsde és gazdaság
- sziku69: Fűzzük össze a szavakat :)
- További aktív témák...
- Új HP ZBook Firefly 16 G10 Profi Tervező Vágó Laptop -50% i7-1355U 16/1TB FHD+ RTX A500 4GB
- Macbook Pro 16" A2485 2021 M1 MAX 32/1TB 32 GPU Astro (2) (39 ciklus 97% akku)
- Intel Core ULTRA 9 285K +32GB 7600MHz Patriot Viper XTREME 5 DDR5 kit! (Bolti ár: kb 600ezer Ft!)
- i9-9900KF + RTX 2060 SUPER Gamer PC
- HP EliteBook 6 G1 Ryzen 5 PRO 2.5 ÉV GARANCIA Csak 9 ciklus!
- Iphone 14 Pro Max /// 100% Akku // 27%-os Áfás számla // 1 Év garancia
- iKing.Hu - Apple MacBook Pro 13 M1 (2020) 16GB/500GB megkímélt állapot 89% 144 ciklus
- Bontatlan Oriflame Love Potion parfüm eladó
- Apple iPhone 15 Plus 128 GB Black 100% Akkumulátor 1 év Garancia Beszámítás Házhozszállítás
- Dell Latitude 5410 - 14" FHD touch, Core i5 10310U, 16GB RAM, SSD, jó akku, számla, 6 hó gar
Állásajánlatok
Cég: aiMotive Kft.
Város: Budapest
Cég: Laptopműhely Bt.
Város: Budapest