- Synology NAS
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- Bittorrent topik
- HBO Max & OD topic
- Sarokba szorította a Huawei az Apple-t Kínában
- Call center-forradalom: AI alakítja át az ideges telefonálók hangját
- Windows 11
- Amazon Prime Video
- Shein, Temu: az EU-ban is megőrülnek ezekért
- QNAP hálózati adattárolók (NAS)
Új hozzászólás Aktív témák
-
Speeedfire
nagyúr
Van valami értelmes megoldás iframe-ben lévő jquery használatra?
Egy iframe-ben jelenítek meg egy táblázatot fancybox-al, viszont ha valamit szeretnék csinálni az egyik elemmel akkor nem működik.
Próbáltam egy épkézláb tesztet csinálni gyorsba, de nem jött össze.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Karma
félisten
válasz Speeedfire #2551 üzenetére
Hát, az biztos, hogy a példa így nem fog működni - ha oda írod a tartalmat az azt jelenti, hogy "ha a böngésző nem támogatja az iframe-eket, jelenjen ez meg helyette".
Mivel az iframe önálló HTML dokumentum, (szinte) teljesen független DOM-mal, miért nem include-olod be ott is a jQuery-t?
Bár a privát véleményem az, hogy az "értelmes" megoldások ettől elég messze állnak. Már a felvetésnél elvérzett a józan ész.
[ Szerkesztve ]
“All nothings are not equal.”
-
-
martonx
veterán
válasz Speeedfire #2551 üzenetére
iframe-mel is lehet használni a jquery-t, javascriptet, csak picivel macerásabb.
Kérdés, hogy az iframe-ből kifelé akarsz nyúlni, vagy kintről akarsz befelé nyúlni?
Gugli lesz a barátod, most lusta vagyok helyetted példát keresni.Én kérek elnézést!
-
Speeedfire
nagyúr
válasz martonx #2554 üzenetére
Lényegében az iframe-en belüli tartalomra akartam egy click figyelést, majd a click tartalmát vissza illeszteni az eredeti tartalom egy megadott mezőjébe.
Ha csak a click-elést figyeltem, akkor nem volt jó. Viszont function-ben már működött. Nem teljesen értem.
Próbáltam az eredeti tartalomról egy $('body').contents().find('elemneve') figyelést is, de nem működött.
Illetve, a body végére kellett tennem és akkor már be tudtam húzni a jquery-t az iframe-be.var $parent = parent.$;
function isNumber(n) {
return !isNaN(parseFloat(n)) && isFinite(n);
}
jQuery(function($) {
$('body').on('click', '#showdistincts-result tbody tr', function(e) {
var item = $(this).children().html();
if (!isNumber(item)) {
item = "'" + item + "'";
}
$parent('#sql_builder_val').val(item);
//console.log($(this).children().html());
$parent.fancybox.close(true);
});
});Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
fordfairlane
veterán
válasz Speeedfire #2553 üzenetére
Ez a példa totál nem jó. Nézz már meg valami tutorialt az iframe használatáról.
x gon' give it to ya
-
Speeedfire
nagyúr
válasz fordfairlane #2556 üzenetére
Mire gondolsz?
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #2555 üzenetére
Ezt a példát gyorsan átpötyörészve, egy nagyon egyszerű példa click event figyelésére iframe-en belül:
http://jsfiddle.net/Sk8erPeter/a7r9L/226/
Erre gondoltál?
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #2558 üzenetére
Ilyesmi, viszont a szülőnél akkor az on() kellene, mivel egy ajax-al betöltött oldalon hívom meg az ajaxos iframe-et, ezért akartam az iframe-ben beállítani a jquery-t. Viszont ott nekem csak a fenti példa ment, valószínűleg valamit nem jól írtam vagy nem tudom.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #2559 üzenetére
A táblázat megjelenítése a fancybox segítségével kattintásra történik? Mert akkor a fancybox-nyitó utasítással egyben lehetne egy click eseményre reagálás is, az event handlert pedig a mutatott módon állítanád be - igaz, kezd az egész nagyon gányolós lenni. Muszáj egyébként iframe-mel megoldani az egészet? Mi az oka, hogy ilyen megoldáshoz folyamodsz? Valószínűleg lehetne helyette egy sokkal jobb megoldást találni, hacsak nincs valamiért megkötve a kezed, amiért muszáj iframe-et használnod.
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #2560 üzenetére
Nem kötelező az iframe, de valami "bebukkanó" ablak kell oda mindenképp. Mivel a fancyban feljövő táblázat is ajaxos, lapozós megoldással van nem akartam sima ajax-os fancybox-ot. Viszont érdekes mód az ott lapozás simán megy ajax-al. Szóval van valami csavar benne, de nem értem miért.
A lényeg, hogy ez egy sql builder. Ha egy adott oszlopban a distinct értékek nagyobbak egy adott számnál, akkor jó ha meg lehet nézni az adott oszlop értékeit és ki lehet választani egyet, amit beilleszt az sql builder-be ez után.
Viszont lehet megpróbálom beilleszteni a scriptet az táblázat ajax success részébe. Valamivel kisebb gányolás talán, mint a mostani.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #2561 üzenetére
Akkor végképp nem értem. Ha jól értem, amit írsz, a táblázat fancyboxban pattan elő, ami nem szükségszerűen iframe, tudtommal fancyboxszal is fel lehet legalábbis pattintani inline tartalmat, ergo tökéletesen elegendő lenne ugyazon dokumentumon belül lekezelni mindkettőt, ráadásul az API-ban vannak olyan eventek is, amikkel meg lehet határozni, mi történjen mondjuk a fancybox felpattanásakor, bezárásakor, stb...
onStart null Will be called right before attempting to load the content
onCancel null Will be called after loading is canceled
onComplete null Will be called once the content is displayed
onCleanup null Will be called just before closing
onClosed null Will be called once FancyBox is closedEzekkel nyugodtan játszhatnál, végül is erre jók az ilyen event handlerek...
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #2562 üzenetére
Igen, de amikor a 20. event handlert írod meg egy ilyenben, vagy ajax callback-ben, akkor az elég idegesítő egy idő után. Így marad a "gány".
Ezért volt az iframe és emiatt akartam beilleszteni az iframe head részébe.Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #2563 üzenetére
Ez már nekem magas, hogy mi az idegesítő abban, hogy sokkal egyszerűbben megoldasz egy feladatot a megfelelő eszközzel.Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #2564 üzenetére
Nem egyszerűbb, mert egy idő után átláthatatlan az egész. Persze, ez csak a magánvéleményem.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #2565 üzenetére
Hogy lehetne már átláthatatlanabb, mint a rettenetesen ronda és kényszeredett, nyakatekert, eszközhiányos, tökönrúgott, kezelhetetlen, nehézkes iframe-es szenvedés, amivel fentebb próbálkoztál?
Hidd el, ha az átláthatatlan, amikor egy eszköznek tisztességes módon a nem túl bonyolult API-ját használod, és jobbnak találod valami nagyon overkill és csúnya iframe-es módszerrel megoldani feleslegesen a dolgot, akkor a kódoddal van valami nagy baj, nem pedig a rendelkezésedre álló eszközökkel. Nem beszélve arról, hogy láthattad, mennyi - egyébként kikerülhető - szenvedést visz a feladatodba, ha ezt választod, ami meg rengeteg időt is vesz igénybe, az idő meg pénz, így jó sok pénzt és energiát is vesztesz vele, csak nem veszed észre. Az átláthatatlanság mellett egyébként ilyen vonatkozásban nehéz érveket találni.
A Te érdekedben mondom ezeket, de ahogy érzed, nyilván úgy oldod meg, ahogy akarod, csak ne csodálkozz, ha aztán később rájössz, hogy mégsem volt jó, hogy így közelítetted meg a kérdést (amikor az iframe-mel kapcsolatos korlátokba ütközöl). De hogyan asszisztálhatnánk mi ehhez jó szívvel?Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #2566 üzenetére
Szerintem meg 1-2 dologra jó a callback, de amikor egy single page van telenyomva oldalakkal, akkor már nem annyira jó móka.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #2567 üzenetére
Megdöbbentő dolgokat írsz, de nem erőlködöm, hogy meggyőzzelek.
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #2568 üzenetére
Lehet nekem nincs még annyi programozói tapasztalatom, hogy a te általad írt megoldást átláthatóan írjam meg. Lehetséges. Mindenesetre most így marad.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #2569 üzenetére
"Mindenesetre most így marad. "
Mármint úgy, hogy nem működik?Amúgy leírhatod, hol akadtál el, miért találod átláthatatlanabbnak, vagy épp az iframe-es módszert hogyan lehetséges átláthatóbbra írni szerinted, mert már furdalja az oldalamat a kíváncsiság.
Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #2570 üzenetére
Pont az, hogy működik a dolog. Csak trükközni kell vele. Fentebb írtam is, hogy jelenleg miként megy.
Átláthatóság:
Elég egy helyen megírni a scriptet és behúzni a html-be.
Jelenleg van egy oldal, aminek az alsó része ajax-al frissül. Emiatt már csak az on()-al tudok kijelölni és handlereket nyomni rá.
Ennek az alsó részén van az fancybox hívás, ami meghívja az iframe-et. Több 1000 sor js van már, pont emiatt nem szeretnék callbackbe írni ilyen dolgokat. Ami kisebb, egyszerűbb és nem komplex feladat, oda jó. De ahol komplexebb megoldás kell, ott már szívás és macera van vele, amivel csak magamat szívatnám ezzel.[ Szerkesztve ]
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Muton
addikt
válasz Sk8erPeter #2550 üzenetére
az a baj, hogy nem tudom, hogy érthetően írom-e le a problémát, mert ha elolvasom posztolás előtt, én értem
általában
Muton#2316 - $z@r a drop >_<
-
Sk8erPeter
nagyúr
válasz Speeedfire #2571 üzenetére
"Elég egy helyen megírni a scriptet és behúzni a html-be."
Az ilyen szétdarabolásokkal a gond az, hogy rettenet testreszabni, és pont, hogy az átláthatóság rovására megy. Továbbra sem értem, hogy miért nem darabolod fel külön fájlokra feladatoktól függően (így adott feladatot adott fájlban lehetne módosítani, tehát kvázi moduláris felépítésű lenne, ami aztán nem egy nagy was ist das), és húzod be szépen a szokásos, src attribútummal ellátott script taggel, netán készítesz plugineket, és még bőven sorolhatnám. Ezek egy csöppet sem teszik átláthatatlanná a projektet, sőt, nagyon is követhetővé teszik, akár több személy számára is.
Ha viszont mondjuk készítesz külön egy iframe-es cuccot, aztán már két év múlva gondolkodni kell, hogy ez itt mit is csinál, vagy épp totál át kell alakítani a kinézetét, aminek az iframe-es megoldás nagyon is korlátokat szab, akkor gondban leszel.
Tájékoztatásként mondom, hogy a callback függvény nem azt jelenti ám, hogy muszáj ott helyben, anonim függvénnyel megoldani a dolgokat, ömlesztve, hanem nyugodtan kirakhatod az egészet egy névvel ellátott függvénybe, és csak megadod a "függvénypointert"...
(hogy mire gondolok:
var tokmindegy = {
...
valami: fuggveny,
...
};
function fuggveny() { .... }
gondolom érthető...)"Ami kisebb, egyszerűbb és nem komplex feladat, oda jó. De ahol komplexebb megoldás kell, ott már szívás és macera van vele, amivel csak magamat szívatnám ezzel"
Szóval a sok-sok fenti érvelés miatt ez úgy, ahogy van, nem igaz.De tényleg nem foglak már tovább győzködni erről, úgy csinálod, ahogy akarod, kicsit így is túl sok energiát öltem a meggyőzésedbe, bár sajnos eredményt nem értem el, pedig optimistán álltam a dologhoz.
Sk8erPeter
-
Sk8erPeter
nagyúr
Gondolj bele, mi lenne, ha lenne upvote/downvote, mint stackoverflow-n... Ott aztán az érthetetlen kérdések megkapják a magukét mínuszpontokban.
Írd le a kérdést, hagyd úgy, aztán olvasd vissza olyan fejjel, mintha úgy olvasnád, mint akinek köze nincs a projektedhez, és semmiféle információt nem tud arról, hogy vajon az mennyire értené meg. Én legalábbis így szoktam. Akkor tuti jobban feltűnnek az információbeli hiányosságok.Sk8erPeter
-
Speeedfire
nagyúr
válasz Sk8erPeter #2573 üzenetére
Továbbra sem értem, hogy miért nem darabolod fel külön fájlokra feladatoktól függően (így adott feladatot adott fájlban lehetne módosítani, tehát kvázi moduláris felépítésű lenne, ami aztán nem egy nagy was ist das), és húzod be szépen a szokásos, src attribútummal ellátott script taggel, netán készítesz plugineket, és még bőven sorolhatnám.
Ezt csinálom csak az iframe-ben hívom meg.De hagyjuk is szerintem.
Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com
-
Sk8erPeter
nagyúr
válasz Speeedfire #2575 üzenetére
Tényleg hagyjuk, mert látom semmi nem jön át abból, amit vakerászok. Felesleges volt az egész korábbi érvelés, rátapadsz részletekre, és véletlenül sem akarod megérteni, hogy miért nem jársz jól az ilyen tákolmány megoldásokkal, de nekem aztán tényleg totál mindegy, csináld, ahogy jólesik.
Sk8erPeter
-
Polesz
addikt
Egy érdekes dolgot szeretnék jquery-ben megoldani.
Adott egy táblázat minden sor egy-egy számla. A sorok végén egy select kb így:
<select name='count'>
<option></option>
<option>Rendben</option>
<option>Levonandó</option>
<option>Ellenőrzésre</option>
<option>Később megnézendő</option>
</select>Azt szeretném ha kiválaszt a rögzítő egy opciót akkor attól függően színezze az adott sort fehér, zöld, piros, kék, sárga színekkel.
Remélem érthetően fogalmaztam.
[ Szerkesztve ]
Elméletileg nincs különbség elmélet és gyakorlat között. Gyakorlatilag van.
-
Karma
félisten
Az egész ott kezdődik, hogy adj egy classt a selectnek, hogy könnyen tudjál hivatkozni rájuk JQueryvel. A change függvénnyel írsz egy eseménykezelőt, ami a select átbillenésekor hívódik meg.
Innen megkeresed a szülő tr-t, például parent hívásokkal, és ráraksz egy classt az érték függvényében (mert ugye nem JS kóddal állítasz be konkrét színeket ).
Nem is olyan érdekes
[ Szerkesztve ]
“All nothings are not equal.”
-
Jim-Y
veterán
Hat ez nem egy nehez feladat. Meg igy mobilrol is le tudm irni. Azt mondtad hogy a select a sor vegen van, tehat be van agyazva a tr tagbe. a selectednek a szulje igy a tr lesz,van erre jquerys fv:parent
Tehat a feladatod hogy allitasz egy figyelot a select change eventjere es attol fuggoen valtoztatod a sor hatterszinet jquery css() fuggvennyel. Ez a jquerys megoldas. De a hatterszinhez en nem a css fvt hasznalnam hanem classokat adnek hozza vagy vennek el. udv[ Szerkesztve ]
-
Polesz
addikt
Na így néz ki a feladat "félig megoldva":
Viszont az a bajom, hogy ha kiválasztok egy utolsó elemet, akkor hiába választok előtte lévőt már nem színezi újra. Ha egyesével megyek fel akkor jók a színek.
Elméletileg nincs különbség elmélet és gyakorlat között. Gyakorlatilag van.
-
Jim-Y
veterán
-
Polesz
addikt
válasz Speeedfire #2581 üzenetére
Köszönöm a válaszokat, tudtam hogy triviális dolgot fogok elrontani. De a közösség ereje!
Elméletileg nincs különbség elmélet és gyakorlat között. Gyakorlatilag van.
-
Sk8erPeter
nagyúr
Azért a paraméter nélküli removeClass()-szel csak óvatosan, sőt, inkább ne használd, csak nagyon indokolt esetben, mert nem várt hatásokat is eredményezhet, pl. olyan osztályt távolítasz el adott elemről, amit nagyon nem kellett volna, és ezzel esetleg más kód működését vagy az elem kinézetét (lásd CSS-tulajdonságok) cseszed el.
(#2582) Jim-Y :
azért remélem a sok if-else helyetti switch-case-ről már hallottál...Sk8erPeter
-
Jim-Y
veterán
válasz Sk8erPeter #2584 üzenetére
hallottam, sőt hiszed vagy sem, magamtól olyanra csináltam meg először. De pont tőled 'kaptam meg' múltkor, hogy kezdőknek sokkal átláthatóbb az if-else, így ilyen helyzetben inkább írjunk egy hosszabb if-else-t, mert az beszédesebb mint a switch. Na ilyen az amikor akasztják a hóhért, vagy porszem van a gépezetben? csak viccelek persze, de az tök igaz, hogy switchel csináltam meg elsőnek, utána írtam át if-else-re a fentebbi dolog miatt.
-
Polesz
addikt
Nekem nyugodtan tolhatod akár perl-ben is. Attól hogy valamit nem tudok "helyből" még el tudom olvasni a forráskódot. Egy nagyon bonyolult interpreter van a fejemben
Következő kérdés:
Csak úgy érintőlegesen kérdezném:
Töltök be egy oldalt ami elvégez egy csomó adatbázis műveletet ezért erre várni kell. Jó lenne ha a kezdetkor sikerülne egy forgó nem idegeskedj feliratot kirakni és amikor az oldal kész és betöltődik a táblázat akkor ez eltűnne. Láttam sok oldalon ilyet, egy gyors lökés kellene (akár a szakadékba is ) hogy hol kezdjek hozzá.
Elméletileg nincs különbség elmélet és gyakorlat között. Gyakorlatilag van.
-
Jim-Y
veterán
Szerzel egy loader gif-et, az ajax-os adatbázibetöltés előttre berakod ezt a képet a DOM-ba, majd az ajaxos kérés callback-jébe raksz egy olyan kódot ami elrejti, vagy eltűnteti a fenti gif-et.
Egyszerű -nem működő- példa:
<img src="loader.gif" id="loader"/>
<table>
// ide fog betöltődni a sok sor az adatbázisból
</table>
...etc..JS:
$.ajax({
...
...
success: funtion(data){
// itt töltöd be a sorokat, majd
// itt tűnteted el a loadert.
});
// vagy itt, bár ha még az ajax-ban, akkor attól függően, hogy success vagy error tudsz még machinálni a kiírásokkalEz tényleg egy egyszerű példa volt, amit le kell szűrnöd belőle, hogy amikor vársz az adatokra, akkor előtte megjeleníted a loader gifet, amikor végzett az adatok betöltésével akkor pedig hide().
üdv
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
"De pont tőled 'kaptam meg' múltkor, hogy kezdőknek sokkal átláthatóbb az if-else, így ilyen helyzetben inkább írjunk egy hosszabb if-else-t, mert az beszédesebb mint a switch."
Hol állítottam én neked ilyet?"Na ilyen az amikor akasztják a hóhért, vagy porszem van a gépezetben? "
Inkább ilyen, ha valaki félreérti, amit tanácsolnak neki.Sk8erPeter
-
Karma
félisten
Egy momentum kimaradt: az AJAX-os megoldásnál nem az oldal renderelésekor állsz neki adatbázist tekerni szinkron módon.
Ehelyett van egy külön PHP "oldalad", amire majd a Javascript fog ráhívni az előbb említett módon, és az adatokat (vagy rosszabb esetben a hiányzó HTML fragmenteket, táblázatokat) generálja ki önmagában.
[ Szerkesztve ]
“All nothings are not equal.”
-
-
Zedz
addikt
Sziasztok!
A mostani munkámban van egy igen érdekes feladat (legalábbis számomra az ). A lényeg az lenne, hogy a csatolt képen látható torony árnyéka a 10 logóra mutatva fog ingázni ide-oda. Majd elkezd lassulni, megáll egy logón és a hozzá tartozó kérdés egy pop-up ablakban fog feljönni.
A kérdésem az lenne, hogy az árnyék mozgós dolgot hogyan tudnám egyszerűen megoldani? Felmerült a flash is, de mivel azt tűzzel-vassal írtják inkább mi sem használjuk.
[ Szerkesztve ]
-
Karma
félisten
Nnna ez tényleg érdekes Kérdés mennyire kell smooth-osan animálnod, vagy elég az is, ha óramutatóhoz hasonlóan ugrál a pontok között. Utóbbi esetben ez alapján tudsz tiszta CSS/JS megoldást csinálni egy képből.
“All nothings are not equal.”
-
Zedz
addikt
válasz trisztan94 #2596 üzenetére
Jelenleg ez forgatja az árnyékot a torony körül. Nem tudom, hogy ezt okosítsam ki, vagy keressek valami új megoldást.
-
Karma
félisten
Ha az árnyékot megcsinálod külön képként, akkor ez a vonal járható, bár lábbalhajtós (persze kevésbé, mint amit linkeltem). Mondjuk az IE-t is le kéne kezelni talán (a feladattól függ).
Máshogy megoldani meg pl. HTML canvassal lehetne, arra azt rajzolsz amit akarsz. Például a KineticJS libbel ezt elég jól össze lehetne hozni, tisztán.
SVG/VML-hez meg a Raphael tud ilyesmit.
“All nothings are not equal.”
-
Zedz
addikt
Ez a kód miért nem működik? Ha nem rotate-t írok bele akkor lefut, ha azt akkor nem. Másoknak meg elvileg működik.
$('.redbutton').click(function(){
$('#shadow').animate({
'-webkit-transform': 'rotate(' + 50 + 'deg)',
'zoom' : 1},3000);
});
Új hozzászólás Aktív témák
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: Ozeki Kft.
Város: Debrecen