A múltkori kérdésem után tanulmányoztam ezt a css animációs dolgokat, és találtam egy nagyon jó oldalt. Nagyon jó effektek, már párat felhasználtam. http://ianlunn.github.io/Hover/
ha már ismertétek bocs... Utoljára szerkesztette: Szeki26, 2017.02.11. 10:05:57
Sziasztok !
Egy wampserver-t szeretnék elérni hálózatból.Beállítottam a szükséges dolgokat,de valamiért nem ad jogosultságot ("Forbidden You don't have permission...) Apache 2.4 httpd.conf így néz ki :
Elvileg lehet, sosem próbáltam - alapvetően listener /broadcast/emitter felállás van - De csinálhatsz külön node-os WS szervert másik porton, amibe ugyanúgy behúzhatod a moduljaidat - már ha szépen modulárisan fejlesztettél. Bár én már rég nem gondolkodom fullstack-ben. Amikor csak lehet, API szerver és külön kliens. Kicsit több meló, de sokkal könnyebbé teszi az életet:) Utoljára szerkesztette: MerlinW, 2017.02.05. 22:55:15
Igen, valami ilyesmiben gondolkodok én is, de nem tiszta nekem, hogy ugyanaz a szerver lehet egyszerre socket szerver és kliens is?
A http kapcsolatot meg azért kéne nyitvatartanom közben, mert egy külső szolgáltatásba kellene ezt az egészet beintegrálni, ami csak egy webhook-ot tud meghívni és annak a válaszát feldolgozni. Utoljára szerkesztette: passatgt, 2017.02.05. 20:10:39
socket.io. Baromi egyszerű használni, okos, gyors, kényelmes, van majdnem minden nyelvhez. Én pl. node és angular párossal használom. Utoljára szerkesztette: MerlinW, 2017.02.05. 20:04:04
1. Szerver kap egy kérelmet: GET /status 2. Szerver küld egy push notificationt a kliensnek, ami X idő múlva válaszol egy POST /status/11 kérelemmel a szerverem felé 3. A szerveremnek 11-et kéne visszaadni az első pontban indított kérelem válaszaként
Ötlet, hogyan tudom ezt megvalósítani?
Tudtam, de akkor sem értek a programnyelvekhez. Ezért kértem itt segítséget! De marad a google.
Ennyi van! Nem vagyok nagy mestere a html-nek. A lenti kód egy képre ha ráhúzom az egeret akkor kicseréli másikra. Nekem a szövegre húzott egérnél kellene képcsere! <br> <a href="#" onmouseout="img3.src='http://www.paloczy.tarjanyit.hu/wp-content/themes/skt-parallaxme/images/gallery/img01.jpg'" align="middle" border="10" height="300" width="300" onmouseover="img3.src='http://www.paloczy.tarjanyit.hu/wp-content/themes/skt-parallaxme/images/gallery/img02.jpg'"><img alt="" src="http://www.paloczy.tarjanyit.hu/wp-content/themes/skt-parallaxme/images/gallery/img01.jpg" widht="70" name="img3" align="middle" border="0" height="300" width="500"></a> <br>
html ben kellene egy kis segítség. Szeretnék 5 text mezőt egymás alatt, amire ha ráhúzom az egeret akkor mellette más-más kép jelenik meg. Egy alaprajzon szeretném így szemléltetni a kiválasztott lakást. (mindig más képet töltene be amin a megfelelő lakás lenne kiszínezve) Előre is köszönöm a segítségeteket!
Rengeteg mindent meg lehet már csinálni kizárólag css-el is, sok mindent trükközve, sok mindent olyan property-kkel, amik csak új böngészőkben (flow-root), vagy csak bizonyos böngészőkben, bizonyos fokig mennek (maskok.
Anélkül, hogy részletesebben megnéztem volna, csak transition property kellhet hozzá, amit már majdnem minden böngésző támogat, de ha valami nem, akkor is max annyi történik, hogy nincs átmenet (animáció), de a végeredmény akkor is.
Hmm köszönöm,màr ezzel is segítettél mert végig a js-t kerestem a felugràshoz.
Itt alul a termékeknél ha kurzor rámegy a képre felugrik egy add to cart, meg egy ilyen gyors nézet logo. Ezt akarom megcsinálni, de nem nagyon áll össze a dolog. css-ben már megcsináltam, működik,de azt nem tudom hogy hol hívja meg azt a javascriptet, amitől felugranak ezek a linkek.(egy ingyenes slider-t írok át hogy illeszkedjen a stílusa a sablonhoz) Utoljára szerkesztette: Szeki26, 2017.01.30. 21:36:46
onload-nál indul csak, ami megvárja az összes kép / videó / akármi betöltését
öö figymá, és mi lenne, ha beraknál html-be egy img taggel egy képet, és jsből annak az srcjét cserélnéd? így lenne betöltés után 1-2 mp-cel egy "villanás", amikor kicseréli az eredeti képedet valamelyik randomra, de az nem gázos
A kép méretét nem tudod előre? Mert akkor simán height a #bdobanner-nek. Ja és állítsd be egy alapértelmezett hátteret is, előfordulhat, hogy pont nincs az egyedi ID-ben az adott karakter. Utoljára szerkesztette: passatgt, 2017.01.22. 19:09:40
Nagyon hack, de css-el megoldható:) Rögtön a body elején létrejön oldalbetöltéskor egy egyedi ID-jű div, minden betöltéskor más az ID. Erre lehet css-el szűrni, random karakterekhez hozzátársítasz egy hátteret. Így kb azonnal be fog jönni a kép:)
body > div:first-child[id*='a'] ~ #content #topic-information {background-image: url(képurl);}
body > div:first-child[id*='b'] ~ #content #topic-information {background-image: url(képurl);}
body > div:first-child[id*='c'] ~ #content #topic-information {background-image: url(képurl);}
body > div:first-child[id*='d'] ~ #content #topic-information {background-image: url(képurl);}
...
esetleg úgy lehetne megoldani hogy az img src egy szerver oldali scriptre mutat ami random generálja a jpg-t. Nem tudom a cache-t ki lehetne-e játszani ilyen esetben valahogy
Vagy esetleg egy redirectet linkelsz ami minden futásnál más képre mutat. Utoljára szerkesztette: Neocortex, 2017.01.22. 16:21:33
Az a baj, hogy random méretűek a képek, illetve akkor is "üres" lenne (alapból azt próbáltam, hogy statikusan megadok ott 1 képet és azt cserélem le, csak az is furán néz ki ahogy vált/más a méret).
SG-n lehet valahogy kriptet írni a Javascript részen kívül topik házigazdaként?
Az a baj, hogy random képet akarok bannernak, de ha JS-ből csinálom a váltást, akkor gyakran 1-2 mp mire elkezd "futni" a Javascript rész amit megadok, addig viszont nincs banner és picit bután néz ki. Ha jól sejtem megvárja míg betölt minden, ami addig nem rossz amíg nincs nagyobb kép az oldalon, azonban amint van sokáig tart míg elér addig. A HTML részben, ha jól láttam a script tag, illetve onload és társai ki vannak szűrve.
Itt meg lehet nézni mi a baj (ctrl+f5-öt érdemes tolni, a kepkezelos kép akasztja meg a dolgokat) Utoljára szerkesztette: SzirmosSzisza, 2017.01.22. 16:09:37
Mindkettőtöknek köszi a tippeket, le is töltöttem párat, aztán majd kiderül melyik áll kézre. Ha megvan a kódom, akkor elmentem a gépemre, és a böngészőböl meg tudom nyitni? Így működik?
Kreáljd a saját gépeden a html és css kódot. Válassz egy kód editort (sublime text/atom/vs code/brackers, valamit) és próbáld meg megalkotni mondjuk az sg fórum kinézetét, google kezdőoldalt, ilyesmi.
Sziasztok. A szakiktól előre is elnézést a laikus fogalmazásért, de abszolút kezdő vagyok a témában :) Végigcsináltam a codecademy.com online kurzus HTML és CSS-re vonatkozó leckéit. Most szeretnék gyakorlásképpen weblapokat-oldalakat készíteni. Nem kell hogy elérhető legyen bárki számára is, csakis én szeretném látni, hogy mit alkottam. Biztosan egyszerű, de fogalmam sincs, hogyan kellene ezt csinálnom. Vannak erre programok, vagy hogy? A codecademy-s felület egyébként barátságosnak tűnik, valami olyasmit szeretnék. Ha esetleg valaki nem ismerné, itt egy kép: Utoljára szerkesztette: Tibi7, 2017.01.21. 23:14:48
Üdv lenne egy kérdésem, van egy navigációs menü-m 4 gombbal, vízszintesen egymás mellett. Ha a gombok fölé viszem a kurzort, kiszélesednek a gombok és 2 msp alatt egy absolute pozicionált felirat jelenik meg bennük amit a transition opacity-vel értem el. Alapértelmezésben a felirat display: none, majd hover-nál display: block, de ez kivégzi a 2 msp-es transition opacity-t. Ha a feliratomat opacity: 0 és 1 értékekkel hozom elő akkor érzékelni fogja az egymás mellett lévő gombok feliratát amik átlógnak a másik gombra. Van valami megoldásotok erre? Egyaltalán lehet érteni a kérdésem?
azt azért javaslom, hogy pl egy virtualbox-szal tolj fel egy linuxot, és próbálgasd, juss el addig, hogy valamiféle -azon a linuxon futó- weboldalt el tudsz érni ha már egy webszervert, sqlt, ilyesmiket bekonfigoltál normálisan, olyan nagyon nagy baj nem lehet
Köszi, lehet akkor élnék majd az ajánlattal. Jelenleg ehhez hasonló próbálkozásaimhoz pi-t használok, bár mostanában ahhoz se volt időm, meg jó lenne ezt akkor a héten belőni működőképesre
Én ezt használom már jó ideje VPSnek. Eddig nem volt vele bajom. Az S-plan valami 18 euróra jön ki egy évre.
Kapsz egy ip-t, egy root jelszót és egy linuxot. Onnantól mint saját szerver játszhatsz vele. Ha akarod belövöm neked a webszervert, virtualhostokat, tűzfalat, egyebet. 20 perces művelet.
Köszi! Tényleg, github backpackről el is feledkeztem, régen használtam. Lehet akkor átállok én is VPS re, digital ocean legkisebb csomagból lehet el is leszek egy darabig, igazából én se hostolnék sok mindent. Oldalakat könyvjelzőztem, jó lesz későbbre. Köszi még egyszer, lehet akkor legközelebb már vps es kérdésekkel jövök, ha nem boldogulnék:)
Nekem ipage.com-on volt kuponnal $12 / év, korlátlan rajta minden. Elég lassú, de működik minden(statikus oldalaknak van csak kb, szóval arra megfelel). Ja és 1 domain ingyen volt ráadásként :)
Jó drágák, lehet egyszerűbb lenne összelőni tényleg egy VPS-t (legalább tanulsz Linuxot, később jól jön az még)
Nekem ramnodenál van 2 vps (külföldi sajna, ha ez kizáró tényező akkor felejtős neked), ott a legolcsóbb vps $15-18 1 évre, ami nem vészes (cserébe nem kvm/hyperv/xex hanem openvz, de ettől függetlenül korrektül megy). Ezen felül, ha diák vagy felsőoktatásban és regisztrálsz itt akkor kapsz $50-os digitalocean kupont, illetve, ha jól rémlik 1 évig havi ~$20-nyi Azure kupont is.
Mindkettot itt sg n irtatok anno. Miert lehet dragabb gyumolcstarhely? Gyümölcstárhely És tárhelypark között? Előbbin 3Gb 12k/év, utóbbin 8400/év. Hiába nézem a leírásokat, nem jövök rá miért jóval drágább a Gyümölcstárhely. Most kéne hosszabítanom, de nagyon erősen váltáson gondolkodom (90%)
Váltsak tárhelyparkra vagy tud valaki jobbat? 2 max 3 domain futna rajta. Legtobbszor ugyis csak ftp t használom, no meg az emaileket (korlátlan mail mindegyiknél). Utoljára szerkesztette: Jim Morrison, 2017.01.16. 19:39:21
https://github.com/hkirat/notification-logger "Notification Logger helps provide desktop notification for your console messages." Utoljára szerkesztette: Jim Morrison, 2016.12.21. 17:02:01
Igen, át kellett állítani a redirectet erre: domain.hu /(.*) http://www.domain.hu/ No-Match www. Wildcard permanent Hogy ez mit jelent fogalmam sincs de most jó lett :P
Közvetlen linkek beállításainál /%postname%/ van beállítva, url is rendben van. Átállítva nem lett jobb.
Olvasási beállításoknál pedig "egy statikus oldal a statikus oldal kiválasztása: <bemutatkozás>" ami vissza is irányít rendesen a főoldalra, csak a főoldalon is van egy redirect erre a $1-re, ami gyanítom hogy valami cPanel hülyeség lehet
adminba be tudsz lépni? beállítások / közvetlen linkekre ments rá egyet, nem kell módosítani esetleg wp-config.php-ben nézd meg nincs e más beállítva site és home url-nek
A $.click(data, handler) nem oldja meg, az lényegében csak alias, simán csak meghívja a $.on('click', null, data, handler)-t, lényegében minden event már a $.on()-t használja.
Tuti az lesz, hogy dinamikus a lista, amikor eredetileg a kódban a listener-t hozzáadod, akkor még nem léteznek az elemek. Hogyha egy elem nem létezik még az oldalon, vagy eltávolításra kerülhet, akkor nem az elemre kell tenni a listener-t, hanem egy felsőbb, "statikus", befoglaló elemre és vizsgálni, hogy az event.target az-az elem, amit akarsz. Ez legalábbis a modern megoldás, régebben rengeteg kódot lehetett látni, ahol mindig hozáadáskor hozzáadták a listener-t is, de azzal csak a probléma van.
Ezt a módszert könnyíti meg jQuery azzal, hogy az $.on(event, selector, handler) elfogad egy selectort az event típus után, az lesz a target. Tehát, amit Cat írt végig, az lesz a megoldás.
Sidenote:
$('.settings_page ul.profiles').on('click', 'li p.remove', console.log)
// ==
const profiles = document.querySelector('.settings_page ul.profiles')
const removes = Array.from(profiles.querySelectorAll(':scope li p.remove'))
profiles.addEventListener('click', (ev) => if (removes.includes(ev.target)) console.log(ev))
// jq persze rengeteg böngésző bug-ot, különbséget javít
// plusz nem csak rövidebb, de a "this" is autómatikusan bind-elésre kerül ott az ev.target-re
// míg natív az marad a delegált elem, tehát amire a listener csatolásra került
A legegyszerűbben úgy tudod kideríteni amúgy, hogy nyomsz egy Ctrl+u-t (vagy view-source:cím) és megnézed benne van-e, króm nézegető azért nem jó, mert az a JS által baszkurált DOM-ot mutatja, a view-source meg ami jön a szerverről még mielőtt a JS nekiáll dolgozni. Utoljára szerkesztette: SzirmosSzisza, 2016.12.12. 12:54:52
Gondolom az oldal dinamikusan tölti be a settings_page-t vagy a lista elemeit emiatt értelemszerűen a sima click nem fog menni, mert mikor az fut még nincs olyan elem az oldalon (konzolból oldal betöltés után természetesn megy), erre van kitalálva az on, ami nem az elemre rakja az eseményt, hanem valamelyik ősére ami biztos mindig van az oldalon.
hja így már stimm ahogy ket írta btw ha a rövidített verziót használod, akkor a te kódod is múkod: [code]$('.settings_page ul.profiles li p.remove').click(function() { bla });
dzsoni: köszi! lehet, hogy valamit rosszul csináltam, de ha úgy írtam ahogy a legtöbb helyen van a cikkben, akkor lefutáskor már végrehajtódott, nem clickre! (de valószínű csak én voltam balfsz..)
Őőő, szerintem $('.settings_page ul.profiles').on('click', 'p.remove', function() { kéne. On-t ugye a "konténerre" kell megadni, ami elkapja a felbubizott eseményeket (ha lusta vagy ide mindig lehet body-t is rakni akár), paraméterként meg kell az esemény típusa, utána a selector amire figyeljen és utána az fv. Ha a konzol nem is logol nem hiszem, hogy a this-szel lenne a baj.
(vagy ha nem változik dimaikusan ez a lista, akkor sima click is elég) Utoljára szerkesztette: SzirmosSzisza, 2016.12.12. 10:59:34
ha tippelnetek kéne, miért nem fut le kattintásra az on click-ben található blokk? selector tuti jó, alatta lévő sorral próbáltam ki a selecotrt és működik.
$('.settings_page ul.profiles li p.remove').on('click', function() {
console.log('remove');
profiles_cp.removeGroup(this);
});
$('.settings_page ul.profiles li p.remove').css({'color':'red'});
:( Utoljára szerkesztette: Jim Morrison, 2016.12.12. 10:18:53
Kipróbáltam, működik az. Nem arra címre kapod a levelet, amit megadsz az űrlapon, hanem a gmail-es címedre. Utoljára szerkesztette: MerlinW, 2016.12.05. 00:43:05