Html-, css- és php-help

Jelentkezz be a hozzászóláshoz.

#22736
volt egy-két random chrome bővítményem, töröltem mind, most jó, köszi
CattiBrie
#22735
Nálam betöltött Chrome-ban (is).

Nincs beakadva valami JS?

[/spam]™

#22734
tudja valaki miért nem megy chrome-ban? sosem tölt be

#22733
elnézést nem tudom, hogyan kell szerkeszteni.
végülis megoldottam egy részét, hogy a wrapper-re tettem width:100vw es height:100vh. Ez mennyire "profi" helyes?
https://jsfiddle.net/1z7wnvpL/1/
#22732
Neked is köszönöm a válaszod.
Az aranyokat értem column row-nál és inspectben grid alatt az aranyok rendben vannak,tehat pl az 1/2 az 1/2 de meg van nyúlva
Tegnap csináltam még1 próbát Area-val és itt is megnyúlnak. Pedig kb minden ugyanaz
https://jsfiddle.net/1z7wnvpL/

Vhol az olvastam, hogy reszponzív oldalaknék, ne nagyon használjuk height-tet. itt nem oldané meg problémát? nem lehet használni heightet?
#22731
Köszönöm a válaszod. Én is erre gondoltam, hogy az aranyok tartása miatt nyúlnak meg.
Hol látod, hogy százalékosan van megadva "magasságuk egymáshoz viszonyítva (százalékosan)"?
MerlinW
#22730
A grid-area általános, reszponzív a körülötte levő itemekre, míg a column/row pedig specifikus, azaz te mondod meg milyen arányai legyenek.

"- The grid-column property sets the width of the column of a grid item.
- The grid-row property sets the height of the row of a grid item.
- The grid-area property sets the area of a grid item. It consists of the width of the column & height of the row of a grid item"

[merlinw.org]

#22729
Szerintem azért nyúlnak meg az elsőnél mert a magasságuk egymáshoz viszonyítva (százalékosan) vannak megadva, mikor 500 pixelre váltásnál a legfelső sor magasabbá válik muszáj hogy magasabb legyen a többi sor is hogy az arányok megmaradjanak.
Tán nem a legelegánsabb megoldás de az 500 alatti css szabályoknál újra lehetne definiálni a boxok magasságát
#22728
Sziasztok,
teljesen uj vagyok a forumon.szoval ha nem ideillo kerem szoljatok, hogy hova rakhatnam be ez a kerdest.
HTML/CSS-szel ismerkedem es azon belul a cssgriddel babralok es belefutottam egy olyan dologba amit nem tudok ertelmezni.
A lenyeg az, hogy mikor az 500px media queryhez erek es a menu fuggolegesse valik teljesen megnyulik a tobbi "box" is, pedig sztem nem kene.a megadott grid row/column parameterek nem valtoznak. Egy elozo gyakorlatomban hasonlot csinaltam ahol mikor fuggolegesse valik a menu a tobbi box nem nyulik meg.

Itt van a kod amikor megnyulnak a boxok:
https://jsfiddle.net/L9q0xgs1/

Itt mikor nem:
https://jsfiddle.net/e68notv7/

A ket grid rendszer ennyire kulonbozne?
A valaszotokat is elore koszonom.

Udv,
YoungZeeZee
tigeroo
#22727
React a legelterjedtebb ahogy látom, és a legjobban támogatott (A Facebook/Meta fejlesztői közössége hozta létre)
#22726
Thx!
SzirmosSzisza
#22725
JS világban minden nap van valami új 😄 szerintem Vue vagy React tökéletes a mai világban, bár én backend körökben mozgok.

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

#22724
Akarok csinálni egy új webes alkalmazást (termék kategorizálás, képfeltöltés, semmi extra)

Le vagyok maradva egy évtizeddel, amikor még a jquery volt a menő. Arra gondoltam tanulnék valami újat, érdemes erre Vue-t használni? Vagy van ennél már sokkal korszerűbb megoldás?
SzirmosSzisza
#22723
Nálunk is C, C++, Java, C# volt az útvonal egyetemen, de ilyen gyorstalpalókon nem igazán engedhetik meg maguknak, hogy ennyi mindent tanuljanak.

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

tigeroo
#22722
szerintem a javascript ezért rossz első programozási nyelv megtanulni, mert rengeteg faszság van benne. én elkezdtem, eloquent javascript könyv meg minden de annyi extra kivétel van a nyelvben hogy csak összezavarhatja a kezdőt.
SZERINTEM
egy Java, C++ példa sokkal jobb megismerni hogyan működik a memória, hol élnek a primitívek, stack vs. heap és utána sokkal könnyebb szerintem megérteni hogyan is műköxik a program.

Amúgy ha kell a kérdezőnek van Szegedi Egyetemes jegyzet
MerlinW
#22721
Keress rá a "primitives vs objects"-re. Illetve ha foglalkozni szeretnél a dologgal érdemes elolvasni, megérteni a javascript működését. Hogy kezeli a referenciákat, mutációkat, prototype-ot, scope-ot, osztályokat, objektumokat. A száraz legfrissebb referenciát itt találod
Utoljára szerkesztette: MerlinW, 2022.06.26. 02:22:46

[merlinw.org]

strepsils
#22720
Amin kiakadtam hogy ez sehol nincs elmagyarázva. Más. Javascriptben Mi az hogy szám objektum? Az objektum az a kapcsoszárójelben lévő kulcs érték pár így : const car = {type:"Fiat", model:"500", color:"white"};
És utána jön egy ilyen hogy : When a JavaScript variable is declared with the keyword "new", the variable is created as an object:
x = new String(); // Declares x as a String object
y = new Number(); // Declares y as a Number object
z = new Boolean(); // Declares z as a Boolean object

És hogy ne hasznájuk ezt mert csak bonyolítja a dolgot és lassítja a gépet. De nincs kifejtve hogy mi ez . Mi akar ez lenne? Itt egy változó nevet látunk és sima zárójelet amiben a számok vannak: kocsi(123) De miért objektum ez ha nincs benne kulcs érték páros?
QuippeR
#22719
azért nem kell ehhez 190-es IQ, de persze mindenkinek más nehéz. 0,6-nak 0 az egész része, 0.6 meg a törtrésze. evvan.

The problem is not the problem, the problem is your attitude about the problem.

strepsils
#22718
De sehol nem találsz olyan példát hogy a bal oldalon van a kisebb szám. Milyen 190es IQ kell ahhoz hogy valaki magától rájöjön arra a logikára amit most levezettél. Ha józan ésszel belegondolsz 3 ban az öt nél mit kéne kiszálmolni csak arra jutsz hogy valami tört szám lesz és kiszámolod 0,6 aztán itt meg is rekedsz mert ez már nem maradék hanem pluszék tehát nyelvtanilag is hülyeség az egész . Ugye maradékszámításnak nevezik de itt már nincs maradék, mert az valami invert maradék -2,4 matematikailag. És az bizony kisebb mint az 1 tehát hamis tehát az én logikám szerint lenne jó a válasz. De mégsem az mert ennél a számításnál más a szabály amit elfelejtettek megtanítani ennyi volt a gondom.
SzirmosSzisza
#22717
El kell osztani a 3-at 5-tel és megnézni hányszor van meg benne és venni a maradékot. 3-ban az 5 0-szor van meg és 3-(0*5) az 3 ami nagyobb mint 1. Talán egyszerűbb olyan példán nézni, hogy 7%3, ami meg 7-(3*2) = 1.
Utoljára szerkesztette: SzirmosSzisza, 2022.05.28. 14:41:28

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

strepsils
#22716
Csinálom ezt az újrakezdés programot és a tesztnél feljött egy olyan kérdés hogy 3%5 > 1? 4: 7 Én azt választottam hogy hamis 7 de a válasz igaz 4 . De hogy miért azt sehol nem magyarázták el és neten található magyarázatok közt sem találtam sok kutakodás után sem olyan oldalt ahol a maradékképzésben ilyen hülye érték van megadva hogy egy kisebb számban megvan e a nagyobb szám. Csak ha számológépbe beírom akkor látom hogy tényleg ilyenkor a kissebb szám lesz az eredmény 3 . De miért ? Ezt mi az istenért nem tanítják vagy honnan kéne kiszopnom mondom még egy tucat google keresés után sem találok erre magyarázatot . És az oktató videóban se volt erről egy hang sem említve.
strepsils
#22715
Értem.
MerlinW
#22714
Javascriptben ami nem undefined, false, NaN, 0, '', null, az true, tehát van értéke, nem üres. Azt vizsgáljuk. Programozásban minden lehetőséget vizsgálunk, ha nem tesszük akkor jöhetnek a hibák, valamint a jövőre is gondolni kell, mint pl ha megváltozik valahol a kód, akkor minden funkciónak le kell tudnia azt kezelni, azaz csak valid adattal foglalkozni. Normál esetben még külön tesztek is készülnek mindenről, de ez már más téma.

Azt javaslom, hogy fuss át egy html/javascript alapok kezdőknek írást, ha foglalkozni szeretnél a témával.
Utoljára szerkesztette: MerlinW, 2022.04.03. 13:47:17

[merlinw.org]

strepsils
#22713
Hát én csak ezt a kiszámolót csináltam meg c ben. A vessző kicserélést ott is segítséggel. Az csak egy primitív rövid kód ehez képest. Bemásolnám de olyan okos voltam hogy az exe fájl elkészültével ki is töröltem a kódot mert annyira értek ehez is hogy csak utána esett le az exe fájlt nem lehet a szerkesző programban megnyitni és már emlékezetből se menne hogy volt. Ilyen bonyolult kereszbe hivatkozásokat meg hogy több fájl van és egyik ezt csinálja a másik meg azt nem dolgoztam . Itt még a színek ellenére se tudtam már a vége felé megfejteni hogy melyik változó hova tartozik és mi miért van.

Az utolsó esetnél pl nem értem hogy miért kell ez az if (ujszam) { } Ez egy feltételvizsgálat és ha igen mit vizsgál? Miért kell megvizsgálni a beírt számot hogy aztán kiírassuk a táblázatba? Kipróbáltam ha nem írom elé az if et akkor is működik.
MerlinW
#22712
Azt írtad dolgoztál már C-vel. Ebből arra következtettem hogy a kód jó részét megérted, illetve hogy tisztában vagy azzal, hogy tanulás nélkül nem fogsz idegen nyelven beszélni 😉

Mi az az innerHTML:

[merlinw.org]

QuippeR
#22711
A 29. sorban az innerHtml-be bármit beletehetsz. Most mit teszel bele? A numberList tömböt.
A te gondod az, hogy a numberList-be mindig az aktuális összeget rakjuk bele. Hol? A 28. sorban.

Szóval mi a megoldás: kell egy normalizált verziója az új számnak, és azt kell a tömbbe rakni. Például így megkaphatod a normalizált számot:
const ujszam = this.calc(0, this.ujszam_input.value);

Mindenképpen a 26. sornál korábban, mert ott töröljük az input_value értékét, mondjuk a 22. sornál jó lenne.

Ezután a 28. sornál az új számot kell a tömbbe rakni az összeg helyett, de csak akkor, ha helyes az új szám. Tehát cseréld le azt a sort erre:
if (ujszam) {

this.numberList.unshift(ujszam);
}

The problem is not the problem, the problem is your attitude about the problem.

strepsils
#22710
Nagyon szép munka. Nekem még mindig kínai . Megint bele kellett raknom hogy enterre működjön. A lista is jó csak éppen nem az eredményt akarom listázni hanem az újszám inputokat. Igaz beleírtad hogy az innter htmlbe azt rakok amit akarod de én egy óra gondolkozás után feladtam hogy megfejtsem hogy hogy gondolod. Egyszerűen nem értem hogy mivel vezérled a listát ,nem látok ott semmilyen változóra mutatást amivel az összeg input mezejét bekéred így azt se tudom hogy kéne az újszám inputot bekéretni. Mi az az inner htm el? Ide le tudnád ezt írni ?
Vagy ha bele akarod írni akkor az enyémbe írd már bele mert rengeteget módosítottam a méreteken színeken és ugyebár az enteren. Köszi!
MerlinW
#22709
Rosszul gondolod. A JS azért olyan népszerű, mert kb nincsenek határai. Bármit megtehetsz vele.


Szerk: így talán érthetőbb lesz számodra
Utoljára szerkesztette: MerlinW, 2022.03.31. 01:13:10

[merlinw.org]

strepsils
#22708
Azon agyalok hogy kéne kilistázni mellé az addig beírt számokat de nagy falat az nekem. Már ezeket a lecserélő kódokat sem értem olyan gcibonyolult szintaktika a c hez képest . Ha nem fáradtság ebben a kilistázásban segíthetsz . Én arra gondoltam hogy egy tömbbe kéne belerakni mindig az új számot és azt mindig egy sorba kiiratni. De így html ben nem látom át hogy mit hova kell írni és miért hova íródik ki amit a JS script csinál. Jól gondolom hogy a html ben csak egy input mezőbe lehet adatokat átvinni , tehát ott nem fog felsorolódni szövegként a szám mint azok a label után írt szövegek?
MerlinW
#22707
Ha nem értesz valamit, kérdezz.

[merlinw.org]

strepsils
#22706
Köszi ez nekem teljesen jó. Igaz nem értem a felét de a lényeg hogy működik. (Az enterre működést javítottam mert azt kifelejtetted 😊 )
MerlinW
#22705
Tessék. Ez sem szép, de én sem foglalkoztam vele 10 percnél többet. Ebből meríthetsz ötletet.

[merlinw.org]

strepsils
#22704
Köszönöm! A vessző nálam sem működik . most itt tartok https://jsfiddle.net/970caLf8/59/
Lehet hogy a lecserélős módszert kéne alkalmazni ? Van valami olyan kód ami kikeresi a vesszőt és lecseréli legalábbis c++ ban úgy lett megcsinálva.

Amit még nem tudok hogy lehet az input rublikát felnagyítani . Mert minden más nagyul a <h1> formulára , meg a css ből vezérelve is minden nagyul de az a rohadék input mező nem . A size="100px" csak a rublika hosszúságát változtatja (text módban).
Malakai
#22703
1. Html-ben egy number input-nál úgy lehet float-ot használni, ha step attribútumként egy tizedest adsz meg.

Pl. 2 tizedesig:

<input type="number" step="0.01" />


Amennyiben ezt teszed a javascript oldalon parseInt helyett parseFloat-al kell beolvasni.

Ha float-ot használsz érdemes szem előtt tartani, hogy amiatt ahogy a javascript tárolja a float-ot várhatóak precizitás béli problémák.
Ha nem kerül túl nagy számokkal használatra, akkor egyszerűen lehet tizedesig kerekíteni.

Pl.:

function roundTo(num, dec = 2) {
const pow = 10 ** dec
return Math.round(num * pow) / pow
}


2. Itt a probléma, hogy sajnos a magyar tizedes vesszőt használ, míg a number input tizedes pontot vár. Ennek kezelése OS/böngésző/nyelv függő. Firefox támogatja a lang attríbutumot az input-on, amit ha pl "hu"-ra állítasz, akkor elfogadja a vesszőt (és a pontot is). Sajnos Chrome ezt nem támogatja és ő mindig pontot vár.

Megoldás sajnos nem egyszerű, mert chromium number input ezen funckiója még mindig a blackbox mögött van és nekem egy "pont" input event szimulálásával sem sikerült átverni, max elég béna módon egyből egy 0-át is odarakni a pont mögé, amikor vesszőt ütsz.

Amennyiben fontos, egy megoldás, ha felhagysz a type="number"-el és sima sima szövegeset használsz inkább. Ez esetben sok kényelmi funkciót viszont újra kell implementálni.

Valami nagyon minimál példának:

<input type="text" inputmode="decimal" pattern="-?<0-9>+([\.,]<0-9>+)?" />


3. Ez a legegyszerűbb.


// ...
osszeg_input.value = parseInt(osszeg_input.value) + parseInt(ujszam_input.value);
ujszam_input.value = '';
ujszam_input.focus();
// ...

(\__/) ( X.x) ( } . { )

strepsils
#22702
Köszi király vagy! Már csak három problémám van .1 Float számokkal kell dolgoznom 2 A numerikus pad vesszőjét kéne tizedespontnak használni. 3 A hozzáadandó rublika törlődjön ki a bevitel után hogy a következő számot egyből lehessen is gépelni.
QuippeR
#22701
Ha jól értettem, akkor nagyjából ez kell neked.

Nyilván nem a legszebb kód, de elvileg azt csinálja, amit akartál. Meghagytam a magyar neveket, ha már úgy kezdtél neki.
Kell két elem, az egyikben az összeg, a másikban az új szám.
Ahhoz, hogy enterre menjen, kell egy form, aminek az onsubmit eventjét megállítjuk (return false), különben újratöltené az oldalt.
És hát értelemszerűen valid html meg js kell, ami szintén hibádzott pár helyen.

The problem is not the problem, the problem is your attitude about the problem.

strepsils
#22700
Valaki érdemileg tudna segíteni ebben hogy két számot hogy adjak össze? Tudom hogy szar de hogy kéne kijavítani a kódot?
Egy beadó rublika kell amibe mindig írom az új számot.
És egy eredmény kijelző.
De a következő össeadást mindig az eredményhez kell hozzáadni.
Először tehát nulla az eredmény, aztán mindig van egy szám az eredmény rublikába amihez hozzá kell adni a következő számot.
És nem lehet egérrel klikkelni ! Enter leütésére akarom hogy haladjon a program. Rohadtul nem értek a html JS hez tudom hogy szar a szintaxis de nem érek rá napokig ezt olvasni így is ráment a c++ ra rengeteg órám mire megtanultam csak az meg nem fut a régi gépen. Tehát azért kellene html ben megoldani .

<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="összeado.css"type="text/css">
<title>Összeadás</title>
<script>
function gomb() {var szam1, szam2;
szam1+szam2;
}
</script>

</head>
<body>

<input id value >

<button

</body>
</html>
SzirmosSzisza
#22699
Én is akartam linkelni a https://www.w3fools.com/ oldalt de úgy néz ki már nem aktuális.

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

Malakai
#22698
w3schools-nak nincs köze a W3C-hez. Én nem szoktam ajánlani, de bennem még bennem van a régi rossz hírneve az oldalnak.

MDN, ha referencia oldal, azt már régóta nem csak mozilla community szerkeszti, hanem már Google is elfogadta, mint webes doksi pl és ők is szerkesztgetik. Gondolom amíg a web.dev nem tartalmaz majd átfogó referenciákat.

Ha meg tutorial oldal úgy általánosan, akkor szerintem freeCodeCamp.

(\__/) ( X.x) ( } . { )

MerlinW
#22697
A w3c meg az egész web atyja, ők döntenek a szabványokról.

[merlinw.org]

#22696
Köszike, én a html.am oldalt ismerem, ott is sok mindent leírnak, a funkciókat még példákkal is megmutatják. <#smile>
MerlinW
#22695
Itt nézelődj, ha nem megy valami
Utoljára szerkesztette: MerlinW, 2021.02.15. 12:37:48

[merlinw.org]

#22694
Köszönöm. <#vigyor0>
#22693
background-attachment: fixed;
#22692
Lehet, hogy csak én vagyok "bénabéla", de mi a paramétere annak, hogy a html oldal háttere ne gördüljön, hanem töltse ki a böngésző ablakát és csak előtte gördüljön az oldal tartalma? <#rolleyes>
SzirmosSzisza
#22691
Reszponzív dizájnra keress rá.

“A distributed system is one in which the failure of a computer you didn't even know existed can render your own computer unusable” _____/|_____\o/___ Cápatámadás

#22690
html szerkesztesnel meg tudom adni azt, h az oldal elrendezeset mindig igazitsa az adott eszkozhoz? h egyszerre jol nezzen ki aszatali gepen es okos telon? ha igen, hogyan?
j0nNyKa
#22689

SG troll, ban, büntetőpont, hsz törlés FAQ: http://kocsog.eu/ban/

#22688
laptopon 😄
Bercy
#22687
Jellemzően 34" ultrawide-ot használok, de a covid óta ritkán járok be az irodámba, így marad a laptop monitor. Régebben azt hittem képtelen lennék egy kis laptop monitoron dolgozni, de egész jól megszoktam. Őszintén mondom, hogy backend fejlesztéshez nekem elég. Egyik asztalon van az IDE másikon általában teminal amivel teszteket futtatok és magic mouse 2 ujj swipe gesztussal váltok az asztalok között. Így elég gyors.