- Milyen egeret válasszak?
- OLED, Mini-LED, IPS, VA, TN - melyik panelt válaszd 2025-ben?
- Hobby elektronika
- Radeon RX 9060 XT: Ezt aztán jól meghúzták
- Kormányok / autós szimulátorok topikja
- Milyen RAM-ot vegyek?
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- AMD Navi Radeon™ RX 9xxx sorozat
- OLED monitor topik
- AMD Catalyst™ driverek topikja
-
PROHARDVER!
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
-
cattus
addikt
válasz
bandi0000 #6999 üzenetére
Amíg az alkalmazáson belül marad az adat, addig persze, átadhatod az adott objektumként (kérdés, hogy a Form kezelésén kívül szükség van-e máshol a teljes wrappelt objektumra az adaton kívül - általában nem), a lényeg, hogy amikor a HTTP hívás megtörténik, ott már a "csupasz" JSON objektumot küldd el a szerver felé.
-
bandi0000
nagyúr
köszönöm, nem akarom húzni az agyad a hülye kérdéseimmel, de tényleg ilyen apróságokat nem értek, és szeretném jól csinálni ,ha már csinálom
Ha az általad javasolt form-al csinálom meg ezt, akkor nem objektumként kellene tovább adni service komponensnek(ebbe kezelm a httpclientet), mármint nyilván egyszerűbb JSON-ként vagy akár tömbként tovább adni, de mindenhol az OOP megy nem? Mert a PHP-ben is minden adatot objektumként adtam át
-
Zedz
addikt
válasz
bandi0000 #6997 üzenetére
JSON objektumot kell csinálnod a FormGroupból kinyert adatokból. Azt oda adod a httpclientnek, ami elküldi a szerverre. Az fogadja, feldolgozza, menti.
-
bandi0000
nagyúr
köszönöm, utánanézek
Most viszont elakadtam kicsit
Csináltam egy Form-ot, hogy új felhasználót tudjak elmenteni, de nem tudom hogy célszerű az adatokat átadni a komponensnek, találtam az angular oldalán egy példát, ha minden igaz itt a 2 oldalú adat kötést használja?
Nekem 2 problémám van, egyrészt létre kellene hoznom gondolom egy Student objektumot, aminek a tag változóira használom ezt az adatkötést, és a végén lesz egy feltöltött student objektumom amit aztán át tudok dobni a service komponensnek, hogy elmentse, ez jó megoldás? Csak elég buta dolog, de nem tudom hogyan kellene létrehozni ezt az objektumot, mert mindenre hibát dob kb, bárhogy próbálom
Vagy esetleg van itt is olyan cucc mint HTML-be, hogy 1 tömbbe adja vissza az összes adatot? vagy esetleg teljesen máshogy kellene gondolkodnom?
-
bandi0000
nagyúr
Lett egy kis problémám, amikor hozzá akarok férni a PHP backend-hez hibát ír, mégpedig, hogy CORS policy miatt le van tiltva, találtam rá megoldást, valami plugn chrome-hoz, de gondolom ha dedikált szerveren lenne a PHP akkor már nem lenne ilyen baja
Vagy a plung-on kívül van más megoldás?
-
Jim-Y
veterán
válasz
martonx #6988 üzenetére
Szerintem az Angular nem jart le, csak foleg nagy cegek hasznaljak mint de facto FE solution.
Abban egyetertek, hogy egy startup valoszinuleg nem angular-t fog valasztani a friss (egyetlen) termekhez, es azzal is egyetertek, hogy egy szakdolgozathoz nem biztos, hogy angular a legjobb valasztas.Ettol fuggetlenul nem kell leirni, tobb ceg hasznalja mint gondolnad szerintem, sot meg a legtobb 1.x-et hasznal ebben biztos vagyok.
-
martonx
veterán
Hol írtam, hogy halott? Csak azt írtam, hogy már nem menő, és nem véletlenül, mert szvsz sose volt jó, csak hát a hype…
Angulart per feature semmi értelme összehasonlítani a react-tal, vue-val, mert az angular egy full framework, a react csak egy faék rendering engine (hehe, nevével ellentétben még csak nem is reagál a modell változásokara) a vuejs meg egy rendering engine, ami legalább reagál a modellek változására.
Ezért is írtam, hogy az Angulart jóval nehezebb megtanulni, megérteni, mert van (és kötelező is benne használni) a DI-t, controllereket, service-eket, ahogy az egy böszme nagy rendszerhez illik.
És pont ezért ajánlom egy szakdolgozat erejéig sokkal inkább a Vue / React-ot, mert Angularhoz képest röhej laza a betanulásuk (hacsak nem szopatjuk meg magunkat rögtön Redux-al a React mellé, vagy VueX-el a Vue mellé), miközben egyébként ezekkel is pont ugyanúgy össze lehet nagy és komoly összetett frontendeket tenni, mint Angularral. -
cattus
addikt
válasz
martonx #6984 üzenetére
Tény, hogy a React népszerűbb, de az Angular 2+ bőven nem halott platform. Mind támogatásban, mind feature set-ben szerintem előrébb van, mint a Vue. Tény, hogy komplikáltabb a default felépítése, mint a másik két "nagy" frameworknek, de ha megnő az alkalmazásod, akkor mindegyikben sok kód lesz előbb-utóbb.
-
bandi0000
nagyúr
válasz
martonx #6984 üzenetére
Hát nem tudom, majd ránézek kicsit jobban, találtam valami diagranot, aszerint nem igen használják még a vue-t, inkább a react ami elterjedt jobban
Mindenesetre utánanêzek, nekem igazából kezdőként bejön az angular, 1-2 fura szintaktikán kívül, de az szerintem az én technikai tudásom miatt van
Esetleg tudsz valami angular tutirialhoz hasonlót vue-hoz? Amit találtam az csak az egyes dolgokat mutatja be, azt se olyan jól mint ah angularos
-
martonx
veterán
válasz
bandi0000 #6976 üzenetére
Angular már lejárt (szvsz nem véltelneül, mert 1.X verzió mérhetetlenül szar is volt, nem is értem, hogy hypeolhatták egyesek, 2.X-től kezdve nem ismerem, de hiszem, hogy nem véletlenül ment ki a divatból).
Ha már Single Page app és naprakész dolog, akkor a react-ot vagy még inkább a vuejs-t javaslom. Vuejs-nek elképesztőn könnyű a betanulása, kezdőknek szerintem a létező legjobb választás. -
cattus
addikt
válasz
bandi0000 #6982 üzenetére
És ez a tap fv vagy micsoda, ez mit akar csinálni? Sikeres kérésre csinál valamit, a cathError meg a sikertelenre?
A catchError igen, a tap ennél kicsit összetettebb. Dokumentáció -> [link]
Lényegében egy side-effectet csinál anélkül, hogy a forrás Observable-t megváltoztatná. Érdemes utánnanézni a pipe opreátornak és használatának -> [link]A handleError első paraméterként megkapja, hogy melyik függvényben keletkezett a hiba. Maga a handleError egy
(error: any): Observable<T>
szignatúrájú függvénnyel tér vissza. Ez a függvény kilogolja konzolra és a saját logger függvénnyel az errort, majd visszaadja az esetlegesen paraméterként kapott változót Observable-be csomagolva (erre szolgál azof(result as T)
).Utolsó kérdésedre: igen, definiálsz a backenden egy végpontot, amin JSON-ban adod vissza az adatot, majd a frontendről ezt a végpontot hívod HttpClient-tel.
-
bandi0000
nagyúr
Na megint csak lett egy pár, remélhetőleg egy ideig utolsó kérdéseim is
Végig értem az angular tutorialon,itt a forrás ha ez segít átlátni jobban
InMemoryDataService ezt használta az adatok szimulálására, kicsit elvesztem, hogy honnan is kapom az adatokat, ezzel lettek lekérve, az url: api/heroes, de ez honnan jön, vagy ez az InMemoryDataService válaszol ezekre a kérésekre?
És ez a tap fv vagy micsoda, ez mit akar csinálni? Sikeres kérésre csinál valamit, a cathError meg a sikertelenre?getHeroes (): Observable<Hero[]> {
return this.http.get<Hero[]>(this.heroesUrl)
.pipe(
tap(_ => this.log('fetched heroes')),
catchError(this.handleError('getHeroes', []))
);
}Na meg van ez, látom, nagyjából, hogy mit akar csinálni, de ez jelenleg borzasztóan néz ki számomra, mondjuk inkább úgy, hogy magamtól nem hiszem, hogy ezt meg tudnám írni,hogyan kellene ezt értelmezni szintaktikailag?
private handleError<T> (operation = 'operation', result?: T) {
return (error: any): Observable<T> => {
// TODO: send the error to remote logging infrastructure
console.error(error); // log to console instead
// TODO: better job of transforming error for user consumption
this.log(`${operation} failed: ${error.message}`);
// Let the app keep running by returning an empty result.
return of(result as T);
};+1
ugye itt beépített adatokkal dolgoztam, de ha össze akarom lőni PHP backend-el, akkor a hero.service.ts-ben a getHeroes metódusba az URL az majd a PHP hozzá hasonló getHeroes URL-re fog mutatni, ahol majd egy JSON objektumba kapja meg az adatokat? -
Zedz
addikt
válasz
bandi0000 #6978 üzenetére
Webshopra például mehet, ha a kliens valami nagyon interaktív dolgot szeretne. Alapvetően én úgy gondolom, hogy ez a single page app dolog kliens heavy cuccoknál, vagy pedig for fun hobbi projekteknél éri meg.
Ha mezei de mégis CRUD dolgot akarunk, mint mondjuk a Prohardver lapcsalád, fórummal együtt, akkor arra tökéletes egy Express, egy Laravel vagy Django. Rövid pályafutásom során úgy vettem észre, hogy sokszor csak azért van használva XY dolog, mert csak azt ismeri a fejlesztő (csapat), és akkor automatikusan abba készül valami, holott lehet, hogy tipikusan ágyúval verébre szituáció lesz belőle. (khm Java khm)
De mint írtam szakdogának egy Ng + php api szerintem jófej dolog, bárcsak én is tudtam volna ilyet amikor én írtam a szakdogám.
-
Zedz
addikt
válasz
bandi0000 #6971 üzenetére
Cattus kolléga válaszát szeretném annyival kiegészíteni, hogy ha az Observable részt jobban megszeretnéd érteni, akkor:
1) Nézz utána az Observer patternnek. Ez nem Angular specifikus, hanem egy programozási tervezési minta, amit több területen is tudsz használni.
2) Nézd meg ezeket: RxJS, RxJS emberibb nyelven.Szerintem erősen ajánlott ezekkel minél előbb megismerkedni, mert nagyon hasznosak tudnak lenni.
Ha csak for fun készítesz valamit akkor mehet Angularban, de ha mondjuk production szerű dolgot csinálsz, akkor 2 táblára nem biztos, hogy ez a legjobb megközelítés.
-
cattus
addikt
válasz
bandi0000 #6973 üzenetére
Most nem tudom pontosan a tutorial-ban mi van, általában a userek felé szokták tudatni, ha egy művelet sikeres volt / failelt.
Ez nagyban függ attól, hogy a backend hogyan működik, milyen végpontjai vannak (bár ez nem mindig feltétel, lásd GraphQL), és az alapján tudja a kliens hívni. Meg attól is függ, hogy a user felé hogyan jeleníted meg az adatokat. De egy egyszerű CRUD app esetében igen, egy táblához tartozik egy API endpoint, amit meg akarsz jeleníteni valahogyan a frontenden.
-
bandi0000
nagyúr
köszi
lementés alatt semmit nem értek, vagyis nem látom, hogy mi értelme ily módon az üzenet kezelésnek, mármint az jó, hogy én most látom ezt, de a felhasználónak gondolom nem kell ez, esetleg el lehetne ezt küldeni servernek, vagy nem is tudom miért jó ez
Amúgy ha egy konkrét weboldalt akarok csinálni, akkor ha e szerint építeném fel a frontendet, akkor az megfelelő lenne? pl lenne 2 adatbázis táblám, akkor ehhez majd 2 service kell, azt ugyan így bedobom csak app mappán belülre és használom, vagy ezt elszeparálják vagy akármi?
-
cattus
addikt
válasz
bandi0000 #6971 üzenetére
ngOnInit és konstruktor kapcsolata: [link]
Typescriptben minden tagváltozót / tagfüggvényt this-szel kell hivatkozni osztályon belül, ez a nyelv jellegzetessége.
Miért kellett az a lambda kifejezés? Elvileg van egy HeroService, ami egy tömböt adna vissza
Nem egészen, a service egy
Observable<Hero[]>
-t ad vissza, aminek asubscribe
metódusával tudsz feliratkozni a változására, így aszinkron módon tud működni a service.ezek a service osztályok csak arra vannak, hogy adatokat szolgáltassanak
Legiknább arra, de használhatóak arra is, hogy a front-end beállításait elérhetővé tegyék a komponensek között.
a komponensek meg gyakorlatilag minden másra
A komponens a webappodnak egy adott feladatát ellátó része, rendelkezik felülettel (template), formázással (stylesheet), meg logikával (.ts kód).ő
Observable<> meg azért kell, hogy ha servertől várnám az adatot, és ha az nem érkezik meg, akkor ne omoljon össze az alkalmazás, hanem várjon addig, amíg nem kapja meg
Inkább úgy fogalmaznék, hogy így nem blokkolja a UI-t, amíg megjön az adat, tehát nem "fagy be" az alkalmazás.
Tutorialba csináltunk még üzenet kezelést, pl, amikor betöltődnek az adatok, akkor kiírja hogy sikeres volt,ezt valós alkalmazásnál is használják, vagy nem ilyen formában gondolom, hanem lementik valahova?
Mit értesz lementés alatt? Front-end kódban nagyon ritkán van szükség perzisztens adattárolásra, egy üzenet megjelenítéséhez meg nem is kell.
-
bandi0000
nagyúr
sziasztok
Mivel nem találtam külön fórumot, remélem itt is elfér, vagy lehet ide is tartozik, ha nem akkor majd törlik
Angular Tour of Heroes tutorialt csinálgatom, most barátkozok a javascript/typescript világával
Nagyon jól össze van szedve ez a tutorial, de azért van pár kérdés, ami részben az angol tudásom, részben a tudatlanságomnak köszönhetek, szóval ha tudna valaki pár mondatban segíteni, azt megköszönném
Construktor, és az ngOninit zavart össze kicsit, konstruktorban csak a függőségeket adta át a tutorial, ha jól értelmezem, de akkor mit csinál ez az ngOninit? Gyakorlatilag itt használtuk mindkettőt
export class HeroesComponent implements OnInit {
heroes:Hero[];
selectedHero: Hero;
onSelect(hero: Hero): void {
this.selectedHero = hero;
}
getHeroes(): void {
this.heroService.getHeroes()
.subscribe(heroes => this.heroes = heroes);
}
constructor(private heroService: HeroService) { }
ngOnInit() {
this.getHeroes();
}
}Ha már itt a kód, akkor függvénynél, miért kellett hivatkozni ? saját magára? this-el, vagy csak ez a szintaktika és kész?
Miért kellett az a lambda kifejezés? Elvileg van egy HeroService, ami egy tömböt adna vissza
Nagyon nem vagyunk vele barátok, nem tudom felfogni, hogy mikor mit csinál, hiába próbálkoztam már megszeretniEnnyi lenne kb, meg pár amit szerintem értek, de inkább kérdezek, nehogy félre értsem
ezek a service osztályok csak arra vannak, hogy adatokat szolgáltassanak
a komponensek meg gyakorlatilag minden másra
Observable<> meg azért kell, hogy ha servertől várnám az adatot, és ha az nem érkezik meg, akkor ne omoljon össze az alkalmazás, hanem várjon addig, amíg nem kapja meg
Tutorialba csináltunk még üzenet kezelést, pl, amikor betöltődnek az adatok, akkor kiírja hogy sikeres volt,ezt valós alkalmazásnál is használják, vagy nem ilyen formában gondolom, hanem lementik valahova?
-
snowdog
veterán
Köszi megoldottam. Jobb ötletem nem volt, mint az ablakok fókuszát figyelem. A lényeg hogy nekem így már megfelelő.
u.i. 404 nincs benne, csak olyan linket is megadok a letöltőnek, aminek nem felel meg letölthető fájl. Ilyenkor nem 404 jelenik meg, hanem a Calibre közli, hogy olyan fájl nem létezik.
-
snowdog
veterán
1. A felhasználó egy programot (Calibre) osztott meg, és ezen keresztül tudok letölteni, tehát a letöltést a program vezérli.
2. Nem vagyok programozó, tehát csak alkalmazni tudom például a minta programokat. Abból a számomra megfelelő részeket be tudom illeszteni a html részbe. Ha tudnál példát írni, az nagy segítség lenne.
-
Doink
aktív tag
válasz
snowdog #6965 üzenetére
1. kérdés: Nem lehet, a user beállította a böngészőjében hogy kérdezzen rá akkor rá fog kérdezni. (IE-nél lehet valamit hegeszteni rajta talán mert nekik van ilyen: window.navigator.msSaveOrOpenBlob)
2. kérdés:
Én fetchelném őket blob-okba aztán utána save.
Ezt az iframe-es / 4 dollárjelért jquery behúzásos setTimeoutos mókát nem biztos hogy eröltetném. -
snowdog
veterán
Sziasztok!
Az alábbi programmal kapcsolatban szeretnénk segítséget kérni.
<!DOCTYPE HTML>
<html>
<body>
<button id="download">Download</button>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
$('#download').click(function() {
download(
'http://nogin.info/cv1.doc',
'http://nogin.info/cv2.doc',
'http://nogin.info/cv.3doc',
'http://nogin.info/cv4.doc');
});
var download = function() {
for(var i=0; i<arguments.length; i++) {
var iframe = $('<iframe style="visibility: collapse;"></iframe>');
$('body').append(iframe);
var content = iframe[0].contentDocument;
var form = '<form action="' + arguments[i] + '" method="GET"></form>';
content.write(form);
$('form', content).submit();
setTimeout((function(iframe) {
return function() {
iframe.remove();
}
})(iframe), 2000);
}
}
</script>
</body>
</html>Az oldalon több gombot helyeztem el, aminek megnyomására letöltődik a beírt 4 linken található file. Nem minden esetben érhető el mind a négy file, a számuk 1-4-ig változó.
Az első kérdésem ahhoz kapcsolódik, hogy a gomb megnyomása után max. négyszer (attól függően hogy a linken elérhető file van vagy sem) felugrik a "Mentés másként" ablak, amiben a letöltés elindításához meg kell nyomnom az OK gombot. Hogyan lehetne megoldani, hogy az ablak ne ugorjon fel, hanem a letöltés azonnal induljon el?
A második kérdés, hogyan tudnám számolni, hogy egy gomb megnyomása után hányszor ugrik fel a "Mentés másként" ablak? A műveletet egyszerűen nem tudom elcsípni.
Azért ez a programkódot használom, mert ennél ha egy linken nem érhető el a letöltendő file, akkor továbblép (semmi sem látható belőle, valójában ezt szeretném számolni), és nem lép ki az oldalból.
Amiket még próbáltam, azokkal az a probléma, hogy ha egy olyan linkre fut, ahol nincs letölthető file, akkor az ablak helyén egy üzenet jelenik meg (a file nem létezik üzenettel). Nekem fontos hogy ez ne jelenjen meg, hanem a program ezt a háttérben lekezelje. A betett program ilyen.
-
Doink
aktív tag
Hát ha nagyon gettoban nyomod és csak a php akkor onchange-nél írd át a document.location.href -et úgy, hogy megkapja az első select kiválasztott idjét pl: http://blablalba/products?product_id=2
És így php-ban már látod a $_GET['product_id']-t és csak 1 sor js-t kellett írni.
Ez a megoldás több sebből is vérzik de csak azért írtam hogy lásd hogy megoldható.Amúgy inkább ajaxal kéne, ha az első select változik akkor fetch()-elsz egyet ahol visszakapod a kiválaszott product színeit json-ban. Utána meg jsből kicseréled az alsó select értékeit.
-
amdni
aktív tag
válasz
martonx #6962 üzenetére
https://jsfiddle.net/amdni/xv0q7wra/1/#&togetherjs=jBfuAjbx0j
Az első <opiton> működik, benne vannak az értékek, amit mysql adatbázisból olvas ki.
Azt szeretném, hogy a második <select><option> attól függően hogy milyen érték id van kiválasztva az elsőben, más tábált olvasson majd be az adatbázisba azaz másik php függvény fusson le. Erre gondolom egy if vagy case függvény megfelelne, de nem tudom hogy hogyan vigyem be php-ba azt az értéket, amit kiválasztottam az első <option>-ban, consol-ra ki tudom íratni a kiválasztottat, de a php-be nem tudom átvinni, undifined az érték.Php-ben kell egy beadandót csinálnom, de úgy látom hogy mindenképpen kell javascript hozzá, amihez még nem értek.
-
-
amdni
aktív tag
Üdv!
Sajnos nem boldogulok egy php + javascript feladat megoldással.
Azt szeretném, hogy sql adatbázisból betöltök néhány értéket, és a második <option>-ba menjen át az érték,
az amit az leső <option>-ba beállítottam. Már jó ideje próbálom de nem sikerül. Kérnék segítséget ez ügyben, köszönöm.:<form name="order" method="post" action="#" id="order">
<div id="input1" class="inputs clearfix">
<div class="h1">
<select id="termek_tipus" onchange="GetSelectValue(this.value);">
<option value="0">Válasszon terméket!</option>
<?php foreach(TermekTipus($connect) as $a) {?>
<option value="<?php echo $a['id'];?>"><?php echo $a['name'];
?></option>
<?php } ?>
</select>
</div>
<div class="h2">
<select id="color">
<option value="0">Válasszon színt</option>
<option><?php echo "<script>var temp;
function GetSelectValue(value){
console.log(value);
temp = value;
console.log(temp);
document.write(temp);
}
</script>"
?>
</option>
</select> -
Doink
aktív tag
válasz
ZephyrDavid #6950 üzenetére
Képet canvas-ba ki tudod rajzolni.
-
martonx
veterán
válasz
ZephyrDavid #6950 üzenetére
Van 3 db input meződ. Ezekből bekéred az értéket és jöhet a matek. Ha a matek végén az jött ki, hogy ez vagy az vagy amaz, akkor ezt kiírod, illetve mindegyik verzióhoz csinálsz egy egy képet, és azt a képet jelzed ki. Ez a legegyszerűbb.
Továbbra sem értem mi a kérdés, a matek részében nem vagyok hajlandó segíteni, mert nem ennek a topiknak a feladata (no persze az is triviális).
Tegyél fel egy jsfiddle-t, ha ennyire nem megy, és hátha valaki megszán, és befejezi helyetted. -
Doink
aktív tag
válasz
Flowtation #6953 üzenetére
- egy notepad kell hozzá
- ha nincs jquery (1.7 vagy újabb) az oldaladon akkor azt is letölöd
- letölöd ezt is
- scriptek közé beteszed őket, jquery után legyen a turn.js<script src="......valahol a szervereden....../jquery.min.js">
<script src="......valahol a szervereden....../turn.min.js">- html <body>-ba bevered azt ami az oldalukon is látszik "Lets code" címmel
<div id="flipbook">
<div class="hard"> Turn.js </div>
<div class="hard"></div>
<div> Page 1 </div>
<div> Page 2 </div>
<div class="hard"></div>
<div class="hard"></div>
</div>
<script type="text/javascript">
$("#flipbook").turn({
width: 400,
height: 300,
autoCenter: true
});
</script>- minden div egy oldal szóval a csodaprogramodól html-be exportálod ki és oldalanként beteszed a kódjukat a fenti <div></div>-ekbe
-
Flowtation
őstag
Sziasztok!
Segítséget szeretnék kérni, de abszolút sötét vagyok a témában. Nem találtam jobb topicot erre, remélem a végén érthető lesz, miért.
Röviden arról van szó, hogy csinálok egy egyszerű újságot Scribussal, ezt PDF-ként mentem el a végén. Ebből szeretnék csinálni egy flipbook (flyer?) szerű online újságot, olyat mint ami pl. a LDILnek is van. Rengeteg online oldal van erre, letölthető program is, de ezeket regisztrálás vagy fizetős létük miatt egyelőre szeretném elkerülni. Viszont az egyik oldalon találtam egy megfelelő megoldást, viszont itt jön a sötétségem, azaz hogy mit kell ezzel tennem? Ha jól gondolom telepíteni kellene valamilyen környezetet? Vagy valamilyen fordító kellene hozzá? Valamelyikőtök el tudná magyarázni szájbarágósan, hogy milyen lépések szükségesek nekem? Nekem csak annyi a lényeg, hogy a saját weboldalon meg tudjam osztani az elkészült újságot.
Ha nem erre kell keresgélnem akkor bocsánat.
Előre is nagyon köszönöm! -
Doink
aktív tag
válasz
ZephyrDavid #6948 üzenetére
Itt egy rossz megoldás mert az általad írt feltételeket ki kellene javítani:
(1 háromszög nem akkor egyenlő száru ha base === b_side !== c_side, hanem ha bármelyik 2 oldala egyenlő)
Vagyis lehet hogy jó csak a base nekem nem mond semmit egy háromszögről azon kívül hogy "az szokott alul lenni".<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Page Title</title>
</head>
<body>
<input id="a" type="number">
<input id="b" type="number">
<input id="c" type="number">
<input type="submit" onclick="calc()">
<div id="result"></div>
<script>
function getType(a, b, c) {
if ((a === b) && (b === c)) {
return "isosceles";
} else if ((a === b) && (b !== c)) {
return "equiletal";
} else if ((a !== b) && (b !== c)) {
return "uneven";
}
return "???";
}
function calc() {
const a = parseInt(document.getElementById("a").value);
const b = parseInt(document.getElementById("b").value);
const c = parseInt(document.getElementById("c").value);
document.getElementById("result").innerHTML = `${a} ${b} ${c} => ${getType(a, b, c)}`;
}
</script>
</body>
</html> -
-
martonx
veterán
válasz
ZephyrDavid #6948 üzenetére
Ehhez jquery?
Amúgy mi a konkrét kérdésed?
-
ZephyrDavid
csendes tag
Sziasztok.
Van egy háromszög területet/kerületet kiszámító JS programom.
Azt szeretném ha 3db input mező érték megadásából meglehetne azt állapítani, hogy a háromszög. egyenlő oldalú, egyenlő szárú illetve szabálytalan háromszög-e. Ezt egy eredmény részben kiíratni és egy típusnak megfelelő képet hozzá csatolni.
Eddig 3 változót hoztam létre hozzá.
var isosceles= base === b_side === c_side;
var equiletal= base === b_side !== c_side;
var uneven= base !== b_side !== c_side;De nem biztos, hogy ez a megfelelő kiindulási pont.
Akár jQuery-s megoldás is jó lenne. -
Jim-Y
veterán
-
kw3v865
senior tag
Sziasztok!
JavaScriptben lehet valahogy billentyűleütést szimulálni? Az lenne a célom, hogy ha meghívom a függvényt, akkor a megadott billentyű leütését szimulálja. Tehát azt eredményezné, mintha fizikailag megnyomnám az adott billentyűt. Lehetséges ez?
-
#71423744
törölt tag
Sziasztok!
Ha van itt aki kliens oldalon játszadozott már facebook grap api-val, érdekelnének tapasztalatok.
Facebook felhasználók feltöltött fényképeit jeleníteném meg böngészőben. Sokat. Jelentős sávszélességet igényelhet csak a képek töltögetése. Szóval azon gondolkodom, hogy azoknak a képeknek kötelezően keresztül kell-e mennie az alkalmazás szerveren is, vagy le tudja kommunikálni a kliens oldal a facebook szerverrel az alkalmazás szerver nélkül?
Egy elgondolás még csak tervezési fázisban van. Nincsen tapasztalatom a graph api-val, nincs saját fb szerverem sem, nem tudom kitesztelni, bocsi, ha nagyon butaságot kérdeztem.
-
Tomi_78
aktív tag
Nem értem...
Beírtam ezt a HEAD tagok közé:kilepszov {
position: fixed;
left: 10px;
top: 10px;
szovege = "<ESC>: kilépés";
}
és ennek eredményeképp ezt az egészet kiírja nekem feketével a vászon fölé, de ezt is úgy, hogy ha elgördítem, akkor eltűnik. Ebből hogy lehet kinyerni a szovege által kiíratandó részt a képernyő fix pontjára mondjuk sárgával? -
Tomi_78
aktív tag
Köszi mindkettőtöknek, de mi van, ha egy változó tartalmát akarom így kiíratni, vagy egy játék HUD tartalmát mutatni, amin változhatnak az elemek? Azt is ugyanígy kell? Elérhető a JS-en belülről?
-
Tomi_78
aktív tag
Sziasztok!
Egy olyan JS progit készítek, amelyben a vászon nagyobb a kijelzőnél, tehát a képernyő görgethető. Az lenne a kérdésem, hogy milyen utasítással lehet szöveget és képet elhelyezni úgy, hogy az görgetéstől függetlenül mindig látszódjon pl. az ablak bal felső sarkában?
Eddig így:var vaszon = document.getElementById('rajzvaszon');
var rv = vaszon.getContext('2d');
(...)
rv.font = "30px Comic Sans MS";
rv.fillStyle = "yellow";
rv.textAlign = "left";
rv.textBaseline = "top";
rv.fillText("<ESC>: kilépés",vaszon.pageX+10,vaszon.pageY+10);
próbáltam, de nem vezetett eredményre (sem a vaszon.pageX, sem rv-vel sem canvas-sal). -
gepelek
kezdő
Ez már témába vág.
Azt meglehet valahogy oldani, hogy az iframe hosszúsága nő ha egy adott kategóriába megyünk?
-
Jim-Y
veterán
válasz
gepelek #6934 üzenetére
Olyan szelesre kell csinalnod a
<td class="page_artlist_price_table">
<div class="page_artlist_price_net page_artlist_price_bigger">
<strong>Bruttó: <span id="price_net_brutto_L_037440">35 048</span> Ft Nettó: <span id="price_net_netto_L_037440">27 597</span> Ft</strong>
</div>
</td>div-et hogy az kis felbontasban is eleg szeles legyen ahhoz, hogy kiferjen egy sorban az ar. Ehhez lehet, hogy maganak a kartyanak is kell egy minimalis fix szelesseg es ha eleg kicsi az oldal akkor reszponzivan lehet hogy csak 1,2, x kartyat tudsz majd csak megmutatni egy sorban.
Ha valami fent nem tiszta akkor keress ra google-on, hogy responsive web design.
megj: Off-ba teszem, mert ez mar nem kapcsolodik szorosan a kerdeshez. Megneztem, hogy a kartya hogyan lett lekodolva es eszmeletlenul rosszul. Az a baj, hogy ilyen megvalositassal nehez lesz nagyobb szelesseget adnod neki, az egesz ugy rossz, ahogy van. En javaslom, hogy ha teheted, dolgozd at a kartya kodjat, hogy konyebb legyen modositani rajta mert igy baromi rossz. Maga az az elem aminek nagyobb szelesseget kene adni egy abszolutan pozicionalt (teljesen feleslegesen) 100% szelessegu elem ami a szulo szelesseget veszi fel ami nem is abban a sorban van, merthogy az ar abszolutan pozicionalva egy uj sorba lett mozgatva ahol amugy lenne tobb hely neki, de igy nem lehet adni neki tobb helyet. Agyrem
-
gepelek
kezdő
Elnézést, hogy ezt a kérdést is ide teszem fel, de máshol nem biztos, hogy választ kapnék, szóval van ez az oldal és azt akarom elérni, hogy az árak mindenhol 2 sorban jelenjen meg minden felbontásban. Most 1920-ban mindenhol jó, de ha mondjuk lejjebb veszem már csúszik minden.
Köszönöm!
-
gepelek
kezdő
Sziasztok!
Meg lehet valahogy csinálni azt, hogy egy angol oldalt be építeni iframeval úgy hogy az magyarul jelenjen meg?
-
-
Con Troll
senior tag
Sziasztok!
Adott egy feladat typescriptben:// Write a program that draws a
// pyramid like this:
//
// *
// ***
// *****
// *******
//
// The pyramid should have as many lines as lineCount isA neten találtam egy működő megoldást:
'use strict';
export {}
let lineCount: number = 4;
for (var i = 0; i < lineCount; i++) {
var str = ' ';
for (var j = 1; j < lineCount-i; j++) {
str = str + ' ';
}
for (var k = 1; k <= (2 * i + 1); k++) {
str = str + '*';
}
console.log(str);
}
A gond az, hogy nem nagyon értem, mi mit csinál a kódban. Vagy megfordítva, nem áll össze, hogy a feladat alapján mi az, amit le kéne programozni. Ha fejben meglenne, a lekódolás már nem lenne gond. Segítene valaki az értelmezésben?
Köszi! -
Hunmugli
aktív tag
válasz
maestro87 #6922 üzenetére
Ami neked kell, az a reguláris kifejezés. Egy hasonló bonyolultságú
Hogy a javascriptbe hogy teszed be, annak már nézz te magad utána - én nem szeretném megtanulni.
Egyébként a linkelt oldalon a Tools menü alatt van is egy code generator, az már kész kódot ad neked
Szerk.: lemaradt a * a kifejezés végéről...
-
maestro87
őstag
Sziasztok!
Van egy ilyen string-em:var str = 'ID=123456&stb'
Ebből szeretném a számsort kiszedni, viszont a számjegyek száma változó (lehet csak 123 is) és az ID szám után vagy & karakter következik vagy ott van a sor vége. Hogy tudnám kiszedni a számsort a szövegből feltétel kezelés nélkül?var ID = str.substring(str.indexOf('ID='), str.indexOf(???))
-
martonx
veterán
-
gepelek
kezdő
Sziasztok újra itt!
Ennél az oldalnál szeretném az adatok résznél a PDF-et megjeleníteni, hogy ne legyen kicsinyítve hanem az már egyből látható legyen. És vissza térve a törvénybe ütközős témára, ez nem ütközne törvénybe, mert a cégem Fegime tag és az oldal is Fegiem. Tehát jogom van megjeleníteni az adatokat vagy beleszerkeszteni. Nem?
Köszönöm!
-
#57018880
törölt tag
válasz
gepelek #6911 üzenetére
1. ki kell találni hogyan éri meg neked-nekik
2. leegyeztetni, mikor milyen időközönként, mennyi adat kell {formatum}-ban
3. goto a {server script} topik :pEnnél jobb megoldás nincs, szerveren is lehet javascriptelni.
-
petyus_
senior tag
válasz
gepelek #6906 üzenetére
Értem, de te az eltüntetést akarod gyakorolni, , az hogy iframe, vagy nem, tök mindegy, de sokkal egyszerűbb lenne ezeket csinálni, ha látnád rendesen a HTML-t. Majd amikor élesben csinálod, akkor elé rakod, hogy az iframe-ből válassz ki valamit.
Amúgy most látom, az előző azért nem megy, mert '.fa'-t írtál, nem kell elé a pont, az akkor kell, ha a querySelectorAll-t használod.
-
petyus_
senior tag
válasz
gepelek #6903 üzenetére
Arra az elemre gondolsz, ami a "fa" osztályú elemek közül a második? Ha igen, akkor azért nem megy, mert az elsőt választod ki. A getElementsByTagName("fa") egy tömböt ad vissza, te odaírtad a végére, hogy [0], így az első elemet választod ki (ugyanúgy, mint ahogy korábban az első képet választottad ki). Ha a másodikat szeretnéd, akkor [1]-t írj a végére.)
Egyébként miért jó ezeket iframe-en gyakorolni? azonkívül, hogy ott van előtte, hogy iframe.contentWindow, pontosan ugyanúgy megy, mintha a sima HTML-t változtatnád, csak akkor jobban látnád a HTML szerkezetet.
-
gepelek
kezdő
válasz
petyus_ #6902 üzenetére
Igen ez valóban működik és értem is a lényegét, de ennek nem. Az második .fa osztály akarom eltüntetni, ami a második .fa osztály és nem engedi azt.
<!DOCTYPE html>
<html>
<body>
<iframe id="myFrame" src="/default.asp" style="height:380px;width:100%"></iframe>
<p>Click the "Tryit" button to hide the first H1 element in the iframe (another document).</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var iframe = document.getElementById("myFrame");
var elmnt = iframe.contentWindow.document.getElementsByClassName(".fa")[0];
elmnt.style.display = "none";
}
</script>
</body>
</html> -
petyus_
senior tag
válasz
gepelek #6901 üzenetére
Értem amit írsz, meg is néztem a példát, és azt mondom, hogy működik, amit csinálsz, de a kép, amit eltüntetsz, az ez:
<img src="https://www.google.com/images/cleardot.gif" class="goog-te-gadget-icon" alt="" style="background-image: url("https://translate.googleapis.com/translate_static/img/te_ctrl3.gif"); background-position: -65px 0px;">
Ha megnyitod az src-jét, láthatod, hogy ez nem egy olyan kép, amit látsz az oldalon, ezért nem is látod, hogy eltűnik.
Nézd meg mondjuk erre:
var elmnt = iframe.contentWindow.document.getElementsByTagName("img")[4];
Ez a "Web Templates" alatti kép, ha ezen csinálod, akkor láthatod, hogy működik.
Új hozzászólás Aktív témák
Hirdetés
- Milyen egeret válasszak?
- Goddess of Victory:Nikke
- OLED, Mini-LED, IPS, VA, TN - melyik panelt válaszd 2025-ben?
- Nintendo Switch
- LTE frekvenciák
- Hobby elektronika
- Kerékpárosok, bringások ide!
- EA Sports WRC '23
- Radeon RX 9060 XT: Ezt aztán jól meghúzták
- Kormányok / autós szimulátorok topikja
- További aktív témák...
- AKCIÓ! Csere-Beszámítás! Gainward Phantom RTX 4070Ti 12GB GDDR6X Videokártya!
- AKCIÓ! Intel Core i9 13900K 24 mag 32 szál processzor garanciával hibátlan működéssel
- Csere-Beszámítás! RGB Számítógép PC játékra! R5 5600X / RTX 3060Ti 8GB / 32GB DDR4 / 500GB SSD
- Azonnali készpénzes AMD Ryzen 1xxx 2xxx 3xxx 5xxx processzor felvásárlás személyesen / csomagküldés
- Huawei P20 Lite 64GB, Kártyafüggetlen, 1 Év Garanciával
Állásajánlatok
Cég: Liszt Ferenc Zeneművészeti Egyetem
Város: Budapest
Cég: CAMERA-PRO Hungary Kft
Város: Budapest